Merge pull request #153 from prabhavpokharel/feat/add-social-media-links

feat: add all social media profile links
computerclubkec · Nov 8, 2024 · 7f1abaf · 7f1abaf
2 parents 4b9652c + ad408ce
commit 7f1abaf
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 71 deletions.
diff --git a/_config.yml b/_config.yml
@@ -29,6 +29,8 @@ github_username: computerclubkec
 linkedin_username: company/computerclubkec
 facebook_username: computerclubkec
 instagram_username: computerclubkec
+discord_username: neMkXj7GC3
+tiktok_username: computerclubkec
 
 # Build settings
 plugins:

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,7 +1,5 @@
 <footer class="text-white py-8 px-6 md:px-28 bg-[{{site.bg-colors.darkBlue}}]">
-  <div
-    class="container mx-auto flex flex-col md:flex-row justify-between items-center"
-  >
+  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
     <!-- Left Section: Contact Info -->
     <div class="text-center md:text-left">
       <h2 class="font-montserrat md:text-4xl text-lg font-bold mb-4">{{site.title}}</h2>
@@ -13,13 +11,8 @@ <h2 class="font-montserrat md:text-4xl text-lg font-bold mb-4">{{site.title}}</h
       <p class="font-inter mb-2 gap-3 md:text-base text-sm flex items-center">
         <i class="fa-solid fa-phone"></i>
         <span>
-          <a href="tel:+977-1-5229204" class="hover:text-gray-400"
-            >+977-1-5229204</a
-          >,
-          <a href="tel:+977-1-5229005" class="hover:text-gray-400"
-            >+977-1-5229005</a
-          ></span
-        >
+          <a href="tel:+977-1-5229204" class="hover:text-gray-400">+977-1-5229204</a>,
+          <a href="tel:+977-1-5229005" class="hover:text-gray-400">+977-1-5229005</a></span>
       </p>
       <p class="font-inter mb-4 gap-4 md:text-base text-sm flex items-center">
         <i class="fa-solid fa-envelope"></i>
@@ -29,36 +22,20 @@ <h2 class="font-montserrat md:text-4xl text-lg font-bold mb-4">{{site.title}}</h
       </p>
       <!-- Social Media Icons -->
       <div class="flex justify-center md:justify-start space-x-4">
-        <a
-          href="https://www.facebook.com/{{ site.facebook_username }}"
-          target="_blank"
-          class="text-2xl hover:text-gray-400"
-          ><i class="fab fa-facebook"></i
-        ></a>
-        <a
-          href="https://www.instagram.com/{{ site.instagram_username }}"
-          target="_blank"
-          class="text-2xl hover:text-gray-400"
-          ><i class="fab fa-instagram"></i
-        ></a>
-        <a
-          href="https://www.linkedin.com/{{ site.linkedin_username }}"
-          target="_blank"
-          class="text-2xl hover:text-gray-400"
-          ><i class="fab fa-linkedin"></i
-        ></a>
-        <a
-          href="https://github.com/{{ site.github_username }}"
-          target="_blank"
-          class="text-2xl hover:text-gray-400"
-          ><i class="fab fa-github"></i
-        ></a>
-        <a
-          href="https://twitter.com/{{ site.twitter_username }}"
-          target="_blank"
-          class="text-2xl hover:text-gray-400"
-          ><i class="fab fa-twitter"></i
-        ></a>
+        <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank"
+          class="text-2xl hover:text-gray-400"><i class="fab fa-facebook"></i></a>
+        <a href="https://www.instagram.com/{{ site.instagram_username }}" target="_blank"
+          class="text-2xl hover:text-gray-400"><i class="fab fa-instagram"></i></a>
+        <a href="https://www.tiktok.com/@{{ site.tiktok_username }}" target="_blank"
+          class="text-2xl hover:text-gray-400"><i class="fab fa-tiktok"></i></a>
+        <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank"
+          class="text-2xl hover:text-gray-400"><i class="fab fa-twitter"></i></a>
+        <a href="https://www.linkedin.com/{{ site.linkedin_username }}" target="_blank"
+          class="text-2xl hover:text-gray-400"><i class="fab fa-linkedin"></i></a>
+        <a href="https://discord.gg/{{ site.discord_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i
+            class="fab fa-discord"></i></a>
+        <a href="https://github.com/{{ site.github_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i
+            class="fab fa-github"></i></a>
       </div>
     </div>
 
@@ -69,16 +46,11 @@ <h2 class="font-montserrat md:text-2xl text-base font-bold mb-4 text-start">
       </h2>
       <form class="flex justify-center items-center bg-gray-500 p-2 rounded-lg">
         <div class="bg-gray-300 p-1 rounded-l-lg flex items-center">
-          <input
-            type="email"
-            placeholder="example@gmail.com"
-            class="font-inter p-2 rounded-lg focus:outline-none text-black bg-transparent"
-          />
+          <input type="email" placeholder="example@gmail.com"
+            class="font-inter p-2 rounded-lg focus:outline-none text-black bg-transparent" />
         </div>
