Flask icon updated. Rearange icons, then sort projects.

Author: ProCO-RPHopkins

frontend/assets/flaskIcon.png

@@ -130,12 +130,6 @@ <h2 class="text-3xl font-bold mb-12 text-center text-teal-600 dark:text-teal-300
           <span class="mt-3 font-medium">TensorFlow</span>
         </div>
 
-        <!-- Flask -->
-        <div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-slate-800 rounded-2xl shadow-lg transition-transform duration-500 hover:scale-110 hover:shadow-teal-500/20">
-          <i class="devicon-flask-original text-6xl text-black dark:text-white"></i>
-          <span class="mt-3 font-medium">Flask</span>
-        </div>
-
         <!-- Julia -->
         <div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-slate-800 rounded-2xl shadow-lg transition-transform duration-500 hover:scale-110 hover:shadow-teal-500/20">
           <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/julia/julia-original-wordmark.svg" class="w-16 h-16" alt="Julia">
@@ -162,11 +156,17 @@ <h2 class="text-3xl font-bold mb-12 text-center text-teal-600 dark:text-teal-300
           <span class="mt-3 font-medium">GCP</span>
         </div>
 
-        <!-- Google Cloud Platform (local PNG) -->
+        <!-- Artificial Intelligence (local PNG) -->
         <div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-slate-800 rounded-2xl shadow-lg transition-transform duration-500 hover:scale-110 hover:shadow-teal-500/20">
-          <img src="assets/aiIcon.png" alt="Google Cloud Platform" class="w-16 h-16" />
+          <img src="assets/aiIcon.png" alt="Artificial Intelligence" class="w-16 h-16" />
           <span class="mt-3 font-medium">AI</span>
         </div>
+
+        <!-- Flask (local PNG) -->
+        <div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-slate-800 rounded-2xl shadow-lg transition-transform duration-500 hover:scale-110 hover:shadow-teal-500/20">
+          <img src="assets/flaskIcon.png" alt="Flask" class="w-16 h-16" />
+          <span class="mt-3 font-medium">Flask</span>
+        </div>
       </div>
     </div>
 

frontend/index.html

@@ -673,9 +673,6 @@
   .text-blue-500 {
     color: var(--color-blue-500);
   }
-  .text-blue-600 {
-    color: var(--color-blue-600);
-  }
   .text-blue-800 {
     color: var(--color-blue-800);
   }
@@ -685,9 +682,6 @@
   .text-emerald-600 {
     color: var(--color-emerald-600);
   }
-  .text-fuchsia-500 {
-    color: var(--color-fuchsia-500);
-  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }