Merge pull request #49 from beavertronics/add-sponsors-to-landing

bueno

Author: SketchedDoughnut

assets/main/sponsors/autodesk-logo.png

@@ -133,7 +133,7 @@ <h1>
             <div class="info-card-overlay">
                 <b>DESIGN</b>
                 <br><br>
-                Our team strategically designs each robot with feasability, simplicity, and awesomeness all in mind, based on a thorough analysis of each year's game. We experiment with ideas by making prototypes out of scrap wood. Once we have a good idea of what we want the robot to do and how we want it to do it, we flesh out the details using Onshape, a cloud-based CAD software. Finally, the CAD is thoroughly reviewed, both by students and by our experienced mentors, before manufacturing and assembly take place.</div>
+                Our team strategically designs each robot with feasibility, simplicity, and awesomeness all in mind, based on a thorough analysis of each year's game. We experiment with ideas by making prototypes out of scrap wood. Once we have a good idea of what we want the robot to do and how we want it to do it, we flesh out the details using Onshape, a cloud-based CAD software. Finally, the CAD is thoroughly reviewed, both by students and by our experienced mentors, before manufacturing and assembly take place.</div>
             <img src="https://static.wixstatic.com/media/cbe77e_85f3406992e241ef9988ef2bc1cbbeb2~mv2.jpg/v1/fill/w_284,h_420,al_c,q_80,usm_1.20_1.00_0.01,enc_auto/cbe77e_85f3406992e241ef9988ef2bc1cbbeb2~mv2.jpg" class="img">
         </div>
         <div class="info-card">
@@ -152,6 +152,34 @@ <h1>
         </div>
     </div>
 
+    <!-- Sponsors section -->
+    <h1>SPONSORS</h1>
+    <p class="text-content" style="text-align: center">We are incredibly grateful for the generous support of our sponsors.</p>
+
+    <!-- scrolling logos -->
+    <div class="sponsors-container">
+        <div class="sponsors-slide">
+            <div class="sponsor-logos" id="sponsors-set-1"></div>
+            <div class="sponsor-logos" id="sponsors-set-2"></div>
+        </div>
+    </div>
+
+    <!-- "Donate" and "Become a Sponsor" buttons -->
+    <div class="landing-button-container">
+        <button class="landing-button" onclick="donateClick()">Donate</button>
+        <button class="landing-button" onclick="window.location.href='mailto:sponsors@team5970.org'">Become a Sponsor</button>
+    </div>
+
+    <div class="landing-button-container">
+        <div id="donate-instructions" class="hidden" style="display: none">
+            <div id="donate-instructions-content" style="text-align: center">
+                <p class="text-content" style="text-align: center">To donate to us, select <b>BEAVERTON HIGH SCHOOL</b> from the <b>School</b> dropdown, then select <b>Donation to Robotics Club</b> from the <b>Item</b> dropdown.</p>
+                <button class="landing-button" onclick="window.open('https://or-beaverton-lite.intouchreceipting.com/', '_blank')">Got it!</button>
+                <p class="text-content" style="text-align: center">Click the "Got It!" button to navigate to the Beaverton School District donation website.<br>Thank you for your support!</p>
+            </div>
+        </div>
+    </div>
+
     <!-- 
     this is the link to the calendar that is on the bottom
     there is also Javascript that should, in theory delete the iframe if the screen is too small