Added sponsors image rows from yaml file

Author: liamgilligan

_data/sponsors.yml

@@ -0,0 +1,8 @@
+- name: SolidWorks
+  logo: https://upload.wikimedia.org/wikipedia/en/d/d2/SolidWorks_Logo.svg
+  level: lazer
+  website: https://www.solidworks.com/
+- name: Cito Medical
+  logo: https://citomedical.com/wpd/wp-content/uploads/2020/12/cito-logo.jpg
+  level: lazer
+  website: https://citomedical.com

_layouts/sponsors.html

@@ -30,23 +30,63 @@ <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium" style=
                 </h2>
             </div>
 
+            <div class="sponsor-thing">
+                {% for sponsor in site.data.sponsors %}
+                {% if sponsor.level == "lazer" %}
+                <a href="{{sponsor.website}}">
+                    <img src="{{sponsor.logo}}" alt="{{sponsor.name}}" style="width:25%">
+                </a>    
+                {% endif %}
+                {% endfor %}
+            </div>
+
             <div class="contents">
                 <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium" style="color: var(--seahawk)">
                     Diamond
                 </h2>
             </div>
 
+            <div class="sponsor-thing">
+                {% for sponsor in site.data.sponsors %}
+                {% if sponsor.level == "diamond" %}
+                <a href="{{sponsor.website}}">
+                    <img src="{{sponsor.logo}}" alt="{{sponsor.name}}" style="width:25%">
+                </a>    
+                {% endif %}
+                {% endfor %}
+            </div>
+
             <div class="contents">
                 <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium" style="color: var(--gold)">
                     Gold
                 </h2>
             </div>
 
+            <div class="sponsor-thing">
+                {% for sponsor in site.data.sponsors %}
+                {% if sponsor.level == "gold" %}
+                <a href="{{sponsor.website}}">
+                    <img src="{{sponsor.logo}}" alt="{{sponsor.name}}" style="width:25%">
+                </a>    
+                {% endif %}
+                {% endfor %}
+            </div>
+
             <div class="contents">
                 <h2 class="title has-text-left is-size-2 has-text-weight-bold mgb-medium" style="color: var(--silver)">
                     Silver
                 </h2>
             </div>
+
+            <div class="sponsor-thing">
+                {% for sponsor in site.data.sponsors %}
+                {% if sponsor.level == "silver" %}
+                <a href="{{sponsor.website}}">
+                    <img src="{{sponsor.logo}}" alt="{{sponsor.name}}" style="width:25%">
+                </a>    
+                {% endif %}
+                {% endfor %}
+            </div>
             <p class="your-name-here">
                 Want your name here?
             </p>

assets/css/style.scss

@@ -1436,6 +1436,14 @@ br { margin-bottom: 20px; }
 }
 
 #sponsors {
+    #sponsor-thing {
+        display: flex;
+        align-items: center;
+        .img {
+            display: block;
+            float: left;
+        }
+    }
     .description {
         text-align: justify;
     }