-        <button
-          type="submit"
-          class="bg-[{{site.bg-colors.orange-button}}] font-inter text-white px-4 py-3 rounded-r-lg hover:bg-[{{site.bg-colors.orange-button}}]/80"
-        >
+        <button type="submit"
+          class="bg-[{{site.bg-colors.orange-button}}] font-inter text-white px-4 py-3 rounded-r-lg hover:bg-[{{site.bg-colors.orange-button}}]/80">
           Subscribe
         </button>
       </form>
@@ -88,26 +60,20 @@ <h2 class="font-montserrat md:text-2xl text-base font-bold mb-4 text-start">
   <!-- Footer Bottom -->
 </footer>
 <div class="font-inter p-3 text-white border-gray-600 bg-[{{site.bg-colors.baseBlack}}]">
-  <div
-    class="container mx-auto flex flex-col md:flex-row justify-between items-center"
-  >
+  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
     <p class="text-sm text-center">
-      &copy; 2024  <a href="https://linktr.ee/computerclubkec"
-      target="_blank" class="font-bold hover:text-gray-400">KEC Computer Club</a> | All Rights Reserved
+      &copy; 2024 <a href="https://linktr.ee/computerclubkec" target="_blank" class="font-bold hover:text-gray-400">KEC
+        Computer Club</a> | All Rights Reserved
     </p>
     <p class="text-sm text-center">
       Designed & Developed by
-      <a
-        href="https://github.com/computerclubkec/computerclubkec.github.io/graphs/contributors"
-        target="_blank"
-        class="font-bold hover:text-gray-400"
-        >Open Source Contributors</a
-      >
+      <a href="https://github.com/computerclubkec/computerclubkec.github.io/graphs/contributors" target="_blank"
+        class="font-bold hover:text-gray-400">Open Source Contributors</a>
     </p>
   </div>
 </div>
 <script>
-  document.addEventListener("DOMContentLoaded",()=>{
+  document.addEventListener("DOMContentLoaded", () => {
     AOS.init();
   })
 </script>
diff --git a/about.markdown b/about.markdown
@@ -34,11 +34,27 @@ permalink: /about
       <div class="text-left w-full mt-4">
         <h3 class="font-montserrat text-lg text-[{{site.text-colors.darkblue}}] font-bold mb-2 text-center lg:text-left">Follow us on</h3>
         <div class="flex justify-center lg:justify-start space-x-4 flex-wrap">
-          <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-facebook"></i></a>
-          <a href="https://www.instagram.com/{{ site.instagram_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-instagram"></i></a>
-          <a href="https://www.linkedin.com/{{ site.linkedin_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-linkedin"></i></a>
-          <a href="https://github.com/{{ site.github_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-github"></i></a>
-          <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-twitter"></i></a>
+          <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-facebook"></i>
+          </a>
+          <a href="https://www.instagram.com/{{ site.instagram_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-instagram"></i>
+          </a>
+          <a href="https://www.tiktok.com/@{{ site.tiktok_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-tiktok"></i>
+          </a>
+          <a href="https://discord.gg/{{ site.discord_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-discord"></i>
+          </a>
+          <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-twitter"></i>
+          </a>
+          <a href="https://www.linkedin.com/{{ site.linkedin_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-linkedin"></i>
+          </a>
+          <a href="https://github.com/{{ site.github_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-github"></i>
+          </a>
         </div>
       </div>
     </div>

diff --git a/contact.markdown b/contact.markdown
@@ -42,11 +42,27 @@ permalink: /contact
         <div class="text-left w-full mt-4">
         <h3 class="font-montserrat text-lg text-[{{site.text-colors.darkblue}}] font-bold mb-2 text-center lg:text-left">Follow us on</h3>
         <div class="flex justify-center lg:justify-start space-x-4 flex-wrap">
-          <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-facebook"></i></a>
-          <a href="https://www.instagram.com/{{ site.instagram_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-instagram"></i></a>
-          <a href="https://www.linkedin.com/{{ site.linkedin_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-linkedin"></i></a>
-          <a href="https://github.com/{{ site.github_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-github"></i></a>
-          <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" class="text-2xl hover:text-gray-400"><i class="fab fa-twitter"></i></a>
+          <a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-facebook"></i>
+          </a>
+          <a href="https://www.instagram.com/{{ site.instagram_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-instagram"></i>
+          </a>
+          <a href="https://www.tiktok.com/@{{ site.tiktok_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-tiktok"></i>
+          </a>
+          <a href="https://discord.gg/{{ site.discord_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-discord"></i>
+          </a>
+          <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-twitter"></i>
+          </a>
+          <a href="https://www.linkedin.com/{{ site.linkedin_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-linkedin"></i>
+          </a>
+          <a href="https://github.com/{{ site.github_username }}" target="_blank" class="text-2xl hover:text-gray-400">
+            <i class="fab fa-github"></i>
+          </a>
         </div>
       </div>
       </div>