From 5fedad61823b9a05435824048a3537ec79c1b09a Mon Sep 17 00:00:00 2001
From: Daniel Micay <danielmicay@gmail.com>
Date: Wed, 2 Dec 2020 19:13:05 -0500
Subject: [PATCH] use explicit sections on the donate page

---
 static/donate.html | 64 +++++++++++++++++++++++++---------------------
 1 file changed, 35 insertions(+), 29 deletions(-)

diff --git a/static/donate.html b/static/donate.html
index 52fb1d17..5eba45f0 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -44,43 +44,49 @@
                 <a href="#donate">Donate</a>
             </h1>
 
-            <h2 id="bitcoin">
-                <a href="#bitcoin">Bitcoin</a>
-            </h2>
+            <section id="bitcoin">
+                <h2>
+                    <a href="#bitcoin">Bitcoin</a>
+                </h2>
 
-            <p>You can send Bitcoin donations to the following address to support this project:</p>
+                <p>You can send Bitcoin donations to the following address to support this project:</p>
 
-            <div id="bitcoin_address">
-                <a href="bitcoin:bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p?label=GrapheneOS&amp;message=Donation%20to%20GrapheneOS">
-                    <img src="/bitcoin-donation.png" alt="Bitcoin donation QR code" width="180" height="180"/>
-                    <p>bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p</p>
-                </a>
-            </div>
+                <div id="bitcoin_address">
+                    <a href="bitcoin:bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p?label=GrapheneOS&amp;message=Donation%20to%20GrapheneOS">
+                        <img src="/bitcoin-donation.png" alt="Bitcoin donation QR code" width="180" height="180"/>
+                        <p>bc1qy6fhm8p00p3h3w5rrcp2h2wejeeqn7x6y7xs2p</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>
+                <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>
+            </section>
 
-            <h2 id="paypal">
-                <a href="#paypal">PayPal</a>
-            </h2>
+            <section id="paypal">
+                <h2>
+                    <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>.</p>
+                <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>.</p>
 
-            <p>The PayPal account can receive both CAD and USD. If you send another currency, it
-            will be converted to CAD. If you have USD, it's best to select USD from the dropdown
-            menu to avoid an unnecessary conversion fee.</p>
+                <p>The PayPal account can receive both CAD and USD. If you send another currency, it
+                will be converted to CAD. If you have USD, it's best to select USD from the dropdown
+                menu to avoid an unnecessary conversion fee.</p>
+            </section>
 
-            <h2 id="github">
-                <a href="#github">GitHub Sponsors</a>
-            </h2>
+            <section id="github">
+                <h2>
+                    <a href="#github">GitHub Sponsors</a>
+                </h2>
 
-            <p>GrapheneOS can be sponsored with recurring donations through
-            <a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one
-            hundred dollars a month.</p>
+                <p>GrapheneOS can be sponsored with recurring donations through
+                <a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one
+                hundred dollars a month.</p>
+            </section>
         </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>