diff options
| author | Daniel Micay <danielmicay@gmail.com> | 2019-04-25 22:51:39 -0400 |
|---|---|---|
| committer | Daniel Micay <danielmicay@gmail.com> | 2019-04-25 22:57:08 -0400 |
| commit | f5766668bb7464b0426bb4625309d4ad68823c08 (patch) | |
| tree | 45fe5d3293be05d9cac29307db97763349249b81 /static | |
| parent | 3f4a26cc86c67ba83970ac1bc681733a56eb3629 (diff) | |
add donation page based on attestation.app
Diffstat (limited to 'static')
| -rw-r--r-- | static/bitcoin_address.png | bin | 0 -> 3301 bytes | |||
| -rw-r--r-- | static/donate.html | 34 | ||||
| -rw-r--r-- | static/grapheneos.css | 43 | ||||
| -rw-r--r-- | static/index.html | 8 |
4 files changed, 84 insertions, 1 deletions
diff --git a/static/bitcoin_address.png b/static/bitcoin_address.png Binary files differnew file mode 100644 index 00000000..d1759a48 --- /dev/null +++ b/static/bitcoin_address.png diff --git a/static/donate.html b/static/donate.html new file mode 100644 index 00000000..0503c5ee --- /dev/null +++ b/static/donate.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"/> + <meta name="theme-color" content="#212121"/> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <title>Donate</title> + <meta name="description" content="Donating to support development of GrapheneOS."/> + <link rel="stylesheet" href="/grapheneos.css?0"/> + <link rel="manifest" href="/manifest.webmanifest"/> + </head> + <body> + <nav> + <ul> + <li><a href="/">GrapheneOS</a></li> + <li class="active"><a href="/donate">Donate</a></li> + </ul> + </nav> + <div id="content"> + <h1>Donate</h1> + <h2>Bitcoin</h2> + <p>You can send Bitcoin donations to the following address to support this project:</p> + <div id="bitcoin_address"> + <img src="/bitcoin_address.png" alt="Bitcoin address QR code"/> + <p>3QpKs45BLXirWAgYtV1sTCbAkfUe7HByR5</p> + </div> + <h2>PayPal</h2> + <p>PayPal donations can be sent to danielmicay@gmail.com. Please mention GrapheneOS in + the donation description to allow for proper record keeping, since PayPal + <a href="https://www.paypal.com/ms/smarthelp/article/can-i-have-multiple-paypal-accounts-faq762"> + does not allow multiple personal accounts</a>. + </div> + </body> +</html> 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'; diff --git a/static/index.html b/static/index.html index dc3acf1d..d0477ba5 100644 --- a/static/index.html +++ b/static/index.html @@ -6,9 +6,15 @@ <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="description" content="GrapheneOS is a security and privacy focused mobile OS with Android app compatibility."/> <title>GrapheneOS</title> - <link rel="stylesheet" href="/grapheneos.css"/> + <link rel="stylesheet" href="/grapheneos.css?0"/> </head> <body> + <nav> + <ul> + <li class="active"><a href="/">GrapheneOS</a></li> + <li><a href="/donate">Donate</a></li> + </ul> + </nav> <div id="content"> <h1>GrapheneOS releases</h1> <p>These are early sample releases of GrapheneOS, an open source privacy and security |
