Merge pull request #21 from PlattsHacks/sponsors

add sponsors to the page

_data/homepage/homepage.yml

@@ -50,7 +50,15 @@ homepage:
           Yes there is. We enforce it very strongly. You can [find it here](https://static.mlh.io/docs/mlh-code-of-conduct.pdf).
 
   sponsors:
-    header: "Sponsors are coming soon!"
+    header: "Sponsors"
+    sub-header: "We are glad to present the sponsors of Plattshacks 2019!"
+    sponsor:
+      - name: "CCT"
+        image: "/images/sponsors/CCT.png"
+        url: "https://bit.ly/2D3FnN4"
+    sponsor-packet:
+      url: "https://drive.google.com/open?id=1rj-3JaL28ovJQ2tkgrtcqITTuMsLezUe"
+      title: "Sponsorship packet"
 
   register:
     message: >

css/main.css

@@ -404,6 +404,27 @@ section {
 
 .sponsors .sub-text {
     padding: 30px 0;
+    font-size: 23px;
+}
+
+.sponsors .sponsorship-packet {
+  padding: 30px 0;
+}
+
+.sponsors .sponsors-logo-container {
+  position: relative;
+  display: block;
+}
+
+.sponsors .sponsors-logo-container .sponsors-logo {
+  max-width: 300px;
+  position: relative;
+  text-align: center;
+  display: inline-block;
+}
+
+.sponsors .sponsors-logo-container .sponsors-logo img {
+  width: 100%;
 }
 
 .sponsor-button {
@@ -490,7 +511,7 @@ section {
 
 .grid-sizer,
 .grid-item {
-  width: 48%;
+  width: 32%;
 }
 
 .credits-wrapper.contributors {

index.html

@@ -62,9 +62,22 @@ <h2>{{ item.question }}</h2>
 
 <section class="sponsors" id="sponsors">
     <div class="container">
-        <h1 class="text-center">Sponsors</h1>
-        <h2 class="sub-text text-center">{{ homepage.sponsors.header }}</h2>
-        <a target="_blank" href="https://drive.google.com/open?id=1rj-3JaL28ovJQ2tkgrtcqITTuMsLezUe" class="sponsor-button"> Sponsorship packet </a>
+        <h1 class="text-center">{{ homepage.sponsors.header }}</h1>
+        <h2 class="sub-text text-center">{{ homepage.sponsors.sub-header }}</h2>
+        <!-- <div class="sponsors-logo-container grid"> -->
+        <div class="sponsors-logo-container">
+          <div class="grid-sizer"></div>
+          {% for sp in homepage.sponsors.sponsor %}
+            <div class="sponsors-logo grid-item">
+              <a href="{{ sp.url }}">
+                <img src="{{ sp.image }}" alt="{{ sp.name }}">
+              </a>
+            </div>
+          {% endfor %}
+        </div>
+        <div class="sponsorship-packet">
+          <a target="_blank" href="{{ homepage.sponsors.sponsor-packet.url }}" class="sponsor-button"> {{ homepage.sponsors.sponsor-packet.title }} </a>
+        </div>
     </div>
 </section>