
The approach of using 100vh interacts poorly with how Chromium and Safari calculate the viewport height on mobile. They include their navigation bar as part of the viewport height from the start to avoid dynamic changes to the viewport site.
74 lines
3.7 KiB
HTML
74 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" prefix="og: http://ogp.me/ns#">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Donate | GrapheneOS</title>
|
|
<meta name="description" content="Donating to support development of GrapheneOS."/>
|
|
<meta name="theme-color" content="#212121"/>
|
|
<meta name="msapplication-TileColor" content="#ffffff"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<meta name="twitter:site" content="@GrapheneOS"/>
|
|
<meta name="twitter:creator" content="@GrapheneOS"/>
|
|
<meta property="og:title" content="GrapheneOS donations"/>
|
|
<meta property="og:description" content="Donating to support development of GrapheneOS."/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:image" content="https://grapheneos.org/opengraph.png"/>
|
|
<meta property="og:image:width" content="512"/>
|
|
<meta property="og:image:height" content="512"/>
|
|
<meta property="og:image:alt" content="GrapheneOS logo"/>
|
|
<meta property="og:url" content="https://grapheneos.org/donate"/>
|
|
<meta property="og:site_name" content="GrapheneOS"/>
|
|
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
|
|
<link rel="mask-icon" href="/safari_pinned_tab_icon.svg" color="#000000"/>
|
|
<link rel="stylesheet" href="/grapheneos.css?13"/>
|
|
<link rel="manifest" href="/manifest.webmanifest"/>
|
|
<link rel="canonical" href="https://grapheneos.org/donate"/>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="/">GrapheneOS</a></li>
|
|
<li><a href="/install">Install</a></li>
|
|
<li><a href="/build">Build</a></li>
|
|
<li><a href="/usage">Usage</a></li>
|
|
<li><a href="/releases">Releases</a></li>
|
|
<li><a href="/source">Source</a></li>
|
|
<li class="active"><a href="/donate">Donate</a></li>
|
|
<li><a href="/contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div id="content">
|
|
<h1 id="donate">
|
|
<a href="#donate">Donate</a>
|
|
</h1>
|
|
<h2 id="bitcoin">
|
|
<a href="#bitcoin">Bitcoin</a>
|
|
</h2>
|
|
<p>You can send Bitcoin donations to the following address to support this project:</p>
|
|
<div id="bitcoin_address">
|
|
<a href="bitcoin:3QpKs45BLXirWAgYtV1sTCbAkfUe7HByR5">
|
|
<img src="/bitcoin_address.png" alt="Bitcoin address QR code" width="160" height="160"/>
|
|
<p>3QpKs45BLXirWAgYtV1sTCbAkfUe7HByR5</p>
|
|
</a>
|
|
</div>
|
|
<p>Using a low fee is recommended, since the payment doesn't need to be quick. There's
|
|
no need to waste your money choosing a fee based on having it arrive within an hour,
|
|
when having it go through within a couple days is perfectly fine.</p>
|
|
<h2 id="paypal">
|
|
<a href="#paypal">PayPal</a>
|
|
</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>
|
|
<footer>
|
|
<a href="/"><img src="https://grapheneos.org/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
|
|
<ul id="social">
|
|
<li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
|
|
<li><a href="https://github.com/GrapheneOS">GitHub</a></li>
|
|
</ul>
|
|
</footer>
|
|
</body>
|
|
</html>
|