diff --git a/htdocs/assets/_footer.php b/htdocs/assets/_footer.php
index ccbf602..53ac8dd 100644
--- a/htdocs/assets/_footer.php
+++ b/htdocs/assets/_footer.php
@@ -20,6 +20,7 @@
             $featured_projects_footer = fetch_all_records($conn, "featured_projects");
 
             if($featured_projects_footer -> num_rows > 0) {
+                //show all featured projects
                 while($featured_footer_item = $featured_projects_footer -> fetch_assoc()) {
                     echo "
                     <a class='text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100' href='".$featured_footer_item['link']."' target='_blank'>".$featured_footer_item['name']."</a>
@@ -31,12 +32,20 @@
         </div>
         <div class="w-[50%] lg:w-[25%] flex flex-col justify-start items-start mb-10 lg:mb-0">
             <h6 class="font-bold mb-8">Follow Me On</h6>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://instagram.com/neo_subhamoy" target="_blank">Instagram</a>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://twitter.com/neo_subhamoy" target="_blank">Twitter</a>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://www.linkedin.com/in/neo-subhamoy" target="_blank">Linkedin</a>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://github.com/neosubhamoy" target="_blank">Github</a>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://www.facebook.com/profile.php?id=100076097318726" target="_blank">Facebook</a>
-            <a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://mastodon.social/@neo_subhamoy" target="_blank">Mastodon</a>
+            <?php
+
+            $socials = fetch_all_records($conn, "socials");
+
+            if($socials -> num_rows > 0) {
+                //show all social links
+                while($social = $socials -> fetch_assoc()) {
+                    echo "
+                    <a class='text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100' href='".$social['link']."' target='_blank'>".$social['platform']."</a>
+                    ";
+                }
+            }
+
+            ?>
         </div>
     </div>
     <hr class="opacity-20 mt-16 mb-5">
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index b1edf72..ec7ab38 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -685,6 +685,10 @@ video {
   margin-bottom: 5rem;
 }
 
+.mb-24 {
+  margin-bottom: 6rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -809,10 +813,6 @@ video {
   margin-top: 2.2rem;
 }
 
-.mb-24 {
-  margin-bottom: 6rem;
-}
-
 .flex {
   display: flex;
 }
@@ -1258,31 +1258,6 @@ video {
   font-weight: 400;
 }
 
-.text-\[\#38BDF8\] {
-  --tw-text-opacity: 1;
-  color: rgb(56 189 248 / var(--tw-text-opacity));
-}
-
-.text-\[\#3FF989\] {
-  --tw-text-opacity: 1;
-  color: rgb(63 249 137 / var(--tw-text-opacity));
-}
-
-.text-\[\#CD6CFB\] {
-  --tw-text-opacity: 1;
-  color: rgb(205 108 251 / var(--tw-text-opacity));
-}
-
-.text-\[\#DCDF3F\] {
-  --tw-text-opacity: 1;
-  color: rgb(220 223 63 / var(--tw-text-opacity));
-}
-
-.text-\[\#EC4B4B\] {
-  --tw-text-opacity: 1;
-  color: rgb(236 75 75 / var(--tw-text-opacity));
-}
-
 .text-accent_four {
   --tw-text-opacity: 1;
   color: rgb(172 203 222 / var(--tw-text-opacity));
diff --git a/htdocs/projects.php b/htdocs/projects.php
index 490914e..6cd9477 100644
--- a/htdocs/projects.php
+++ b/htdocs/projects.php
@@ -161,7 +161,7 @@ $years = create_project_years_array($conn);
                         //show all currently working on topics
                         while($working_on_topic = $working_on -> fetch_assoc()) {
                             echo"
-                            <div class='w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full'><i class='".$working_on_topic['icon']."'></i> ".$working_on_topic['title']."</div>
+                            <div class='w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full'><i class='text-base mr-1 ".$working_on_topic['icon']."' style='color: ".$working_on_topic['icon_color']."'></i> ".$working_on_topic['title']."</div>
                             ";
                         }
                     }