Overall improvements, updated pages

pages/about.vue

@@ -41,7 +41,12 @@ useHead({
 
 <template>
   <section>
-    <p>This page shall be added in a future release.</p>
+    <h3 class="alex">About me</h3>
+    <p>
+      This page is currently under construction, however, I can tell you I'm
+      Andrew and I'm {{ age }} years old. The page will be updated as time goes
+      on.
+    </p>
   </section>
 </template>
 

pages/index.vue

@@ -81,6 +81,8 @@ useHead({
         <ul class="list-style-type-enjoy">
           <li>Teaching</li>
           <li>Mathematics</li>
+          <li>Technology</li>
+          <li>Video Production</li>
           <li>Philosophy</li>
           <li>Geopolitics</li>
           <li>

pages/projects.vue

@@ -38,7 +38,15 @@ useHead({
 
 <template>
   <section>
-    <p>This page shall be added in a future release.</p>
+    <h3 class="alex">Projects</h3>
+    <p>This page is under construction. My current projects are:</p>
+    <ul>
+      <li>MalwareWatch</li>
+      <li>You Are an Idiot! (dot cc)</li>
+      <li>HURR-DURR (dot cc)</li>
+      <li>ClickSword</li>
+      <li>Windows XP Keygen / UMSKT</li>
+    </ul>
   </section>
 </template>
 

pages/social.vue

@@ -87,19 +87,23 @@ useHead({
 </script>
 
 <template>
-  <div>
+  <section>
     <h3 class="alex">Social media</h3>
     <ul class="list-style-type-none p-0">
       <li v-for="(page, index) in socials" :key="index">
-        <FontAwesomeIcon :icon="`fa-brands fa-${page.icon}`" />
-        <a class="link-hi" target="_blank" rel="noopener" :href="page.url">{{
-          page.name
-        }}</a>
+        <div class="d-flex flex-row align-items-center gap-1">
+          <ClientOnly>
+            <FontAwesomeIcon :icon="`fa-brands fa-${page.icon}`" fixed-width />
+          </ClientOnly>
+          <a class="link-hi" target="_blank" rel="noopener" :href="page.url">
+            {{ page.name }}
+          </a>
+        </div>
       </li>
     </ul>
     <h3 class="alex">Contact me</h3>
     <p>
-      Fanmail:
+      Personal:
       <EMail
         class="link-hi"
         address="[email protected]"
@@ -108,7 +112,7 @@ useHead({
       Manager: <EMail class="link-hi" address="[email protected]" /><br />
       Abuse: <EMail class="link-hi" address="[email protected]" />
     </p>
-  </div>
+  </section>
 </template>
 
 <style scoped lang="scss"></style>