diff --git a/controllers/website.js b/controllers/website.js
index 23462bd..a0a22c2 100644
--- a/controllers/website.js
+++ b/controllers/website.js
@@ -97,13 +97,6 @@ router.get('/qr', function (req, res) {
code.pipe(res);
});
-router.get('/about', function(req, res) {
- logger.log('/about', [req.id]);
- let html = fs.readFileSync('./templates/about.html').toString('utf8');
- res.setHeader('Content-Type', 'text/html');
- return res.status(200).send(mustache.render(html, {}));
-});
-
router.use(function (req, res) {
res.status(404).send('404');
});
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..9d2cb16
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,247 @@
+ html, body {
+ height: 100%;
+ background: #FAFBFE;
+ color: #000;
+}
+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: Helvetica Neue, Menlo, Consolas, "Courier New", monospace;
+ word-wrap: break-word;
+ font-weight: 400;
+ height: 100%;
+ width: 100%;
+}
+.sidebar {
+ background: #fff;
+ box-shadow: 0 -1px 4px 0 rgba(0,0,0,.20);
+}
+.container32 {
+ padding: 32px;
+}
+.container24 {
+ padding: 24px;
+}
+.container16 {
+ padding: 16px;
+}
+.nosidepadding {
+ padding-right: 0;
+ padding-left: 0;
+}
+.boxes {
+ display: flex;
+ margin: 40px 0 56px 0;
+}
+.box {
+ background: #fff;
+ box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
+ border-radius: 6px;
+ position: relative;
+}
+.boxes .box {
+ width: 25%;
+ margin-right: 32px;
+}
+
+.box h3 {
+ font-size: 18px;
+ margin: 0;
+ padding: 0;
+ font-weight: 500;
+}
+.meta {
+ font-size: 13px;
+ color: #9AA0AA;
+ margin: 0 0 4px 0;
+ padding: 0;
+ font-weight: 500;
+}
+.uri {
+ font-size: 13px;
+ color: #000;
+ font-weight: 500;
+}
+.number1 {
+ font-size: 30px;
+ font-weight: 500;
+ margin-top: 32px;
+ display: inline-block;
+}
+.right {
+ float: right;
+}
+.label {
+ padding: 4px 8px;
+ border-radius: 16px;
+ color: #fff;
+ font-size: 13px;
+}
+[title~=true], [title~=active] {
+ background: #50E3C2;
+}
+[title~=false], [title~=inactive] {
+ background: #8E8E8E;
+}
+.label[title~=true]::after {
+ content: "synced";
+}
+.label[title~=false]::after {
+ content: "not synced";
+}
+.label[title~=active]::after {
+ content: "active";
+}
+.label[title~=inactive]::after {
+ content: "inactive";
+}
+.synced {
+ position: absolute;
+ top: 24px;
+ right: 24px;
+}
+
+#progressbar {
+ appearance: none;
+ margin: 0;
+ padding: 0;
+}
+#progressbar[max]::-webkit-progress-value {
+ border-radius: 8px 0 0 8px;
+ background: linear-gradient(0deg, rgba(104,187,225,1) 0%, rgba(139,215,249,1) 100%);
+}
+#progressbar[value]::-webkit-progress-bar {
+ background: linear-gradient(0deg, rgba(47,95,179,1) 0%, rgba(63,120,220,1) 100%);
+ height: 16px;
+ border-radius: 8px;
+ transition: 0.4s linear;
+ transition-property: width, background-color;
+}
+.row {
+ padding: 8px 0;
+ border-radius: 8px;
+ transition: 0.2s ease-in-out;
+}
+.row:hover {
+ background: #F4F8FB;
+}
+.row .name {
+ padding: 2px 4px 2px 8px;
+}
+.row .name h2 {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.row .graph {
+ flex-grow: 1;
+ padding: 0 16px 0 0;
+ align-self: center;
+ padding: 2px 4px;
+}
+.row .status {
+ align-self: center;
+ padding: 2px 8px 2px 4px;
+}
+.decor {
+ text-decoration : none;
+}
+.name h2 {
+ color: #000;
+ margin: 0;
+ font-weight: 500;
+ font-size: 18px;
+}
+.amount {
+ color: #9AA0AA;
+ margin: 4px 0;
+ font-weight: 500;
+}
+.qr {
+ margin: 0 -24px;
+ width: 268px
+}
+footer {
+ color: #9AA0AA;
+}
+footer a {
+ font-size: 14px;
+ color: #0070FF;
+ text-decoration: none;
+}
+@media (min-width: 1200px){
+ body {
+ padding-right: 300px;
+ }
+ .sidebar {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: 300px;
+ height: 100%;
+ box-shadow: 0 0 4px 0 rgba(0,0,0,.20);
+ }
+ footer {
+ position: absolute;
+ bottom: 32px;
+ color: #9AA0AA;
+ }
+ .boxes .box:last-child {
+ margin-right: 0;
+ }
+ .row {
+ display: flex;
+ }
+ .row .name {
+ flex-grow: 0.2;
+ max-width: 20%;
+ }
+ .row .status {
+ flex-grow: 0.1;
+ max-width: 10%;
+ }
+}
+@media (max-width: 1199px){
+ .logo {
+ width: 200px;
+ }
+ .scroll {
+ overflow: scroll;
+ padding: 0px 16px 0px 1px;
+ margin-right: -32px;
+ }
+ .boxes {
+ width: 900px;
+ }
+ .boxes .box {
+ width: 180px;
+
+ }
+ .row {
+ position: relative;
+ }
+ .row .name {
+ flex-grow: 0.8;
+ max-width: 80%;
+ }
+ .row .status {
+ position: absolute;
+ top: 16px;
+ right: 0;
+ }
+}
+@media (max-width: 959px){
+ .logo {
+ width: 200px;
+ }
+
+}
+
+
diff --git a/img/favicon.png b/img/favicon.png
new file mode 100644
index 0000000..6589b13
Binary files /dev/null and b/img/favicon.png differ
diff --git a/img/lndhub-logo.svg b/img/lndhub-logo.svg
new file mode 100644
index 0000000..fde5a4c
--- /dev/null
+++ b/img/lndhub-logo.svg
@@ -0,0 +1,45 @@
+
+
+ lndhub-logo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/css/lndhub.css b/static/css/lndhub.css
deleted file mode 100644
index 5af27dc..0000000
--- a/static/css/lndhub.css
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * Globals
- */
-
-/* Links */
-a,
-a:focus,
-a:hover {
- color: #fff;
-}
-.lead {
- font-size: 18px;
- font-weight: 400;
-}
-.lead strong {
- font-weight: bold;
-}
-
-/* Custom default button */
-.btn-secondary,
-.btn-secondary:hover,
-.btn-secondary:focus {
- color: #333;
- text-shadow: none; /* Prevent inheritance from `body` */
- background-color: #fff;
- border: .05rem solid #fff;
-}
-
-
-/*
- * Base structure
- */
-
-html,
-body {
- background-color: #1C2529;
-}
-.clear {
- clear: both;
- display: block;
-}
-body {
- color: #fff;
-}
-h1 {
- font-size: 70px;
- font-weight: bold;
-}
-h2 {
- font-size: 50px;
- font-weight: bold;
- padding-top: 80px;
- margin-bottom: 40px;
-}
-.cover-heading {
- padding-top: 190px;
- margin-bottom: 40px;
-}
-.cover-container {
- max-width: 960px;
-}
-@media (max-width: 991px) {
- .cover-container {
- padding-left: 16px;
- padding-right: 16px;
- }
-}
-.github {
- margin-top: 80px;
-}
-
-/*
- * Header
- */
-.masthead {
- padding-top: 58px;
-}
-
-.masthead-brand {
- margin-bottom: 0;
-}
-
-@media (min-width: 48em) {
- .masthead-brand {
- float: left;
- }
- .nav-masthead {
- float: right;
- }
-}
-/*
- * Cover
- */
-.cover {
- padding-bottom: 140px;
- }
-.cover .btn-lg {
- padding: .75rem 1.25rem;
- font-weight: 700;
-}
-.explain {
- min-height: 800px;
- background: #29353C;
-}
-.explain img {
- margin: 90px auto;
-}
-.lndhub-graph {
- max-width: 100%;
-}
-.promote {
- padding-bottom: 80px;
-}
-.promote img {
- max-width: 232px;
-}
-.cta {
- margin-top: 40px;
-}
-@media (min-width: 992px) {
- .cta li:first-child {
- float: left;
- }
- .cta li {
- margin: 0 auto;
- text-align: center;
- }
-}
-@media (max-width: 991px) {
- .cta li {
- margin: 0 auto 32px 0;
- text-align: center;
- width: 50%;
- float: left;
- }
- .cta li img{
- width: 150px;
- }
-}
-/*
- * Footer
- */
-.mastfoot {
- color: rgba(255, 255, 255, .5);
-}
diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index b91ed11..0000000
Binary files a/static/favicon.png and /dev/null differ
diff --git a/static/img/app-store-badge.svg b/static/img/app-store-badge.svg
deleted file mode 100644
index 3285d03..0000000
--- a/static/img/app-store-badge.svg
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-
- app-store-badge
- Created with Sketch.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/static/img/iphoneX.png b/static/img/iphoneX.png
deleted file mode 100644
index 9f1abdf..0000000
Binary files a/static/img/iphoneX.png and /dev/null differ
diff --git a/static/img/lndhub-graph.png b/static/img/lndhub-graph.png
deleted file mode 100644
index 02c409b..0000000
Binary files a/static/img/lndhub-graph.png and /dev/null differ
diff --git a/static/img/lndhub.svg b/static/img/lndhub.svg
deleted file mode 100644
index 9e06155..0000000
--- a/static/img/lndhub.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
- lndhub
- Created with Sketch.
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/static/img/play-store-badge.svg b/static/img/play-store-badge.svg
deleted file mode 100644
index b209f6c..0000000
--- a/static/img/play-store-badge.svg
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
-
- play-store-badge
- Created with Sketch.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/templates/about.html b/templates/about.html
deleted file mode 100644
index a1fcfd6..0000000
--- a/templates/about.html
+++ /dev/null
@@ -1,96 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- LNDhub - Open source Bank
-
-
-
-
-
-
-
-
-
-
- An open source bank
-
- LNDHub is an opensource wrapper for Lightning Network Daemon. It provides
- separate accounts with minimum trust for end users.
-
- We want to hide the complexity of running a node, and take over the work of a hub operator. Users want to make payments without the hassle of operating a node, opening channels, take care of liquidity or watching these channels.
- We want to bring Lightning payments to everyone and speed up Bitcoin adoption.
- We called it LNDhub .
-
-
-
-
-
-
-
How does it work?
-
-
When the user sends Bitcoin to a dedicated top-up address, this balance is added to his account on LNDhub. Then, the user can use this balance to pay Lightning invoices, from everything to coffees to any micro-transaction he wants. But under the hood, it’s actually LNDhub who pays the invoice, deducting the user’s account balance. It works the same way when the user wants to receive a Lightning payment - it’s LNDhub who creates a Lightning invoice and actually receives the value on one of its channels.
-
-
-
-