Oss users (#85)

* first pass update for oss-user logos

* Alignment and sizing for oss-user logos

* remove comics, put oss-users above tutorials

Co-authored-by: Rich Snider <rich@intentionet.com>

Author: saparikh

Gemfile

@@ -23,3 +23,5 @@ gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 # Performance-booster for watching directories on Windows
 gem "wdm", "~> 0.1.0" if Gem.win_platform?
 
+
+gem "webrick", "~> 1.7"

_includes/oss-users.html

@@ -0,0 +1,46 @@
+<div class="justify-content-center ">
+  <div class="section-title">
+    <h2>Trusted by Network Engineers</h2>
+  </div>
+</div>
+<p></p>
+&nbsp;
+<div id="oss-users-container">
+  <!-- OSS Users-->
+  <div id="oss-1" class="justify-content-center row">
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://www.linkedin.com/pulse/using-gitlab-runners-network-pipelines-jorge-romero/">
+          <img alt="Electronic Arts" src="{{ '/assets/oss-users/ea-logo.png' | relative_url}}" style="width:70px">
+        </a>
+    </div>
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://github.com/networktocode/ntc-soteria/">
+          <img alt="NetworkToCode" src="{{ '/assets/oss-users/ntc-logo.png' | relative_url}}" style="width:250px">
+        </a>
+    </div>
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://github.com/Marphlap/batfish_dashboard">
+          <img alt="Presido" src="{{ '/assets/oss-users/presidio-logo.svg' | relative_url}}" style="width:200px">
+        </a>
+    </div>
+  </div>
+  <p></p>
+  <div id="oss-1" class="justify-content-center row">
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://github.com/arista-netdevops-community/ansible-webinar-february-2020/">
+          <img alt="Arista Networks" src="{{ '/assets/oss-users/arista-logo.png' | relative_url}}" style="width:170px">
+        </a>
+    </div>
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://gitlab.com/petercrocker/cumulus-generic-setup/-/tree/master">
+          <img alt="Cumulus Networks (Nvidia)" src="{{ '/assets/oss-users/cumulus-logo.svg' | relative_url}}" style="width:210px">
+        </a>
+    </div>
+    <div class="col-sm-4 d-flex align-items-center justify-content-center">
+        <a href="https://www.linkedin.com/pulse/network-configuration-analyser-sudarshan-v/">
+          <img alt="Cyber CX" src="{{ '/assets/oss-users/cybercx-logo.webp' | relative_url}}" style="width:180px">
+        </a>
+    </div>
+  </div>
+</div>
+  <!-- End OSS Users-->

_layouts/home.html

@@ -36,40 +36,28 @@ <h1 class="display-1">Batfish</h1>
   {%- include banner.html -%}
   <!-- Content -->
   <div class="container">
-    <!-- Latest Comic -->
-    <div class="section">
-      <div class="justify-content-center row">
-        <div class="col-12 p-0">
-
-          <div class="section-title">
-            <h2>Latest Comic</h2>
-          </div>
-
-          <div class="content-row my-4">
-            <img src="{{ '/assets/comics/comic-01.png' | relative_url}}" style="max-width:100%">
-          </div>
-
-          </div>
-        </div>
-      </div>
 
+    <!-- OSS Users-->
+    <div class="section">
+      {%- include oss-users.html -%}
+    </div>
 
-      <!-- Tutorial Videos Talks-->
-      <div class="section">
-        {%- include tutorial_carousel.html -%}
-      </div>
-
-      <!-- Selected Community Resources -->
-      <div class="section">
-        {%- include community-resources.html -%}
-      </div>
+    <!-- Tutorial Videos Talks-->
+    <div class="section">
+      {%- include tutorial_carousel.html -%}
+    </div>
 
-      <!-- Publications -->
-      <div class="section">
-        {%- include publications.html -%}
-      </div>
+    <!-- Selected Community Resources -->
+    <div class="section">
+      {%- include community-resources.html -%}
+    </div>
 
+    <!-- Publications -->
+    <div class="section">
+      {%- include publications.html -%}
     </div>
+
+  </div>
     <!-- End Content-->
 
     {%- if site.post.size > 0 -%}