Merge pull request #1123 from plotly/add_github_stars

Add GitHub stars To Homepage

Author: Joseph Damiba

_data/cache_bust_css.yml

@@ -1,2 +1,2 @@
-299bf4ed0ab496795b8fe3588fa04c34  ../all_static/css/main.css
+e1f40e63b86de7c2e0444738a2c8f9df  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css

_posts/2015-07-26-index.html

@@ -23,7 +23,7 @@
             </div>
             <div class="--wrap-inner">
                 <div class="--welcome layer"><span class="meta">Welcome to the</span>
-                    <h2><strong>Plotly Open Source Graphing Libraries</strong></h2>
+                    <h2>Plotly Open Source Graphing Libraries</h2>
                     <p>
                         D3.js and WebGL charts and maps for Python, MATLAB, R, and more.
                     </p>
@@ -34,7 +34,6 @@ <h2><strong>Plotly Open Source Graphing Libraries</strong></h2>
 
         <section class="--documentation-categories">
             <div class="--wrap category-buttons">
-                <h2>Plotly's Open Source Graphing Libraries:</h2>
                 <ul>
                     <li>
                         <a href="/python/">
@@ -47,6 +46,10 @@ <h2>Plotly's Open Source Graphing Libraries:</h2>
                                     <h2>Plotly Python Open Source Graphing Library</h2>
                                     <!--<p>Anyone making charts or dashboards online.</p>-->
                                 </div>
+                                <div class="category-wrap github-stars">
+                                    <!-- Place this tag where you want the button to render. -->
+                                    <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.py&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+                                </div>
                             </div>
                         </a>
                     </li>
@@ -61,7 +64,12 @@ <h2>Plotly Python Open Source Graphing Library</h2>
                                     <h2>Plotly MATLAB Open Source Graphing Library</h2>
                                     <!--<p>Engineers and data scientists using Python, R, Matlab or Javascript.</p>-->
                                 </div>
+                                <div class="category-wrap github-stars">
+                                    <!-- Place this tag where you want the button to render. -->
+                                    <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=MATLAB-Online&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+                                </div>
                             </div>
+
                         </a>
                     </li>
                     <li>
@@ -79,7 +87,12 @@ <h2>Plotly R Open Source Graphing Library</h2>
                                     <!--dashboards.-->
                                     <!--</p>-->
                                 </div>
+                                <div class="category-wrap github-stars">
+                                    <!-- Place this tag where you want the button to render. -->
+                                    <iframe src="https://ghbtns.com/github-btn.html?user=ropensci&repo=plotly&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+                                </div>
                             </div>
+
                         </a>
                     </li>
                     <li>
@@ -96,7 +109,12 @@ <h2>Plotly JavaScript Open Source Graphing Library</h2>
                                     <!--dashboards.-->
                                     <!--</p>-->
                                 </div>
+                                <div class="category-wrap github-stars">
+                                    <!-- Place this tag where you want the button to render. -->
+                                    <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly.js&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+                                </div>
                             </div>
+
                         </a>
                     </li>
                     <li>
@@ -109,7 +127,12 @@ <h2>Plotly JavaScript Open Source Graphing Library</h2>
                                 <div class="category-meta">
                                     <h2>Plotly Dash Open Source Graphing Library</h2>
                                 </div>
+                                <div class="category-wrap github-stars">
+                                    <!-- Place this tag where you want the button to render. -->
+                                    <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=dash&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+                                </div>
                             </div>
+
                         </a>
                     </li>
                 </ul>

all_static/css/main.css

@@ -7463,6 +7463,24 @@ div#notebook {
     flex-wrap: wrap;
     padding: 30px;
     max-width: 100%; }
+    .page.\--home .\--documentation-categories .category-wrap .github-stars {
+      padding-top: 20px;
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: start;
+      -webkit-align-items: flex-start;
+      -ms-flex-align: start;
+      align-items: flex-start;
+      -webkit-box-pack: center;
+      -webkit-justify-content: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      max-width: 100%; }
   .page.\--home .\--documentation-categories ul {
     list-style-type: none;
     -webkit-flex-wrap: wrap;