From c4a03ac2e900965f2aa38775183cb17826f6c33c Mon Sep 17 00:00:00 2001
From: Zach van Rijn <me@zv.io>
Date: Thu, 15 Jul 2021 07:19:24 -0500
Subject: Add SPI donation section.

---
 src/contribute/donate.html | 53 ++++++++++++++++++++++++++++++++++++----------
 1 file changed, 42 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/contribute/donate.html b/src/contribute/donate.html
index edab26c..ef8621d 100644
--- a/src/contribute/donate.html
+++ b/src/contribute/donate.html
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <meta name="description" content="">
         <meta name="keywords" content="">
-        <title>Coming Soon</title>
+        <title>Adélie Linux | How to Donate</title>
         <!-- Favicon -->
         <link href="/assets/images/icons/gen_polyguin_color_favicon.ico" rel="shortcut icon">
         <!-- CSS -->
@@ -28,21 +28,52 @@ __HEADER__
         </div>
         <!-- end Header -->
 
-        <div class="section-fullscreen">
+        <!-- section 1 -->
+        <div class="section-lg">
             <div class="container">
-                <div class="position-middle">
-                    <div class="row">
-                        <div class="col-12 col-md-10 coffset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
-                            <h1 class="display-4 font-weight-bold">Coming Soon</h1>
-                            <h5 class="font-weight-light text-black-05">We're not quite ready to accept donations.</h5>
-                            <a class="button button-xl button-radius button-reveal-left-grey margin-top-30" href="/"><i class="fas fa-home"></i><span>Home</span></a>
+                <div class="row align-items-center">
+                    <div class="col-12 col-md-4">
+                        <h1 class="display-2 font-weight-thin margin-0">Thanks!</h1>
+                    </div>
+                    <div class="col-12 col-md-8">
+                        <h3 class="font-weight-normal">We're grateful for your help.</h3>
+                        <div class="divider-width-40px margin-bottom-20">
+                            <hr class="bg-black-09">
                         </div>
-                    </div><!-- end row -->
-                </div><!-- end position-middle -->
+                        <p>Adélie depends on your support to continue to deliver a high-quality Linux platform.</p>
+                        <br />
+                        <p>We leverage third-party 501(c)(3) tax-exempt organizations to manage our finances and accept donations on our behalf. This means your donation might be tax-deductible.</p>
+                        <br />
+                        <p>Donations can be made in the form of money, equipment, services, and more.</p>
+                    </div>
+                </div><!-- end row -->
             </div><!-- end container -->
         </div>
+        <!-- end section 1 -->
 
-__INDEPENDENT_SHADE__
+        <!-- section 2 -->
+        <div class="section-lg bg-grey-lighter">
+            <div class="container">
+                <div class="row align-items-center">
+                    <div class="col-12 col-md-4">
+                        <h1 class="display-2 font-weight-thin margin-0">Option 1</h1>
+                    </div>
+                    <div class="col-12 col-md-8">
+                        <h3 class="font-weight-normal">Software in the Public Interest, Inc.</h3>
+                        <div class="divider-width-40px margin-bottom-20">
+                            <hr class="bg-black-09">
+                        </div>
+                        <p><a href="https://www.spi-inc.org/"><strong>SPI</strong></a> is a non-profit corporation founded to serve the financial needs to open-source software and hardware projects. You can <a href="https://www.spi-inc.org/donations/"><strong>read more</strong></a> about how SPI accepts donations on our behalf.<p>
+                        <br />
+                        <p>SPI accepts: <strong>PayPal</strong>, <strong>credit card</strong>, <strong>mailed checks</strong>, <strong>equipment</strong>, <strong>services</strong>, and more.</p>
+                        <a class="button button-lg button-radius button-dark margin-top-30" href="https://www.spi-inc.org/projects/adelielinux/">Donate to Adélie via SPI</a>
+                    </div>
+                </div><!-- end row -->
+            </div><!-- end container -->
+        </div>
+        <!-- end section 2 -->
+
+__INDEPENDENT_WHITE__
 __FOOTER__
     </body>
 </html>
-- 
cgit v1.2.3-70-g09d2