Zowe Adopters page

_data/adopters.yml

@@ -0,0 +1,4 @@
+# Add your company name here and logo filename ( upload to assets/img/adopters/ ) to have automatically added as a Zowe adopters
+
+- name:
+  logo:

_layouts/default.html

@@ -80,6 +80,9 @@
     <a href="#documentation">Documentation</a>
     <a href="#community">Community</a>
     <a href="#conformance">Zowe Conformance Program</a>
+    {% if site.data.adopters %}
+    <a href="#adopters">Who's Using Zowe?</a>
+    {% endif %}
 </div>
 </div>
 
@@ -104,6 +107,9 @@
   <a href="/#documentation">Documentation</a>
   <a href="/#community">Community</a>
   <a href="/#conformance">Zowe Conformance Program</a>
+  {% if site.data.adopters %}
+  <a href="/#adopters">Who's Using Zowe?</a>
+  {% endif %}
 </div>
 
 <div class="footercol3">

assets/css/style.css

@@ -9,45 +9,44 @@ body {
 }
 
 body, html {
-
   overflow-x:hidden;
-
 }
 
+p {
+  margin-bottom:1%;
+}
 
- p {
-   margin-bottom:1%;
- }
-
- .content {
-   width:80%;
-   margin-left:5%;
-   padding-right:5%;
- }
+.content {
+  width:80%;
+  margin-left:5%;
+  padding-right:5%;
+}
 
 .lfheader{
   background-color:#777777;
   width:100%;
 }
 
 .lfheader img{
-
   width:20%;
   padding-top:0.5%;
   padding-left:2%;
 }
 
+#adopters .flex-container {
+  display: flex;
+  flex-wrap: wrap;
+}
 
-
- .copyright {
+.copyright {
    width:90% !important;
    margin-top:2%;
    font-size:0.8em;
    display:block;
    line-height:1.5em;
    float:left;
    color:white !important;
- }
+}
 
  .copyright a {
 

index.md

@@ -140,3 +140,22 @@ The Zowe Conformance Program aims to give users the confidence that when they us
 <div class="videocol">
 <img src="assets/img/Zowe_ConformanceBadge_general-white.svg">
 </div>
+
+</section>
+{% for adopter in site.data.adopters %}
+{% if forloop.first %}
+<section class="whitebackground">
+
+<h1 id="adopters">Who's Using Zowe?</h1>
+
+<div class="flex-container">
+{% endif %}
+  <div>
+    <img alt="{{adopter.name}}" src="assets/img/adopters/{{adopter.logo}}">
+  </div>
+{% if forloop.last %}
+</div>
+
+</section>
+{% endif %}
+{% endfor %}