fix: removed data from config and add in data

_config.yml

@@ -58,30 +58,3 @@ collections:
   events:
     output: true
     permalink: /events/:title
-
-bg-colors:
-  orange-button: "#FB8500"
-  goldenOrange-button: "#FFB703"
-  darkBlue: "#023047"
-  gray: "#E0E5F5"
-  skyBlue: "#219EBC"
-  lightBlue: "#8ECAE6"
-  mustard: "#D4AC0D"
-  lightYellow: "#F7DC6F"
-  softBlue: "#85C1E9"
-  brightBlue: "#2980B9"
-  navyBlue: "#1A5276"
-  tangerine: "#FD9E26"
-  deepBlue: "#022D72"
-  oceanBlue: "#0061AE"
-  baseBlack: "#0A0A0B"
-  lightGray: "#D9D9D9"
-
-text-colors:
-  base-black: "#0A0A0B"
-  gray: "#5A5555"
-  darkblue: "#023047"
-  white: "#FFFFFF"
-  base-white: "#FAFAFA"
-  neutral-200: "#CCCBCB"
-  blue: "#3328BF"

_data/tailwind-colors.yml

@@ -0,0 +1,26 @@
+bg-colors:
+  orange-button: "#FB8500"
+  goldenOrange-button: "#FFB703"
+  darkBlue: "#023047"
+  gray: "#E0E5F5"
+  skyBlue: "#219EBC"
+  lightBlue: "#8ECAE6"
+  mustard: "#D4AC0D"
+  lightYellow: "#F7DC6F"
+  softBlue: "#85C1E9"
+  brightBlue: "#2980B9"
+  navyBlue: "#1A5276"
+  tangerine: "#FD9E26"
+  deepBlue: "#022D72"
+  oceanBlue: "#0061AE"
+  baseBlack: "#0A0A0B"
+  lightGray: "#D9D9D9"
+
+text-colors:
+  base-black: "#0A0A0B"
+  gray: "#5A5555"
+  darkblue: "#023047"
+  white: "#FFFFFF"
+  base-white: "#FAFAFA"
+  neutral-200: "#CCCBCB"
+  blue: "#3328BF"

_includes/brands_colab.html

@@ -1,9 +1,9 @@
 <section id="Brands-Collaboration">
   <div
-    class=" bg-[{{site.bg-colors.gray}}] flex flex-col justify-center gap-3 py-12 mt-4"
+    class=" bg-[{{site.data.tailwind-colors.bg-colors.gray}}] flex flex-col justify-center gap-3 py-12 mt-4"
   >
     <div
-      class="text-5xl font-bold text-[{{site.text-colors.darkblue}}] text-center mb-8"
+      class="text-5xl font-bold text-[{{site.data.tailwind-colors.text-colors.darkblue}}] text-center mb-8"
     >
       Brands We Have Collaborated With
     </div>

_includes/executive-members.html

@@ -1,6 +1,6 @@
 <div class="py-8 px-10 2xl:px-72 xl:px-44 lg:px-16 md:px-28 sm:px-6">
   <h2
-    class="text-5xl font-bold text-[{{site.text-colors.darkblue}}] text-center mb-8"
+    class="text-5xl font-bold text-[{{site.data.tailwind-colors.text-colors.darkblue}}] text-center mb-8"
   >
     Executive Members
   </h2>
@@ -9,14 +9,14 @@
   <div class="flex justify-center">
     <button
       id="btn-2024"
-      class="toggle-btn font-bold border-4 border-[{{site.bg-colors.orange-button}}] bg-[{{site.bg-colors.orange-button}}] hover:bg-[{{site.bg-colors.orange-button}}]/90 text-white py-2 px-4 rounded-full mr-2"
+      class="toggle-btn font-bold border-4 border-[{{site.data.tailwind-colors.bg-colors.orange-button}}] bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}] hover:bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}]/90 text-white py-2 px-4 rounded-full mr-2"
       onclick="showYear('members_2024', this)"
     >
       2024/25
     </button>
     <button
       id="btn-2023"
