Add logos

Signed-off-by: Celeste Horgan <[email protected]>

assets/sass/custom.sass

@@ -94,9 +94,19 @@ a .hashlink
 .content 
   table 
     @extend .table
-
-  img 
-    @extend .img-fluid
+
+.logos
+  .col 
+    a 
+      width: 100% 
+      height: 100% 
+      display: inline-flex
+      align-items: center
+      text-align: center 
+
+    img 
+      width: 75%
+
 
 h1, h2, h3, h4, h5, h6 
   font-family: $font-family-headers

content/_index.md

@@ -16,7 +16,7 @@ at KubeCon North America, and join the mailing list for more updates!
 
 # Participating organizations 
 
-TODO: Logos
+{{< logos >}}
 
 # Related projects
 

layouts/shortcodes/logos.html

@@ -0,0 +1,17 @@
+<div class="row logos">
+  <div class="col col-md-4 col-sm-12">
+    <a href="https://cisco.com" target="_blank" class="mx-auto"><img src="/img/logos/cisco.svg" title="Cisco" /></a>
+  </div>
+  <div class="col col-md-4 col-sm-12">
+    <a href="https://cncf.io" target="_blank"><img src="/img/logos/cncf-color.png" title="Cloud Native Computing Foundation" /></a>
+  </div>
+  <div class="col col-md-4 col-sm-12">
+    <a href="https://linuxfoundation.org" target="_blank"><img src="/img/logos/lf-color.png" title="Linux Foundation" /></a>
+  </div>
+  <div class="col col-md-4 col-sm-12">
+    <a href="https://redhat.com" target="_blank"><img src="/img/logos/redhat-color.svg" title="Red Hat" /></a>
+  </div>
+  <div class="col col-md-4 col-sm-12">
+    <a href="https://sddi.org" target="_blank"><img src="/img/logos/sddi-color.svg" title="Software Developer Diversity and Inclusion" /></a>
+  </div>
+</div>