diff --git a/autogen/package.json b/autogen/package.json
index 7358d02..93d53a1 100644
--- a/autogen/package.json
+++ b/autogen/package.json
@@ -19,7 +19,7 @@
   "homepage": "https://github.com/dgudim/dgudim.github.io#readme",
   "dependencies": {
     "js-beautify": "^1.14.9",
-    "puppeteer": "^21.0.1"
+    "puppeteer": "^21.1.1"
   },
   "type": "module",
   "devDependencies": {
diff --git a/autogen/templates/parts/projects_content.html.j2 b/autogen/templates/parts/projects_content.html.j2
index 75c544d..2ea6cda 100644
--- a/autogen/templates/parts/projects_content.html.j2
+++ b/autogen/templates/parts/projects_content.html.j2
@@ -1,3 +1,43 @@
+<a class="project-card" href="https://github.com/dgudim/Scheduler">
+    <div data-repo="/dgudim/Scheduler" class="repo_card" style="
+                    background: 
+                    linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
+                    repeating-linear-gradient(90deg, #b07219, #b07219 2px, transparent 0, transparent 15px);
+                    background-position: 5px 0;">
+
+        <div class="repo_card_adaptive">
+
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/phoneScreenshots/02.jpg?raw=true')">
+            </div>
+
+            <div class="repo_card_adaptive_inner">
+                <div class="repo_text_container">
+                    <h2>Scheduler</h2>
+                    <p id="scheduler_description">A small app that shows your todo list on your lockscreen</p>
+                </div>
+                <div class="repo_stats">
+                    <div class="icon_container repo_lang">
+                        <em style="color: #b07219;" class="fa fa-circle"></em>
+                        <span class="stats_text">Java</span>
+                    </div>
+                    <div class="icon_container repo_stars">
+                        <em class="fa fa-star-o"></em>
+                        <span class="stats_text" id="scheduler_stars">19</span>
+                    </div>
+                    <div class="icon_container repo_forks">
+                        <em class="fa fa-code-fork"></em>
+                        <span class="stats_text" id="scheduler_forks">2</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="repo_card_small_thumbnail">
+            <img src="https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/icon.png?raw=true" alt="repo_card_small_thumbnail">
+        </div>
+
+    </div>
+</a>
 <a class="project-card" href="https://github.com/dgudim/keyboard_vis">
     <div data-repo="/dgudim/keyboard_vis" class="repo_card" style="
                     background: 
@@ -118,46 +158,6 @@
 
     </div>
 </a>
-<a class="project-card" href="https://github.com/dgudim/Scheduler">
-    <div data-repo="/dgudim/Scheduler" class="repo_card" style="
-                    background: 
-                    linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
-                    repeating-linear-gradient(90deg, #b07219, #b07219 2px, transparent 0, transparent 15px);
-                    background-position: 5px 0;">
-
-        <div class="repo_card_adaptive">
-
-            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/phoneScreenshots/02.jpg?raw=true')">
-            </div>
-
-            <div class="repo_card_adaptive_inner">
-                <div class="repo_text_container">
-                    <h2>Scheduler</h2>
-                    <p id="scheduler_description">A small app that shows your todo list on your lockscreen</p>
-                </div>
-                <div class="repo_stats">
-                    <div class="icon_container repo_lang">
-                        <em style="color: #b07219;" class="fa fa-circle"></em>
-                        <span class="stats_text">Java</span>
-                    </div>
-                    <div class="icon_container repo_stars">
-                        <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="scheduler_stars">19</span>
-                    </div>
-                    <div class="icon_container repo_forks">
-                        <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="scheduler_forks">2</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="repo_card_small_thumbnail">
-            <img src="https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/icon.png?raw=true" alt="repo_card_small_thumbnail">
-        </div>
-
-    </div>
-</a>
 <a class="project-card" href="https://github.com/dgudim/RiceMetaCompiler">
     <div data-repo="/dgudim/RiceMetaCompiler" class="repo_card" style="
                     background: 
@@ -292,8 +292,8 @@
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>MineRank</h2>
-                    <p id="minerank_description">MineRank is a Discord bot built with TypeScript, discord.js & uses DKRCommands Command Handler. It attaches your discord account to a minecraft account.</p>
+                    <h2>🤖 MineRank</h2>
+                    <p id="🤖_minerank_description">MineRank is a Discord bot built with TypeScript, discord.js & uses DKRCommands Command Handler. It attaches your discord account to a minecraft account.</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
@@ -302,11 +302,11 @@
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="minerank_stars">0</span>
+                        <span class="stats_text" id="🤖_minerank_stars">0</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="minerank_forks">0</span>
+                        <span class="stats_text" id="🤖_minerank_forks">0</span>
                     </div>
                     <div class="icon_container repo_org">
                         <img src="https://avatars.githubusercontent.com/u/121857374?s=64&v=4" alt="org_icon">
diff --git a/projects.html b/projects.html
index 222c4df..3f69149 100644
--- a/projects.html
+++ b/projects.html
@@ -95,128 +95,128 @@ <h2>Note</h2>
 
     </div>
 
-    <a class="project-card" href="https://github.com/dgudim/keyboard_vis">
-    <div data-repo="/dgudim/keyboard_vis" class="repo_card" style="
+    <a class="project-card" href="https://github.com/dgudim/Scheduler">
+    <div data-repo="/dgudim/Scheduler" class="repo_card" style="
                     background: 
                     linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
-                    repeating-linear-gradient(90deg, #dea584, #dea584 2px, transparent 0, transparent 15px);
+                    repeating-linear-gradient(90deg, #b07219, #b07219 2px, transparent 0, transparent 15px);
                     background-position: 5px 0;">
 
         <div class="repo_card_adaptive">
 
-            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/253050201-7dc8f223-8a7c-41b9-bb4c-5a31c96b02c7.jpg')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/phoneScreenshots/02.jpg?raw=true')">
             </div>
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>Keyboard vis</h2>
-                    <p id="keyboard_vis_description">A simple openRGB client reacting to some dbus events and displaying them on an openRGB device</p>
+                    <h2>Scheduler</h2>
+                    <p id="scheduler_description">A small app that shows your todo list on your lockscreen</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
-                        <em style="color: #dea584;" class="fa fa-circle"></em>
-                        <span class="stats_text">Rust</span>
+                        <em style="color: #b07219;" class="fa fa-circle"></em>
+                        <span class="stats_text">Java</span>
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="keyboard_vis_stars">0</span>
+                        <span class="stats_text" id="scheduler_stars">19</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="keyboard_vis_forks">0</span>
+                        <span class="stats_text" id="scheduler_forks">2</span>
                     </div>
                 </div>
             </div>
         </div>
 
         <div class="repo_card_small_thumbnail">
-            <img src="https://user-images.githubusercontent.com/34401005/253050104-a0877013-1818-4fc3-84de-aaa7857e5824.png" alt="repo_card_small_thumbnail">
+            <img src="https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/icon.png?raw=true" alt="repo_card_small_thumbnail">
         </div>
 
     </div>
 </a>
-<a class="project-card" href="https://github.com/dgudim/obsidian-universal-renderer">
-    <div data-repo="/dgudim/obsidian-universal-renderer" class="repo_card" style="
+<a class="project-card" href="https://github.com/dgudim/keyboard_vis">
+    <div data-repo="/dgudim/keyboard_vis" class="repo_card" style="
                     background: 
                     linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
-                    repeating-linear-gradient(90deg, #3178c6, #3178c6 2px, transparent 0, transparent 15px);
+                    repeating-linear-gradient(90deg, #dea584, #dea584 2px, transparent 0, transparent 15px);
                     background-position: 5px 0;">
 
         <div class="repo_card_adaptive">
 
-            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/238184123-b39d1054-f054-4b32-9954-43ab20c5e3bd.png')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/253050201-7dc8f223-8a7c-41b9-bb4c-5a31c96b02c7.jpg')">
             </div>
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>Obsidian universal renderer</h2>
-                    <p id="obsidian_universal_renderer_description">Obsidian plugin to render latex, dot, blockdiag, ditaa and other graphs</p>
+                    <h2>Keyboard vis</h2>
+                    <p id="keyboard_vis_description">A simple openRGB client reacting to some dbus events and displaying them on an openRGB device</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
-                        <em style="color: #3178c6;" class="fa fa-circle"></em>
-                        <span class="stats_text">TypeScript</span>
+                        <em style="color: #dea584;" class="fa fa-circle"></em>
+                        <span class="stats_text">Rust</span>
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="obsidian_universal_renderer_stars">4</span>
+                        <span class="stats_text" id="keyboard_vis_stars">0</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="obsidian_universal_renderer_forks">0</span>
+                        <span class="stats_text" id="keyboard_vis_forks">0</span>
                     </div>
                 </div>
             </div>
         </div>
 
         <div class="repo_card_small_thumbnail">
-            <img src="https://user-images.githubusercontent.com/34401005/238184102-744f735e-1008-44f0-adec-c1d7c8275833.png" alt="repo_card_small_thumbnail">
+            <img src="https://user-images.githubusercontent.com/34401005/253050104-a0877013-1818-4fc3-84de-aaa7857e5824.png" alt="repo_card_small_thumbnail">
         </div>
 
     </div>
 </a>
-<a class="project-card" href="https://github.com/dgudim/AttractorSimulator">
-    <div data-repo="/dgudim/AttractorSimulator" class="repo_card" style="
+<a class="project-card" href="https://github.com/dgudim/obsidian-universal-renderer">
+    <div data-repo="/dgudim/obsidian-universal-renderer" class="repo_card" style="
                     background: 
                     linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
-                    repeating-linear-gradient(90deg, #b07219, #b07219 2px, transparent 0, transparent 15px);
+                    repeating-linear-gradient(90deg, #3178c6, #3178c6 2px, transparent 0, transparent 15px);
                     background-position: 5px 0;">
 
         <div class="repo_card_adaptive">
 
-            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/196383368-2985c626-5d16-491e-9df5-40822e540c7f.png')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/238184123-b39d1054-f054-4b32-9954-43ab20c5e3bd.png')">
             </div>
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>AttractorSimulator</h2>
-                    <p id="attractorsimulator_description">A simple 2d and 3d chaos attractor visualiser written in java and libGDX</p>
+                    <h2>Obsidian universal renderer</h2>
+                    <p id="obsidian_universal_renderer_description">Obsidian plugin to render latex, dot, blockdiag, ditaa and other graphs</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
-                        <em style="color: #b07219;" class="fa fa-circle"></em>
-                        <span class="stats_text">Java</span>
+                        <em style="color: #3178c6;" class="fa fa-circle"></em>
+                        <span class="stats_text">TypeScript</span>
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="attractorsimulator_stars">1</span>
+                        <span class="stats_text" id="obsidian_universal_renderer_stars">4</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="attractorsimulator_forks">1</span>
+                        <span class="stats_text" id="obsidian_universal_renderer_forks">0</span>
                     </div>
                 </div>
             </div>
         </div>
 
         <div class="repo_card_small_thumbnail">
-            <img src="https://user-images.githubusercontent.com/34401005/196242230-7e08eb3b-73c7-456e-8b37-b490cee37111.jpg" alt="repo_card_small_thumbnail">
+            <img src="https://user-images.githubusercontent.com/34401005/238184102-744f735e-1008-44f0-adec-c1d7c8275833.png" alt="repo_card_small_thumbnail">
         </div>
 
     </div>
 </a>
-<a class="project-card" href="https://github.com/dgudim/Scheduler">
-    <div data-repo="/dgudim/Scheduler" class="repo_card" style="
+<a class="project-card" href="https://github.com/dgudim/AttractorSimulator">
+    <div data-repo="/dgudim/AttractorSimulator" class="repo_card" style="
                     background: 
                     linear-gradient(-90deg, transparent 0%, var(--bg-color) 20%), 
                     repeating-linear-gradient(90deg, #b07219, #b07219 2px, transparent 0, transparent 15px);
@@ -224,13 +224,13 @@ <h2>AttractorSimulator</h2>
 
         <div class="repo_card_adaptive">
 
-            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/phoneScreenshots/02.jpg?raw=true')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://user-images.githubusercontent.com/34401005/196383368-2985c626-5d16-491e-9df5-40822e540c7f.png')">
             </div>
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>Scheduler</h2>
-                    <p id="scheduler_description">A small app that shows your todo list on your lockscreen</p>
+                    <h2>AttractorSimulator</h2>
+                    <p id="attractorsimulator_description">A simple 2d and 3d chaos attractor visualiser written in java and libGDX</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
@@ -239,18 +239,18 @@ <h2>Scheduler</h2>
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="scheduler_stars">19</span>
+                        <span class="stats_text" id="attractorsimulator_stars">1</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="scheduler_forks">2</span>
+                        <span class="stats_text" id="attractorsimulator_forks">1</span>
                     </div>
                 </div>
             </div>
         </div>
 
         <div class="repo_card_small_thumbnail">
-            <img src="https://github.com/dgudim/Scheduler/raw/master/fastlane/metadata/android/en-US/images/icon.png?raw=true" alt="repo_card_small_thumbnail">
+            <img src="https://user-images.githubusercontent.com/34401005/196242230-7e08eb3b-73c7-456e-8b37-b490cee37111.jpg" alt="repo_card_small_thumbnail">
         </div>
 
     </div>
@@ -389,8 +389,8 @@ <h2>Mvis</h2>
 
             <div class="repo_card_adaptive_inner">
                 <div class="repo_text_container">
-                    <h2>MineRank</h2>
-                    <p id="minerank_description">MineRank is a Discord bot built with TypeScript, discord.js & uses DKRCommands Command Handler. It attaches your discord account to a minecraft account.</p>
+                    <h2>🤖 MineRank</h2>
+                    <p id="🤖_minerank_description">MineRank is a Discord bot built with TypeScript, discord.js & uses DKRCommands Command Handler. It attaches your discord account to a minecraft account.</p>
                 </div>
                 <div class="repo_stats">
                     <div class="icon_container repo_lang">
@@ -399,11 +399,11 @@ <h2>MineRank</h2>
                     </div>
                     <div class="icon_container repo_stars">
                         <em class="fa fa-star-o"></em>
-                        <span class="stats_text" id="minerank_stars">0</span>
+                        <span class="stats_text" id="🤖_minerank_stars">0</span>
                     </div>
                     <div class="icon_container repo_forks">
                         <em class="fa fa-code-fork"></em>
-                        <span class="stats_text" id="minerank_forks">0</span>
+                        <span class="stats_text" id="🤖_minerank_forks">0</span>
                     </div>
                     <div class="icon_container repo_org">
                         <img src="https://avatars.githubusercontent.com/u/121857374?s=64&v=4" alt="org_icon">