Merge pull request #36 from shiftlab/ecosystem-github-icon

Add GitHub icon to ecosystem page

Author: patmellon

_sass/ecosystem.scss

@@ -361,3 +361,46 @@
     }
   }
 }
+
+.ecosystem {
+  .ecosystem-card-title-container {
+    .card-title {
+      padding-left: 0;
+      font-size: 1.5rem;
+      color: $slate;
+    }
+  }
+
+  .star-list {
+    list-style: none;
+    padding-left: 0;
+    li {
+      display: inline;
+    }
+  }
+
+
+  .icon-count-container {
+    display: inline-block;
+    vertical-align: text-bottom;
+    margin-left: rem(8px);
+  }
+
+  .github-logo {
+    height: 15px;
+    width: 13px;
+    margin-left: 10px;
+  }
+
+  .github-stars-count {
+    color: $mid_gray;
+    position: relative;
+    top: rem(4px);
+    font-size: 14px;
+    margin-left: 0.125rem;
+    @include desktop {
+      top: rem(3px);
+      font-size: initial;
+    }
+  }
+}

ecosystem/ecosystem.html

@@ -71,7 +71,13 @@ <h1>
               <a href="{{ item.link }}" target="_blank">
                 <div class="card-body {{ item.logo-class }} {% if item.experimental %}experimental{% endif %}">
                   <div class="ecosystem-card-title-container">
-                    <h4>{{ item.title }}</h4>
+                    <ul class="star-list">
+                      <li class="card-title">{{ item.title }}</li>
+                        <div class="icon-count-container">
+                          <li><img class="github-logo" src="/assets/images/logo-github.svg"></li>
+                          <li class="github-stars-count">27</li>
+                        </div>
+                    </ul>
                       {% if item.experimental %}
                         <div class="experimental-badge">
                           Experimental