Reorder filters and projects

Author: Cosme Valera

templates/projects.html

@@ -32,17 +32,35 @@
 
   <div class="filter-buttons">
     <button class="filter-button selected-filter" data-filter="All">All</button>
-    <button class="filter-button" data-filter="Java">Java</button>
-    <button class="filter-button" data-filter="JavaScript">JS+Node</button>
     <button class="filter-button" data-filter="React">React</button>
     <button class="filter-button" data-filter="Angular">Angular</button>
+    <button class="filter-button" data-filter="Node">Node</button>
+    <button class="filter-button" data-filter="Java">Java</button>
     <button class="filter-button" data-filter="Android">Android</button>
   </div>
 
 
   <div class="row project-cards-row">
 
     <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInLeft">
+      <div class="project-image">
+        <img src="{{ get_url(path='images/projects/CoreLink2.png') }}" alt="CoreLink" />
+        <div class="project-details-overlay">
+          <h3 class="card-title">CoreLink</h3>
+          <p class="card-technology">
+            <span class="tag">React</span>
+            <span class="tag">Module Federation</span>
+            <span class="tag">Turborepo</span>
+          </p>
+          <a class="learn-more-button" href="https://github.com/CosmeValera/Corelink" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
+            GitHub
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceIn">
       <div class="project-image">
         <img src="{{ get_url(path='images/projects/FitCal.png') }}" alt="FitCal" />
         <div class="project-details-overlay">
@@ -60,7 +78,7 @@ <h3 class="card-title">FitCal</h3>
       </div>
     </div>
 
-    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceIn">
+    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInRight">
       <div class="project-image">
         <img src="{{ get_url(path='images/projects/Sympho.png') }}" alt="Sympho" />
         <div class="project-details-overlay">
@@ -78,13 +96,13 @@ <h3 class="card-title">Sympho</h3>
       </div>
     </div>
 
-    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInRight">
+    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInLeft">
       <div class="project-image">
         <img src="{{ get_url(path='images/projects/LeagueOfPokemon.png') }}" alt="League of Pokemon" />
         <div class="project-details-overlay">
           <h3 class="card-title">League of Pokemon</h3>
           <p class="card-technology">
-            <span class="tag">Java</span>
+            <span class="tag">Java (Swing)</span>
           </p>
           <a class="learn-more-button" href="https://github.com/CosmeValera/LeagueOfPokemon" target="_blank">
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
@@ -94,7 +112,7 @@ <h3 class="card-title">League of Pokemon</h3>
       </div>
     </div>
 
-    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInLeft">
+    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceIn">
       <div class="project-image">
         <img src="{{ get_url(path='images/projects/AndroidDepartmentQuest.jpg') }}" alt="AndroidDepartmentQuest" />
         <div class="project-details-overlay">
@@ -110,7 +128,7 @@ <h3 class="card-title">Department Quest</h3>
       </div>
     </div>
 
-    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceIn">
+    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInRight">
       <div class="project-image">
         <img src="{{ get_url(path='images/projects/Inventory.png') }}" alt="Inventory" />
         <div class="project-details-overlay">
@@ -128,24 +146,6 @@ <h3 class="card-title">Inventory</h3>
       </div>
     </div>
 
-    <div class="project-card col-12 col-md-6 col-xl-4 animate__animated animate__bounceInRight">
-      <div class="project-image">
-        <img src="{{ get_url(path='images/projects/CoreLink2.png') }}" alt="CoreLink" />
-        <div class="project-details-overlay">
-          <h3 class="card-title">CoreLink</h3>
-          <p class="card-technology">
-            <span class="tag">React</span>
-            <span class="tag">Module Federation</span>
-            <span class="tag">Turborepo</span>
-          </p>
-          <a class="learn-more-button" href="https://github.com/CosmeValera/Corelink" target="_blank">
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
-            GitHub
-          </a>
-        </div>
-      </div>
-    </div>
-
   </div>
 
 </div>