ADD: about page

2018-12-09 22:46:14 +00:00
parent af657c568d
commit d1de8cf447
11 changed files with 626 additions and 82 deletions
--- a/static/css/lndhub.css
+++ b/static/css/lndhub.css
@@ -0,0 +1,145 @@
+/*
+ * 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);
+}