Merge pull request #1 from PrestaShop/update-to-bootstrap4.1

Update to Bootstrap 4.1

.gitignore

@@ -3,4 +3,5 @@ node_modules/
 dist/
 npm-debug.log
 .idea/
+static/contributors.js
 contributors.js

README.md

@@ -19,7 +19,8 @@ To generate the required ``contributors.js`` use **traces** project:
 
 ```
 composer create-project prestashop/traces
-./traces/traces PrestaShop/PrestaShop GitHubLogin GitHubPassword --config="./traces/config.yml.dist"
+./traces/traces PrestaShop/PrestaShop GitHubLogin GitHubPassword --config="./traces/config.dist.yml"
 ```
 
+Then place the file `contributors.js` into the folder named `static`.
 

index.html

@@ -10,18 +10,18 @@
 <header>
   <div class="gradient">
     <div class="container">
-      <div class="row">
-        <div class="col-md-8 push-md-1 text-md-center">
-          <h1>Top contribution achievements</h1>
-          <p class="white-text">
-            Welcome!<br />
-            This page is dedicated to the code contributors building PrestaShop every day. Check below to see how much you helped the community, thanks to your involvement in open source. These are all your contributions since the 1st of January, 2017. Feel free to contribute some code too!
-          </p>
-          <div>
-            <a href="https://github.com/PrestaShop/PrestaShop" class="btn btn-primary">Contribute now</a>
+      <div class="row justify-content-md-center">
+        <div class="col col-md-8 text-md-center">
+            <h1>Top contribution achievements</h1>
+            <p class="white-text">
+              Welcome!<br /><br />
+              This page is dedicated to the code contributors building PrestaShop every day. Check below to see how much you helped the community, thanks to your involvement in open source. These are all your contributions since the 1st of January, 2018. Feel free to contribute some code too!
+            </p>
+            <div>
+              <a href="https://github.com/PrestaShop/PrestaShop" class="btn btn-primary">Contribute now</a>
+            </div>
           </div>
         </div>
-      </div>
     </div>
   </div>
 </header>
@@ -31,22 +31,25 @@ <h1>Top contribution achievements</h1>
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-3 white-title">JOIN US ON GITHUB</div>
-      <div class="col-md-4 white-title">CONTRIBUTOR'S GUIDE</div>
-      <div class="col-md-3 white-title">DISCOVER PRESTASHOP 1.7</div>
-    </div>
-    <div class="row">
-      <div class="col-md-3 white-text">To join the community and help the project, go to GitHub's PrestaShop page and register.</div>
-      <div class="col-md-4 white-text">Follow our guide to discover the best practices and procedure to follow when you contribute to PrestaShop.</div>
-      <div class="col-md-3 white-text">Check the latest additions and the more significant improvements of the 1.7 version, the next major version of PrestaShop.</div>
-    </div>
-    <div class="row">
-      <div class="col-md-3"><a href="https://github.com/PrestaShop/PrestaShop" class="btn btn-outline-info">Contribute now</a></div>
-      <div class="col-md-4"><a href="http://doc.prestashop.com/display/PS16/Contributing+to+PrestaShop" class="btn btn-outline-info large-padding">Read the docs</a></div>
-      <div class="col-md-3"><a href="https://www.prestashop.com/en/1.7" class="btn btn-outline-info large-padding">Discover</a></div>
+      <div class="col-4">
+        <div class="white-title">JOIN US ON GITHUB</div>
+        <div class="white-text">To join the community and help the project, go to GitHub's PrestaShop page and register.</div>
+        <a href="https://github.com/PrestaShop/PrestaShop" class="btn btn-outline-info">Contribute now</a>
+      </div>
+      <div class="col-4">
+          <div class="white-title">CONTRIBUTOR'S GUIDE</div>
+          <div class="white-text">Follow our guide to discover the best practices and procedure to follow when you contribute to PrestaShop.</div>
+          <a href="http://doc.prestashop.com/display/PS16/Contributing+to+PrestaShop" class="btn btn-outline-info large-padding">Read the docs</a>
+      </div>
+      <div class="col-4">
+        <div class="white-title">DISCOVER PRESTASHOP 1.7</div>
+        <div class="white-text">Check the latest additions and the more significant improvements of the 1.7 version, the next major version of PrestaShop.</div>
+        <a href="https://www.prestashop.com/en/1.7" class="btn btn-outline-info large-padding">Discover</a>
+      </div>
     </div>
+
     <div class="row">
-      <div id="badge" class="col-md-10 text-md-center">
+      <div id="badge" class="col-md-12 text-md-center">
         <img src="./static/img/badge.png">
         <hr>
       </div>
@@ -55,7 +58,7 @@ <h1>Top contribution achievements</h1>
       <div class="col-md-6">
         <a class="build-link" href="http://build.prestashop.com">Follow the blog of our Product &amp; Dev team</a>
       </div>
-      <div class="col-md-4 text-md-right share">
+      <div class="col-md-6 text-md-right share">
         <span>Follow us</span>
         <a href="https://www.facebook.com/prestashop"><img src="./static/img/facebook.png"></a>
         <a href="https://twitter.com/prestashop"><img src="./static/img/twitter.png"></a>