Merge pull request #124 from BoilerMake/albert/sponsors-second-round

Add another round of sponsors

templates/web/pages/bmviii_home.tmpl

@@ -323,7 +323,7 @@
     </div>
 </section>
 
-<section class="section has-background-image" id="sponsors" style='background-image: url({{ static_path "bmviii_sponsors_background.svg" }}); min-height: 1024px; background-size: 1440px 1204px; background-color: #8BBAEA'>
+<section class="section has-background-image" id="sponsors" style='background-image: url({{ static_path "bmviii_sponsors_background.svg" }}); min-height: 1024px; background-color: #8BBAEA'>
     <div class="container">
         <div class="columns is-mobile is-centered content">
             <div class="column is-5-mobile is-3-tablet is-2-desktop" style="margin-top:72px">
@@ -332,30 +332,69 @@
         </div>
     </div>
 
-    <div class="columns is-mobile is-centered content" style="margin-top: 15%">
+    <div class="columns is-mobile is-centered content" style="margin-top: 10%">
         <div class="column is-12-mobile is-8-tablet is-8-desktop box" style="padding: 1.5rem 2.5rem; margin: 2.5rem 0;">
             <div class="columns is-mobile is-centered is-vcentered content">
-                <div class="column is-3-desktop is-3-tablet is-4-mobile">
-                    <img alt="Digital Ocean" src={{ static_path "sponsors_digital_ocean.svg" }}>
+                <div class="column is-3-desktop is-4-tablet is-5-mobile">
+                    <a href="https://www.collinsaerospace.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Collins Aerospace" src={{ static_path "sponsors_collins.jpeg" }}>
+                    </a>
                 </div>
-                <div class="column is-3-desktop is-3-tablet is-4-mobile is-3-offset-desktop is-offset-2-desktop is-offset-2-tablet is-offset-2-mobile">
-                    <img alt="Purdue Polytechnic Institute" src={{ static_path "sponsors_polytech.png" }}>
+                <div class="column is-4-desktop is-4-tablet is-5-mobile">
+                    <a href="https://www.qualcomm.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Qualcomm" src={{ static_path "sponsors_qualcomm.jpg" }}>
+                    </a>
                 </div>
             </div>
             <div class="columns is-mobile is-centered is-vcentered content">
-                <div class="column is-3-desktop is-3-tablet is-4-mobile">
-                    <img alt="Qualcomm" src={{ static_path "sponsors_qualcomm.png" }}>
+                <div class="column is-3-desktop is-4-tablet is-5-mobile">
+                    <a href="https://www.ecolab.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Ecolab" src={{ static_path "sponsors_ecolab.jpg" }}>
+                    </a>
                 </div>
-                <div class="column is-3-desktop is-3-tablet is-offset-1-desktop is-4-mobile">
-                    <img alt="Ecolab" src={{ static_path "sponsors_ecolab.jpg" }}>
+                <div class="column is-3-desktop is-4-tablet is-5-mobile is-offset-1-desktop">
+                    <a href="https://www2.deloitte.com/us/en.html" rel="noopener noreferrer" target="_blank">
+                        <img alt="Deloitte" src={{ static_path "sponsors_deloitte.png" }}>
+                    </a>
                 </div>
-                <div class="column is-3-desktop is-3-tablet is-offset-1-desktop is-4-mobile">
-                    <img alt="Wolfram" src={{ static_path "sponsors_wolfram.svg" }}>
+            </div>
+            <div class="columns is-mobile is-centered is-vcentered content" style="margin-bottom: 0px">
+                <div class="column is-3-desktop is-4-tablet is-5-mobile">
+                    <a href="https://www.palantir.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Palantir" src={{ static_path "sponsors_palantir.png" }}>
+                    </a>
+                </div>
+                <div class="column is-4-desktop is-4-tablet is-5-mobile">
+                    <a href="https://www.deere.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="John Deere" src={{ static_path "sponsors_john_deere.png" }}>
+                    </a>
+                </div>
+                <div class="column is-2-desktop is-4-tablet is-4-mobile ">
+                    <a href="https://polytechnic.purdue.edu/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Purdue Polytechnic Institute" src={{ static_path "sponsors_polytech.png" }}>
+                    </a>
                 </div>
             </div>
-            <div class="columns is-mobile is-centered is-vcentered content">
-                <div class="column is-8" style="margin-top: 30px">
-                    <img alt="More to be announced" src={{ static_path "more_to_be_announced.png"}}>
+            <div class="columns is-mobile is-centered is-vcentered content bmviii-sponsors-bottom-row">
+                <div class="column is-2-desktop is-3-tablet is-3-mobile">
+                    <a href="http://hackp.ac/mlh-stickermule-hackathons" rel="noopener noreferrer" target="_blank">
+                      <img alt="Sticker Mule" src={{ static_path "sponsors_stickermule.png" }}>
+                    </a>
+                </div>
+                <div class="column is-2-desktop is-offset-1-desktop is-3-tablet is-3-mobile">
+                    <a href="https://www.wolfram.com/language/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Wolfram Language" src={{ static_path "sponsors_wolfram.svg" }}>
+                    </a>
+                </div>
+                <div class="column is-2-desktop is-offset-1-desktop is-3-tablet is-3-mobile">
+                    <a href="https://www.digitalocean.com/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Digital Ocean" src={{ static_path "sponsors_digital_ocean.svg" }}>
+                    </a>
+                </div>
+                <div class="column is-4 is-3-tablet is-3-mobile">
+                    <a href="https://pinnacle.us.org/" rel="noopener noreferrer" target="_blank">
+                        <img alt="Pinnacle" src={{ static_path "sponsors_pinnacle.svg" }}>
+                    </a>
                 </div>
             </div>
         </div>

web/src/styles/index.scss

@@ -614,12 +614,19 @@ button.bmviii-left-accordion:hover, button.bmviii-right-accordion:hover, button.
     margin-left: 0px;
 }
 
+.bmviii-sponsors-bottom-row {
+  margin-left: 3rem;
+}
+
 @media only screen
 and (min-width: 768px)
 and (max-width: 1023px) {
     .margin-tablet-1 {
         margin-left: 8.3333333333%; // value taken from bulma is-offset-1
     }
+  .bmviii--sponsors-bottom-row {
+    margin-left: 0;
+  }
 }
 
 @media only screen
@@ -628,13 +635,20 @@ and (max-width: 1024px) {
   .grid {
     grid-template-rows: 1fr 1rem min-content 0.5rem min-content 0.5rem min-content;
   }
+  .bmviii-sponsors-bottom-row {
+    margin-left: 0;
+  }
 }
 
 @media only screen
 and (max-width: 500px) {
     .bmviii-footer-text {
         text-align: left;
     }
+
+    .bmviii-sponsors-bottom-row {
+      margin-left: 0;
+    }
 }
 
 @media only screen
@@ -686,6 +700,10 @@ and (max-width: 600px) {
   .carousel-button-prev {
       left: -18px;
   }
+
+  .bmviii-sponsors-bottom-row {
+    margin-left: 0;
+  }
 }