New home, new About, UI improvements

components/content/faceGallery.vue

@@ -2,7 +2,7 @@
   defineProps(['img1'])
   </script>
 <template>
-  <div style="display: flex; overflow:auto;">
+  <div style="display: flex; overflow:none;">
     <img :src="`img/${img1}`">
   </div>
 </template>
@@ -12,7 +12,8 @@
 img {
   border-radius: 5px;
   margin-right: 5px;
-  max-height: 200px;
-  margin-bottom: 10px;
+  max-height: 400px;
+  margin-bottom: 20px;
+  margin-top: 30px;
 }
 </style>

components/content/imageGallery.vue

@@ -16,7 +16,7 @@ img {
   border-radius: 5px;
   margin-right: 5px;
   max-height: 200px;
-  margin-bottom: 10px;
-  margin-top: 10px;
+  margin-bottom: 30px;
+  margin-top: 20px;
 }
 </style>

content/about.md

@@ -0,0 +1,41 @@
+---
+title: Josh's Website
+---
+
+# About
+
+::face-gallery{img1="banner1.jpg"}
+::
+
+
+Self-taught designer, music producer, illustrator, and computer programer
+
+Fullstack Developer, and Creative Lead for [Inkbird](https://inkbird.io)
+
+Co-Host of the [Tan Pants Podcast](https://linktr.ee/tanpants)
+
+Side hustling game developer. Working on my first game in the [Godot Engine](https://godotengine.org)
+
+
+---
+
+[🐦 X](https://x.com/joshandersn)
+
+[🐙 Github](https://github.com/joshandersn)
+
+[📺 Youtube](https://youtube.com/@joshandersn)
+
+[🕹️ Twitch](https://www.twitch.tv/joshandersn)
+
+[📷 Instagram](https://www.instagram.com/josh.andrson/)
+
+---
+::collapse-section{headerLabel="Nerd Zone"}
+__Favorite Games__: Halo Reach, Dishonored, Half-life 2, Fallout: New Vegas, Hollow Knight, Divinity Original Sin 2, MGS:V, Super Mario Galaxy. Metal Gear Rising: Revengence
+
+__Weapons of Choice__: Affinity Designer & Photo, Blender, Godot, Obsidian, VS Code, Davinci Resolve, Logic Pro
+
+__Favorite Soundtracks__: Deus Ex: Mankind Divided, Halo: ODST, Mass Effect, Skyrim, Outer Wilds
+
+__Favorite Soups__: French Onion, Tomato, Cheddar Broccoli
+::

content/index.md

@@ -2,38 +2,28 @@
 title: Josh's Website
 ---
 
-::face-gallery{img1="banner1.jpg"}
-::
-
-
-Self-taught designer, music producer, illustrator, and computer programer
+# Welcome to My Website!
 
-Fullstack Developer, and Creative Lead for [Inkbird](https://inkbird.io)
+::face-gallery{img1="crow01.jpg"}
+::
+This is my first project I plan to release on Steam and hopefully consoles. It's inspired by games like Geometry Wars, and WipEout.
+
+The gist is you ride around at high speeds. Ram enemies to unlock upgrades you can install anywhere on your ship. The game will throw continuously harder enemies at you so choose your upgrades well.
+
+This game has been in development since April 2024. Hopefully I will have it done this year. So anywho  Here are some screenshots.
 
-Co-Host of the [Tan Pants Podcast](https://linktr.ee/tanpants)
+::image-gallery{img1="img/crow04.jpg" img2="img/crow03.jpg" img3="img/crow02.jpg"}
+::
 
-Side hustling game developer. Working on my first game in the [Godot Engine](https://godotengine.org)
 
 
----
+If you wanna keep up with this project you can follow me on [Twitter](https://x.com/joshandersn)
+![steve](https://img1.picmix.com/output/stamp/normal/7/1/9/5/1815917_b201f.gif)
 
-[🐦 X](https://x.com/joshandersn)
 
-[🐙 Github](https://github.com/joshandersn)
 
 [📺 Youtube](https://youtube.com/@joshandersn)
 
 [🕹️ Twitch](https://www.twitch.tv/joshandersn)
 
-[📷 Instagram](https://www.instagram.com/josh.andrson/)
-
----
-::collapse-section{headerLabel="Nerd Zone"}
-__Favorite Games__: Halo Reach, Dishonored, Half-life 2, Fallout: New Vegas, Hollow Knight, Divinity Original Sin 2, MGS:V, Super Mario Galaxy. Metal Gear Rising: Revengence
-
-__Weapons of Choice__: Affinity Designer & Photo, Blender, Godot, Obsidian, VS Code, Davinci Resolve, Logic Pro
-
-__Favorite Soundtracks__: Deus Ex: Mankind Divided, Halo: ODST, Mass Effect, Skyrim, Outer Wilds
-
-__Favorite Soups__: French Onion, Tomato, Cheddar Broccoli
-::
+[📷 Instagram](https://www.instagram.com/josh.andrson/)

nuxt.config.ts

@@ -6,6 +6,6 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   modules: ['@nuxt/content', "@nuxt/ui"],
   colorMode: {
-    preference: 'light'
+    preference: 'dark'
   }
 })

pages/[...slug].vue

@@ -13,6 +13,11 @@ const links = [{
   label: 'Portfolio',
   to: '/portfolio',
   icon: 'i-heroicons-photo'
+},
+{  
+  label: 'About',
+  to: '/about',
+  icon: 'i-heroicons-user'
 }]
 </script>