add donation page based on attestation.app

1 files changed, 43 insertions, 0 deletions

diff --git a/static/grapheneos.css b/static/grapheneos.css
index e9f86049..96d2a2cb 100644
--- a/static/grapheneos.css
+++ b/static/grapheneos.css
@@ -17,6 +17,38 @@ code, pre {
     font-family: "Roboto Mono", monospace;
 }
 
+nav ul {
+    display: flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    margin: 0;
+    padding: 0;
+}
+
+nav {
+    background-color: #212121; /* grey900 */
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0 ,0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+}
+
+nav ul li {
+    list-style-type: none;
+}
+
+nav ul li:hover {
+    background-color: #424242; /* grey800 */
+}
+
+nav ul li a {
+    color: #fff; /* 100% white */
+    display: block;
+    text-decoration: none;
+    padding: 1em;
+}
+
+nav ul li.active a {
+    color: #64B5F6; /* blue300 */
+}
+
 a {
     text-decoration: none;
 }
@@ -32,6 +64,17 @@ a:hover {
     overflow-wrap: break-word;
 }
 
+#bitcoin_address {
+    display: inline-block;
+}
+
+#bitcoin_address > * {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
 /* latin */
 @font-face {
     font-family: 'Roboto';