Complete about page, with pictures.

src/App.vue

@@ -5,7 +5,7 @@
   <header>
     <div class="pt-10 px-4 text-2xl grid place-items-center">
       <nav>
-        <RouterLink to="/Home">Home</RouterLink> |
+        <RouterLink to="/">Home</RouterLink> |
         <RouterLink to="/About">About</RouterLink> |
         <RouterLink to="/Fortran">Fortran</RouterLink> |
         <RouterLink to="/Pascal">Pascal</RouterLink> |
@@ -15,8 +15,12 @@
   </header>
 
   <main class="pt-10 flex justify-center">
-    <div class="w-full max-w-screen-xl px-4 ">
+    <div class="w-full max-w-screen-lg px-4 ">
       <RouterView />
     </div>
   </main>
+
+  <footer class="flex justify-center pt-10 mt-10 ">
+    Author: Rasmus B. W. Rasmussen
+  </footer>
 </template>

src/components/About.vue

@@ -6,7 +6,46 @@
   <div>
     <h1 class="text-3xl">Who Am I?</h1>
     <hr>
-    <p>My name is Rasmus Rasmussen, and I'm primarely a backend developer. But lately, I've started to like developing in vue3. With TypeScript, of cause.</p>
+    <p>My name is Rasmus Rasmussen (yes, that's my name), I live somewhere in the outskirts of Odense, and I'm primarily
+      a backend developer. But lately, I've started to like developing in vue3. With TypeScript, of cause. It's a nice
+      chance of pace, and I often find myself wanting to experiment with different styling, as well as trying to
+      optimize and minimize my bundles.</p>
+    <br>
+
+    <p>I'm an educated datamatiker from UCL Erhvervsakademi og Professionshøjskole. (I have no idea what it's called
+      in English). Doing my study, I have primarily developed in C# and .NET, as well as ASPNET, JavaScript, SQL and
+      Umbraco. I have also set up multiple Linux unmanaged servers, together with Docker, that I use to host my websites
+      and web-application.</p>
+    <br>
+
+    <p>In my free time, I like to write blog posts about small, or sometimes big, project. It can be about anything,
+      really. The most important part is that I learn something. Like with my project
+      <a class="underline" href="https://rbwr.dk/posts/setting_up_a_new_blazor_interactive_server_side_render_project/">where I was setting
+      up a Blazor Interactive SSR web app.</a> I learned quite a lot doing that project. For example how to handle file
+      upload, or some of the newer C# syntax, like the "Index from end expression" <code>[^1]</code></p>
+    <br>
+
+    <p>
+      Another project I'm also quite proud of, is my own, custom search engine. Or well, it was supposed to be a search
+      engine, but ended up as a crawler, that collected statistics of various metrics, such as response codes, server
+      type, Tls version, Etc. It's still on-going, as the IPv4 space is quite large. Some of the best aspects of the
+      projects, was that I learned how to optimally handle high amounts of threads (up to 256 threads) for the scanner
+      to use, when finding websites on the internet.</p>
+    <br>
+
+    <p>
+      A little more about me :) I like to bike. I have a normal, bog-standard bike cycle, that I like to bike large
+      distances with. I try to aim at 80Km and as early as possible. Usually, when biking those distances, I aim to
+      start the journey at 5 in the morning. It gives a good jolt of energy, when the morning fog hits. Plus, when
+      start that early on, you usually find some pretty cool scenes. Like this image I took at 5:30 in the morning, not
+      too far from my apartment.</p>
+    <br>
+    
+    <img src="/public/Images/avif/PXL_20230708_030149199_scaled.avif" alt="Meadow with fog.">
+    <p>Not bad huh? The things you see when everyone is asleep.</p>
+    <br>
+    <img src="/public/Images/avif/PXL_20230720_032828882_scaled.avif" alt="My humble bike.">
+    <p>And this is my humble bike. It has taken me many places, and it's still going strong.</p>
   </div>
 
 </template>

src/main.ts

@@ -9,7 +9,7 @@ import About from "./components/About.vue";
 const router = createRouter({
     history: createWebHistory(),
     routes: [
-        {path: '/Home', name: 'Home', component: Home},
+        {path: '/', name: 'Home', component: Home},
         {path: '/About', name: 'About', component: About},
         {path: '/Fortran', name: 'Fortran', component: FortranIndex}
     ]

src/styles.css

@@ -0,0 +1,15 @@
+:root {
+    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: #242424;
+
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+