-      class="toggle-btn font-bold border-4 border-[{{site.bg-colors.orange-button}}] text-[{{site.bg-colors.orange-button}}] hover:bg-[{{site.bg-colors.orange-button}}]/90 hover:text-white py-2 px-4 rounded-full"
+      class="toggle-btn font-bold border-4 border-[{{site.data.tailwind-colors.bg-colors.orange-button}}] text-[{{site.data.tailwind-colors.bg-colors.orange-button}}] hover:bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}]/90 hover:text-white py-2 px-4 rounded-full"
       onclick="showYear('members_2023', this)"
     >
       2023/24
@@ -31,7 +31,7 @@
     <!-- Member cards for 2024 -->
     {% for member in site.data.members.members_2024 %}
     <div
-      class="member-card relative bg-[{{site.bg-colors.darkBlue}}] p-6 rounded-2xl transition duration-300 ease-in-out"
+      class="member-card relative bg-[{{site.data.tailwind-colors.bg-colors.darkBlue}}] p-6 rounded-2xl transition duration-300 ease-in-out"
     >
       <div class="w-full flex justify-center">
         <img
@@ -48,7 +48,7 @@ <h3 class="text-xl font-semibold text-center text-white">
       </span>
 
       <div
-        class="description absolute inset-0 bg-[{{site.bg-colors.orange-button}}] cursor-pointer flex flex-col justify-between items-center text-white p-4 text-center rounded-lg opacity-0 transition-opacity duration-300 ease-in-out"
+        class="description absolute inset-0 bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}] cursor-pointer flex flex-col justify-between items-center text-white p-4 text-center rounded-lg opacity-0 transition-opacity duration-300 ease-in-out"
       >
         <div class="flex-grow flex items-center justify-center">
           <p>{{ member.description }}</p>
@@ -76,7 +76,7 @@ <h3 class="text-xl font-semibold text-center text-white">
   >
     {% for member in site.data.members.members_2023 %}
     <div
-      class="member-card relative bg-[{{site.bg-colors.darkBlue}}] p-6 rounded-2xl transition duration-300 ease-in-out"
+      class="member-card relative bg-[{{site.data.tailwind-colors.bg-colors.darkBlue}}] p-6 rounded-2xl transition duration-300 ease-in-out"
     >
       <div class="w-full flex justify-center">
         <img
@@ -92,7 +92,7 @@ <h3 class="text-xl font-semibold text-center text-white">
         <p class="text-sm text-center text-gray-300">{{ member.title }}</p>
       </span>
       <div
-        class="description absolute inset-0 bg-[{{site.bg-colors.orange-button}}] cursor-pointer flex flex-col justify-between items-center text-white p-4 text-center rounded-lg opacity-0 transition-opacity duration-300 ease-in-out"
+        class="description absolute inset-0 bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}] cursor-pointer flex flex-col justify-between items-center text-white p-4 text-center rounded-lg opacity-0 transition-opacity duration-300 ease-in-out"
       >
         <div class="flex-grow flex items-center justify-center">
           <p>{{ member.description }}</p>

_includes/footer.html

@@ -1,4 +1,6 @@
-<footer class="text-white py-8 px-6 md:px-28 bg-[{{site.bg-colors.darkBlue}}]">
+<footer
+  class="text-white py-8 px-6 md:px-20 lg:px-28 bg-[{{site.data.tailwind-colors.bg-colors.darkBlue}}]"
+>
   <div
     class="container mx-auto flex flex-col md:flex-row justify-between items-center"
   >
@@ -77,7 +79,7 @@ <h2 class="md:text-2xl text-base font-bold mb-4 text-start">
         </div>
         <button
           type="submit"
-          class="bg-[{{site.bg-colors.orange-button}}] text-white px-4 py-3 rounded-r-lg hover:bg-[{{site.bg-colors.orange-button}}]/80"
+          class="bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}] text-white px-4 py-3 rounded-r-lg hover:bg-[{{site.data.tailwind-colors.bg-colors.orange-button}}]/80"
         >
           Subscribe
         </button>
@@ -87,7 +89,9 @@ <h2 class="md:text-2xl text-base font-bold mb-4 text-start">
 
   <!-- Footer Bottom -->
 </footer>
-<div class="p-3 text-white border-gray-600 bg-[{{site.bg-colors.baseBlack}}]">
+<div
+  class="p-3 text-white border-gray-600 bg-[{{site.data.tailwind-colors.bg-colors.baseBlack}}]"
+>
   <div
     class="container mx-auto flex flex-col md:flex-row justify-between items-center"
   >