Changes to social media buttons (lingonsaft#348)

nishantmittal59 · Oct 3, 2018 · ed6b372 · ed6b372
1 parent 7982f48
commit ed6b372
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 33 deletions.
diff --git a/cheese.html b/cheese.html
@@ -9,6 +9,9 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
+
+  <!-- Github follow button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
 
   <link rel="stylesheet" href="./css/cheese.css">
   <link rel="stylesheet" href="./css/navbar.css">
@@ -98,13 +101,24 @@ <h1>Cheese Pleasing Me!</h1>
   </div>
 
   <footer id="footer">
-    <h3>Social Links</h3>
-    <div class="social-icons">
-      <a href="https://github.com/lingonsaft"><img src="./images/svg/github.svg" ></a>&nbsp;&nbsp;
-      <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg"/></a>&nbsp;&nbsp;
-      <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg"/></a>&nbsp;&nbsp;
-      <a href="https://twitter.com/lingonsaft1"><img src="./images/svg/twitter.svg"/></a>
-      <br /><a href="https://icons8.com">Icon pack by Icons8</a>
+    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
+    <div class="social-icons row justify-content-center">
+      <div class="col">
+        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+          Follow @lingonsaft
+        </a>
+      </div>
+      <div class="col">
+        <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
+      </div>
+      <div class="col">
+        <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
+      </div>
+      <div class="col">
+        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+          data-show-count="false">Follow @lingonsaft1</a>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+      </div>
     </div>
   </footer>
 

diff --git a/contributors.html b/contributors.html
@@ -9,6 +9,9 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
+
+  <!-- Github follow button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
 
   <link rel="stylesheet" href="./css/contributors.css">
   <link rel="stylesheet" href="./css/navbar.css">
@@ -142,6 +145,7 @@ <h3 class="lead text-muted">Add yourself to the list if you contribute</h3>
               <p class="card-text"><a href="https://github.com/azax25547">Aditya Narayan Mishra</a></p>
               <p class="card-text"><a href="https://github.com/CruiseDevice">Akash Chavan</a></p>
               <p class="card-text"><a href="https://github.com/Puma1337">Dan Tascher</a></p>
+              <p class="card-text"><a href="https://github.com/robotikka">Isuru Hettiarachchi</a></p>
               <p class="card-text"><a href="https://github.com/colbye9">Colby Don</a></p>
               <p class="card-text"><a href="https://github.com/lmberman">Lindsei Berman</a></p>
               <p class="card-text"><a href="https://github.com/nwarwick">Nick Warwick</a></p>
@@ -173,11 +177,12 @@ <h3 class="lead text-muted">Add yourself to the list if you contribute</h3>
 </div>
 
   <footer id="footer">
-
-    <h3><span id="toggle-social-btn">Social Links</span></h3>
+    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
     <div class="social-icons row justify-content-center">
       <div class="col">
-        <a href="https://github.com/lingonsaft"><img src="./images/svg/github.svg" alt="github" /></a>
+        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+          Follow @lingonsaft
+        </a>
       </div>
       <div class="col">
         <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
@@ -186,10 +191,11 @@ <h3><span id="toggle-social-btn">Social Links</span></h3>
         <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
       </div>
       <div class="col">
-        <a href="https://twitter.com/lingonsaft1"><img src="./images/svg/twitter.svg" alt="twitter" /></a>
+        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+          data-show-count="false">Follow @lingonsaft1</a>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
       </div>
     </div>
-
   </footer>
 
   <script src="./scripts/contributors.js"></script>

diff --git a/helpful-material.html b/helpful-material.html
@@ -10,6 +10,9 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
+
+  <!-- Github follow button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
 
   <link rel="stylesheet" href="./css/helpful-material.css" />
   <link rel="stylesheet" href="./css/navbar.css" />
@@ -134,11 +137,12 @@ <h2 class="mt-4">Guides</h2>
   </div>
 
   <footer id="footer">
-
-    <h3><span id="toggle-social-btn">Social Links</span></h3>
+    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
     <div class="social-icons row justify-content-center">
       <div class="col">
-        <a href="https://github.com/lingonsaft"><img src="./images/svg/github.svg" alt="github" /></a>
+        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+          Follow @lingonsaft
+        </a>
       </div>
       <div class="col">
         <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
@@ -147,10 +151,11 @@ <h3><span id="toggle-social-btn">Social Links</span></h3>
         <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
       </div>
       <div class="col">
-        <a href="https://twitter.com/lingonsaft1"><img src="./images/svg/twitter.svg" alt="twitter" /></a>
+        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+          data-show-count="false">Follow @lingonsaft1</a>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
       </div>
     </div>
-
   </footer>
 
   <script src="./scripts/helpful-material.js"></script>

diff --git a/index.html b/index.html
@@ -23,6 +23,8 @@
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
 
 
+  <!-- Github follow button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
 
   <link rel="stylesheet" href="./css/index.css" />
   <link rel="stylesheet" href="./css/navbar.css" />
@@ -281,6 +283,12 @@ <h3 class="center">FAQ</h3>
   <!--Main content-->
 
   <footer id="footer">
+    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
+    <div class="social-icons row justify-content-center">
+      <div class="col">
+        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+          Follow @lingonsaft
+        </a>
 
     <h3><span id="toggle-social-btn">Social Links</i></span></h3>
     <div class="social-icons row justify-content-center">
@@ -294,10 +302,12 @@ <h3><span id="toggle-social-btn">Social Links</i></span></h3>
         <a href="https://www.instagram.com/lingonsaftofficial/"><i class="footer-icon fa fa-instagram fa-2x" aria-hidden="true"></i></a>
       </div>
       <div class="col">
+        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+          data-show-count="false">Follow @lingonsaft1</a>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
         <a href="https://twitter.com/lingonsaft1"><i class="footer-icon fa fa-twitter fa-2x" aria-hidden="true"></i></a>
       </div>
     </div>
-
   </footer>
 
   <script src="./scripts/index.js"></script>

diff --git a/potato.html b/potato.html
@@ -5,6 +5,10 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+  <!-- Github follow button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
+
   <link rel="stylesheet" href="./css/helpful-material.css">
   <link rel="stylesheet" href="./css/potato.css">
   <link rel="stylesheet" href="./css/navbar.css">
@@ -55,12 +59,23 @@
 
   <footer id="footer">
     <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
-    <div class="social-icons">
-      <a href="https://github.com/lingonsaft"><img src="./images/svg/github.svg" ></a>&nbsp;&nbsp;
-      <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg"/></a>&nbsp;&nbsp;
-      <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg"/></a>&nbsp;&nbsp;
-      <a href="https://twitter.com/lingonsaft1"><img src="./images/svg/twitter.svg"/></a>
-      <br /><a href="https://icons8.com">Icon pack by Icons8</a>
+    <div class="social-icons row justify-content-center">
+      <div class="col">
+        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+          Follow @lingonsaft
+        </a>
+      </div>
+      <div class="col">
+        <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
+      </div>
+      <div class="col">
+        <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
+      </div>
+      <div class="col">
+        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+          data-show-count="false">Follow @lingonsaft1</a>
+        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+      </div>
     </div>
   </footer>
 

diff --git a/tools.html b/tools.html
@@ -5,6 +5,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <!-- Github follow button -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+
     <link rel="stylesheet" href="./css/helpful-material.css">
     <link rel="stylesheet" href="./css/navbar.css">
     <link rel="stylesheet" href="./css/footer.css">
@@ -119,15 +123,27 @@ <h2 class="mt-4">GIT</h2>
     </div>
 </div>
 
-<footer id="footer">
-    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
-    <div class="social-icons">
-        <a href="https://github.com/lingonsaft"><img src="./images/svg/github.svg"></a>&nbsp;&nbsp;
-        <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg"/></a>&nbsp;&nbsp;
-        <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg"/></a>&nbsp;&nbsp;
-        <a href="https://twitter.com/lingonsaft1"><img src="./images/svg/twitter.svg"/></a>
-    </div>
-</footer>
+    <footer id="footer">
+        <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
+        <div class="social-icons row justify-content-center">
+            <div class="col">
+                <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
+                    Follow @lingonsaft
+                </a>
+            </div>
+            <div class="col">
+                <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
+            </div>
+            <div class="col">
+                <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
+            </div>
+            <div class="col">
+                <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
+                    data-show-count="false">Follow @lingonsaft1</a>
+                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+            </div>
+        </div>
+    </footer>
 
 <script src="./scripts/helpful-material.js"></script>
 <script src="./scripts/social-links.js"></script>