Merge branch 'master' into pullrequest

n1c01a5 · web-flow · commit 3140bdce6862 · 2018-02-22T23:08:58.000+01:00
diff --git a/assets/Kleros_One_Pager.pdf b/assets/Kleros_One_Pager.pdf
diff --git a/index.html b/index.html
@@ -2,14 +2,19 @@
 <html lang="en">
   <head>
 	  <!-- Global Site Tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-103362452-1"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-103362452-1">
+    </script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
 
-  gtag('config', 'UA-103362452-1');
-</script>
+      gtag('config', 'UA-103362452-1');
+    </script>
+    <!-- End Global Site Tag (gtag.js) - Google Analytics -->
+    
     <!-- Google Tag Manager -->
     <script>
       (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
@@ -106,7 +111,9 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
               <div class="hidden-md-down">
                 <a class="btn btn-lg btn-how-it-works" href="#how-it-works">How it works?</a>
                 <a class="btn btn-lg btn-primary btn-wp" href="assets/whitepaper.pdf">Read the white paper</a>
-		<a class="btn btn-lg btn-telegram" href="https://t.me/kleros">Telegram Chat</a>
+                <a href="https://t.me/kleros">
+                  <img class="btn-telegram" src="img/Telegram-icon-sq.png" alt="kleros telegram" />
+                </a>
               </div>
               <div class="hidden-lg-up">
                 <div class="row">
@@ -119,11 +126,6 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
                     <a class="btn btn-lg btn-primary btn-wp btn-block" href="assets/whitepaper.pdf">Download the white paper</a>
                   </div>
                 </div>
-		<div class="row">
-                  <div class="col-lg-12 no-padding">
-                    <a class="btn btn-lg btn-telegram btn-block" href="https://t.me/kleros">Telegram Chat</a>
-			 <a> <img src="img/Telegram-icon-sq.png" alt="kleros telegram" /> </a>
-                  </div>
               </div>
             </div>
           </div>
@@ -146,7 +148,7 @@ <h2 class="protocol-title">TRIBUNALS<br /><span class="protocol-subtitle">ON DEM
             <a class="btn btn-default protocol-btn-how-it-works hidden-md-down" href="#how-it-works">How it works?</a>
           </div>
           <div class="col-lg-6 hidden-md-down iMac">
-            <div class="">
+            <div class="text-right">
               <img alt="screen mac kleros" src="img/iMac.png" class="img-iMac" />
             </div>
           </div>
@@ -1009,9 +1011,6 @@ <h2 class="contact-title-section">CONTACT</h2>
         </div>
       </footer>
     </div>
-
-
-
     <!-- jQuery first, then Tether, then Bootstrap JS. -->
     <script
       src="https://code.jquery.com/jquery-3.2.1.min.js"
diff --git a/style.css b/style.css
@@ -184,6 +184,11 @@ body {
   width: 40px;
 }
 
+.btn-telegram {
+  width: 52px;
+  margin-left: 12px;
+}
+
 @media (max-width: 576px) {
   .kleros-wording {
     padding: 0;
@@ -212,6 +217,12 @@ body {
   }
 }
 
+@media (max-width: 1200px) {
+  .btn-telegram {
+    display: none;
+  }
+}
+
 /**************** End Kleros section ****************/
 
 /**************** Protocol section ****************/
@@ -726,8 +737,10 @@ footer-right a {
   footer-right {
     position: relative;
   }
+
+  .telegram-button {
+    display: none;
+  }
 }
 
 /**************** End Footer ****************/
-
-
