lndhub/templates/index.html

556 lines
15 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
@charset "UTF-8";
</style>
<meta content="width=640, maximum-scale=1.0" name="viewport">
<meta content="http://lndhub.io" property="og:url">
<meta content="lndhub.io" property="og:title">
<meta content="lndhub" property="og:description">
<meta content="http://url.here/logo.png" property="og:image">
<meta content="800" property="og:image:width">
<meta content="800" property="og:image:height">
<title>LndHub</title>
<meta content="command line, lndhub" name="keywords">
<meta content="command-line lndhub" name="description">
</head>
<body class="theme-dark" style="background: none;">
<div class="holder">
<div class="container">
<div class="terminal-output">
<pre class="line"> _________________________</pre>
<pre class="line">/ Hi! How are you? \</pre>
<pre class="line">| |</pre>
<pre class="line">\ Welcome to LNDHUB! /</pre>
<pre class="line"> -------------------------</pre>
<pre class="line"> \ ^__^</pre>
<pre class="line"> \ (oo)\_______</pre>
<pre class="line"> (__)\ )\/\</pre>
<pre class="line"> ||----w |</pre>
<pre class="line"> || ||</pre>
<pre class="line"> </pre>
<pre class="line"> </pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">Hello world!</span></pre>
<pre class="line"><span class="dyer-orange">Welcome to LndHub, opensource wrapper for Lightning Network Daemon</span></pre>
<pre class="line"><span class="dyer-orange">It provides separate accounts with minimum trust for end users</span></pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">LND uris:</span></pre>
{{#uris}}
<pre class="line">{{.}}</pre>
{{/uris}}
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">Channels:</span></pre>
<table>
{{#channels}}
<tr>
<td>{{name}}</td>
<td><pre class="line">{{ascii}}</pre></td>
<td><pre class="line">{{capacity_btc}} BTC </pre></td>
<td><pre class="line"><a href="https://1ml.com/node/{{remote_pubkey}}" target="_blank">{{remote_pubkey}}</a> {{^active}}<span class="dyer-orange">[INACTIVE]</span>{{/active}}</pre></td>
</tr>
{{/channels}}
</table>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">num_active_channels:</span></pre>
<pre class="line">{{num_active_channels}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">num_pending_channels:</span></pre>
<pre class="line">{{num_pending_channels}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">num_peers:</span></pre>
<pre class="line">{{num_peers}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">block_height:</span></pre>
<pre class="line">{{block_height}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">synced_to_chain:</span></pre>
<pre class="line">{{synced_to_chain}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">version:</span></pre>
<pre class="line">{{version}}</pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">Fork me on GitHub!</span></pre>
<pre class="line"><a href="https://github.com/BlueWallet/LndHub" target="_blank">https://github.com/BlueWallet/LndHub</a></pre>
<pre class="line"> </pre>
<pre class="line"><span class="dyer-white">Start using it on MainNet (zero configuration required):</span></pre>
<pre class="line"><a href="https://bluewallet.io" target="_blank">https://bluewallet.io</a></pre>
<pre class="line"> </pre>
<pre class="line"><a href="/about" target="_blank">Click here to find out more!</a></pre>
<pre class="line"> </pre>
<pre class="line"> </pre>
<pre class="line"> </pre>
</div>
</div>
<div class="terminal-input-holder">
<div class="pre-query">
$
</div>
<input autocomplete="off" class="terminal-input " eb-caret="caretPosition" style="width: 967px;" type="text">
</div>
</div>
<style>
html, body {
height: 100%;
background: #000;
overflow-y: scroll!important
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*, :before, :after {
box-sizing: inherit
}
body {
margin: 0;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
word-wrap: break-word;
font-weight: 400;
height: 100%;
width: 100%;
float: left
}
body.theme-dark {
background-color: #000;
color: #f7f7f7
}
body.theme-light {
background-color: #f7f7f7;
color: #191919
}
a {
color: inherit;
text-decoration: none
}
body.theme-dark a {
color: #f7f7f7
}
body.theme-light a {
color: #191919
}
.line a {
cursor: pointer
}
body.theme-dark cmd, body.theme-dark .line a {
color: #f7f7f7;
border-bottom: 1px dotted #f7f7f7
}
body.theme-light cmd, body.theme-light .line a {
color: #191919;
border-bottom: 1px dotted #191919
}
body.theme-dark a:hover, body.theme-dark cmd:hover {
color: #0ff
}
body.theme-light a:hover, body.theme-light cmd:hover {
color: #ff00ff
}
textarea {
resize: none;
min-height: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
vertical-align: middle;
overflow: none;
letter-spacing: inherit
}
.container {
padding: 10px;
width: 100%
}
.holder {
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
bottom: 0;
padding-top: 30px;
padding-bottom: 0
}
.terminal-input {
font-family: inherit;
font-size: 16px;
width: 100%;
float: left;
text-align: inherit;
border: 0;
padding: 0 10px;
border-radius: 0;
margin-top: 10px;
margin-bottom: 10px;
background: 0 0
}
.prompt-input {
background-color: transparent;
font-family: inherit;
font-size: 16px;
width: 100%;
float: left;
text-align: inherit;
border: 0;
padding: 0 10px;
border-radius: 0;
margin-top: 10px;
margin-bottom: 10px
}
.terminal-input-sml {
width: 50%;
float: left
}
.prompt-input-sml {
width: 50%;
float: left
}
.pre-query {
font-size: 16px;
padding-top: 10px;
float: left;
color: #01DD06
}
.pre-prompt {
font-size: 16px;
padding-top: 10px;
float: left;
color: #01DD06
}
body.theme-dark .terminal-input {
color: #fff
}
body.theme-light .terminal-input {
color: #f7f7f7
}
body.theme-dark .prompt-input {
color: #fff
}
body.theme-light .prompt-input {
color: #f7f7f7
}
#tabs {
display: none!important;
list-style: none;
margin: 0!important;
width: 100%;
float: left;
position: fixed;
z-index: 3;
padding-left: 25px;
font-size: 14px
}
#tabs li {
float: left;
margin: 0;
margin-right: 10px;
background: #252525;
padding: 5px;
padding-right: 14px;
padding-left: 14px;
color: gray;
cursor: pointer
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.close_tab_btn {
color: #b4b4b4!important;
margin-top: -2px;
float: right;
margin-left: 10px;
padding: 1px
}
.close_tab_btn:hover {
color: #2d2d2d!important
}
#tabs li:hover {
background: #fff
}
.pull-right {
float: right!important
}
#tabs li.active {
font-weight: 700;
background: #fff
}
.terminal-input:focus {
outline: 0
}
.prompt-input:focus {
outline: 0
}
.terminal-output {
padding: 0 16px;
margin-bottom: 50px
}
.divider {
width: 100%;
overflow: hidden;
white-space: nowrap;
margin-top: 5px;
margin-bottom: 5px
}
.line {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
display: block;
float: left;
width: 100%;
font-size: 12px;
color: #C3C3C3;
margin: 0;
font-smooth: never!important;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
.darkIframeBg {
background: #000!important
}
.cmdfmWidgetHolder {
position: fixed!important;
left: -1000px!important;
top: -500px!important;
width: 0!important;
height: 0!important
}
.iframeHolder iframe {
width: 100%;
height: 100%;
padding: 3%;
position: fixed;
border: none!important;
overflow: hidden!important
}
.dyer-runcmd-green {
color: #01DD06;
margin-left: -5px;
font-size: 14px
}
.dyer-runcmd-green span {
color: #d4d4d4;
font-size: 14px
}
.dyer-runcmd-green .qry {
color: #fff!important
}
.dyer-green {
color: #01DD06
}
.dyer-tomato {
color: tomato
}
.dyer-orange {
color: orange
}
.dyer-white {
color: #fff
}
.dyer-red {
color: #e74c3c
}
.dyer-darkgray {
color: #666
}
.dyer-blue {
color: #1DBAFE
}
.dyer-yellow {
color: #fff01c
}
.dyer-gr-yellow-1 {
color: #fff8e3
}
.dyer-gr-yellow-2 {
color: #fffeab
}
.dyer-gr-yellow-3 {
color: #fff85f
}
.dyer-gr-yellow-4 {
color: #ffe454
}
.dyer-gr-yellow-5 {
color: #ffb50e
}
.dyer-gr-green-1 {
color: #bdffbc
}
.dyer-gr-green-2 {
color: #78ff75
}
.dyer-gr-green-3 {
color: #35ff2a
}
.dyer-gr-green-4 {
color: #27ce21
}
.dyer-gr-green-5 {
color: #008e03
}
.dyer-gr-blue-1 {
color: #f1f6ff
}
.dyer-gr-blue-2 {
color: #e7e0ff
}
.dyer-gr-blue-3 {
color: #84cbff
}
.dyer-gr-blue-4 {
color: #38acff
}
.dyer-gr-blue-5 {
color: #0f72ff
}
span {
line-height: 15px
}
.no-animation * {
-o-transition-property: none!important;
-moz-transition-property: none!important;
-ms-transition-property: none!important;
-webkit-transition-property: none!important;
transition-property: none!important;
-o-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
-webkit-transform: none!important;
transform: none!important;
-webkit-animation: none!important;
-moz-animation: none!important;
-o-animation: none!important;
-ms-animation: none!important;
animation: none!important
}
.container * {
-webkit-animation: fadein .2s ease;
-moz-animation: fadein .2s ease;
-ms-animation: fadein .2s ease;
-o-animation: fadein .2s ease;
animation: fadein .2s ease
}
@keyframes fadein {
from {
transform: translateY(4px)
}
to {
transform: translateY(0px)
}
}
@-moz-keyframes fadein {
from {
-moz-transform: translateY(4px)
}
to {
-moz-transform: translateY(0px)
}
}
@-webkit-keyframes fadein {
from {
-webkit-transform: translateY(4px)
}
to {
-webkit-transform: translateY(0px)
}
}
@-ms-keyframes fadein {
from {
-ms-transform: translateY(4px)
}
to {
-ms-transform: translateY(0px)
}
}
@-o-keyframes fadein {
from {
-o-transform: translateY(4px)
}
to {
-o-transform: translateY(0px)
}
}
::-webkit-scrollbar {
width: 4px;
height: 4px
}
::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: 0
}
body.theme-dark ::-webkit-scrollbar-thumb:vertical, body.theme-dark ::-webkit-scrollbar-thumb:horizontal {
background-color: orange;
-webkit-border-radius: 0
}
body.theme-light ::-webkit-scrollbar-thumb:vertical, body.theme-light ::-webkit-scrollbar-thumb:horizontal {
background-color: #191919;
-webkit-border-radius: 0
}
body.theme-dark ::-webkit-scrollbar-thumb:vertical:hover, body.theme-dark ::-webkit-scrollbar-thumb:horizontal:hover {
background-color: #0ff
}
body.theme-light ::-webkit-scrollbar-thumb:vertical:hover, body.theme-light ::-webkit-scrollbar-thumb:horizontal:hover {
background-color: #ff00ff
}
.nobot {
margin: none!important;
padding: none!important;
line-height: 1em
}
.mini-player-indicator {
background: #FF3900!important;
color: #fff!important
}
.mini-player-indicator:hover {
background: #fff!important;
color: #FF3900!important
}
.terminal-input-holder-fixed {
position: fixed;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, .7)
}
.terminal-input-holder {
float: left;
width: 100%;
display: block
}
.curtain {
width: 100%;
height: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
display: none;
background: #000;
opacity: .5
}
.curtain.active {
display: block
}
</style>
</body>
</html>