diff --git a/autogen/.gitignore b/autogen/.gitignore
index d5f19d8..3c3629e 100644
--- a/autogen/.gitignore
+++ b/autogen/.gitignore
@@ -1,2 +1 @@
 node_modules
-package-lock.json
diff --git a/autogen/bun.lockb b/autogen/bun.lockb
new file mode 100644
index 0000000..a990511
Binary files /dev/null and b/autogen/bun.lockb differ
diff --git a/autogen/package.json b/autogen/package.json
index 8bbb5c4..70f0a01 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.11",
-    "puppeteer": "^21.7.0"
+    "puppeteer": "^22.0.0"
   },
   "type": "module",
   "devDependencies": {
diff --git a/autogen/templates/parts/projects_content.html.j2 b/autogen/templates/parts/projects_content.html.j2
index 84a3da6..8a18e00 100644
--- a/autogen/templates/parts/projects_content.html.j2
+++ b/autogen/templates/parts/projects_content.html.j2
@@ -1,119 +1,119 @@
-<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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/thumb.png')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/keyboard_vis/raw/master/assets/preview.png')">
             </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">6</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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/icon.png" alt="repo_card_small_thumbnail">
+            <img src="https://github.com/dgudim/keyboard_vis/raw/master/assets/icon.png" 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="
+<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://github.com/dgudim/keyboard_vis/raw/master/assets/preview.png')">
+            <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">23</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://github.com/dgudim/keyboard_vis/raw/master/assets/icon.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/Scheduler">
-    <div data-repo="/dgudim/Scheduler" 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://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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/thumb.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>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="scheduler_stars">22</span>
+                        <span class="stats_text" id="obsidian_universal_renderer_stars">6</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="obsidian_universal_renderer_forks">0</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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/icon.png" alt="repo_card_small_thumbnail">
         </div>
 
     </div>
diff --git a/projects.html b/projects.html
index beddd02..4bece6f 100644
--- a/projects.html
+++ b/projects.html
@@ -95,122 +95,122 @@ <h2>Note</h2>
 
     </div>
 
-    <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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/thumb.png')">
+            <div class="repo_card_adaptive_thumbnail" style="background-image: linear-gradient(90deg, transparent 75%, var(--bg-color) 100%), url('https://github.com/dgudim/keyboard_vis/raw/master/assets/preview.png')">
             </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">6</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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/icon.png" alt="repo_card_small_thumbnail">
+            <img src="https://github.com/dgudim/keyboard_vis/raw/master/assets/icon.png" 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="
+<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://github.com/dgudim/keyboard_vis/raw/master/assets/preview.png')">
+            <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">23</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://github.com/dgudim/keyboard_vis/raw/master/assets/icon.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/Scheduler">
-    <div data-repo="/dgudim/Scheduler" 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://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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/thumb.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>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="scheduler_stars">22</span>
+                        <span class="stats_text" id="obsidian_universal_renderer_stars">6</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="obsidian_universal_renderer_forks">0</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://github.com/dgudim/obsidian-universal-renderer/raw/master/assets/icon.png" alt="repo_card_small_thumbnail">
         </div>
 
     </div>