From aa204ec98114fa27ff47e374bf1b720fd056dad1 Mon Sep 17 00:00:00 2001
From: rasmus <rasmusbwr.prof@gmail.com>
Date: Tue, 25 Feb 2025 12:18:34 +0100
Subject: [PATCH] Cleaned up the page tag usage a bit more

---
 src/components/About.vue | 103 ++++++++++++++++++---------------------
 1 file changed, 47 insertions(+), 56 deletions(-)

diff --git a/src/components/About.vue b/src/components/About.vue
index 5fdb081..4b17437 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -1,71 +1,62 @@
 <script setup lang="ts">
 
+import Paragraph from "../../tags/Paragraph.vue";
+import PageStart from "../../tags/PageStart.vue";
+import CodeTag from "../../tags/CodeTag.vue";
 </script>
 
 <template>
-  <div>
-    <h1 class="text-3xl">About This Page</h1>
-    <hr>
-    <p>This page is about ancient (before the year 2000) programming languages, like Fortran and C. This page is mostly
-      about showing how it was done before fancy build tools and syntax were a thing. It also serves a purpose of a
-      showing, with examples, how to not only set up the programming environments, but also the whole workflow from
-      prototype to production.</p>
-    <br>
+  <page-start>About This Page</page-start>
 
-    <p>This whole idea started when I made my first "serious" blog, <a class="underline" href="https://rbwr.dk">rbwr.dk</a>, but it didn't
-      feel like quite the "correct" place to put it. So the idea was shelved for a time... Until recently, when I picked
-      up a project in Fortran. Yep, Fortran. I had gotten bored, and wanted to challenge myself. And I thought, that if
-      I'm going to learn the language, I might as well put blood, sweat and tears into formulating and showcasing how
-      it's done (correctly).</p>
-    <br>
+  <paragraph>This page is about ancient (before the year 2000) programming languages, like Fortran and C. This page is mostly
+    about showing how it was done before fancy build tools and syntax were a thing. It also serves a purpose of a
+    showing, with examples, how to not only set up the programming environments, but also the whole workflow from
+    prototype to production.<br><br>
 
-    <p>I did initially want to try COBOL, but after looking at some examples, Fortran kind of looked more appealing lol.</p>
-    <br>
-    <br>
+    This whole idea started when I made my first "serious" blog, <a class="underline" href="https://rbwr.dk">rbwr.dk</a>, but it didn't
+    feel like quite the "correct" place to put it. So the idea was shelved for a time... Until recently, when I picked
+    up a project in Fortran. Yep, Fortran. I had gotten bored, and wanted to challenge myself. And I thought, that if
+    I'm going to learn the language, I might as well put blood, sweat and tears into formulating and showcasing how
+    it's done (correctly).<br><br>
 
-    <h1 class="text-3xl">Who Am I?</h1>
-    <hr>
-    <p>My name is Rasmus Rasmussen (yes, that's my name), I live somewhere in the outskirts of Odense, Denmark, 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>
+    I did initially want to try COBOL, but after looking at some examples, Fortran kind of looked more appealing lol.</paragraph>
 
-    <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>
+  <h2 class="text-3xl">Who Am I?</h2>
+  <hr>
 
-    <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" that looks like this <code>[^1]</code></p>
-    <br>
+  <paragraph>My name is Rasmus Rasmussen (yes, that's my name), I live somewhere in the outskirts of Odense, Denmark, 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.<br><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 collects statistics of various metrics, such as response codes, server
-      type, Tls version, Etc. It's still running, 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>
+    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.<br><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="/Images/avif/PXL_20230708_030149199_scaled.avif" alt="Meadow with fog." loading="lazy" decoding="async" width="1434" height="1080">
-    <p>Not bad huh? The things you see when everyone is asleep.</p>
-    <br>
+    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" that looks like this: <code-tag>[^1]</code-tag><br><br>
 
-    <img src="/Images/avif/PXL_20230720_032828882_scaled.avif" alt="My humble bike." loading="lazy" decoding="async" width="1434" height="1080">
-    <p>And this is my humble bike. It has taken me many places, and it's still going strong. The odometer no longer works,
-      so I just use my FitBit Charge 5 instead. I've modeled and 3D printed the two orange bottle holders myself, on my
-      Original Prusa MK3S+.</p>
-  </div>
+    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 collects statistics of various metrics, such as response codes, server
+    type, Tls version, Etc. It's still running, 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.<br><br>
 
+    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.</paragraph>
+
+  <img src="/Images/avif/PXL_20230708_030149199_scaled.avif" alt="Meadow with fog." loading="lazy" decoding="async" width="1434" height="1080">
+  <paragraph>Not bad huh? The things you see when everyone is asleep.</paragraph>
+
+  <img src="/Images/avif/PXL_20230720_032828882_scaled.avif" alt="My humble bike." loading="lazy" decoding="async" width="1434" height="1080">
+  <paragraph>And this is my humble bike. It has taken me many places, and it's still going strong. The odometer no longer works,
+    so I just use my FitBit Charge 5 instead. I've modeled and 3D printed the two orange bottle holders myself, on my
+    Original Prusa MK3S+.</paragraph>
 </template>
\ No newline at end of file