From c2d70f0988eb2f4a31bf5bb5442a2a2b8649b691 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Sun, 3 Mar 2024 16:06:35 +0100
Subject: [PATCH] Astro audit

---
 src/components/LayoutComponents/Navbar.astro |  2 +-
 src/pages/me.astro                           |  3 ++-
 src/pages/terminal.astro                     | 16 ++++++++++++++--
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/LayoutComponents/Navbar.astro b/src/components/LayoutComponents/Navbar.astro
index 720d3bd..febd738 100644
--- a/src/components/LayoutComponents/Navbar.astro
+++ b/src/components/LayoutComponents/Navbar.astro
@@ -7,7 +7,7 @@ import logo from "./logo.png";
 
 <nav class="navigation">
     <a href="/" class="nostyle imgContainer">
-        <Image src={logo} alt="Logo" class="logoImg" />
+        <Image src={logo} alt="Logo" class="logoImg" loading="eager" />
     </a>
     <div class="navLink">
         <a href="/" class="nostyle">
diff --git a/src/pages/me.astro b/src/pages/me.astro
index 1c01fe5..4cafe96 100644
--- a/src/pages/me.astro
+++ b/src/pages/me.astro
@@ -15,7 +15,7 @@ const age = new Date().getFullYear() - 1998 - (new Date().getMonth() <= 10 ? 1 :
 <Layout title="About me">
 <h1>This is me.</h1>
 <div class="photo">
-    <Image src={pic} alt="Me" />
+    <Image src={pic} alt="Me" loading="eager" />
 </div>
 <div class="personal">
     <p class="preText">
@@ -67,6 +67,7 @@ const age = new Date().getFullYear() - 1998 - (new Date().getMonth() <= 10 ? 1 :
                     target="_blank"
                     rel="noreferrer"
                     class="nocolor"
+                    aria-label={`Link to my ${social.name} profile`}
                 >
                     <Icon name={social.icon} class="icon-2em" />
                 </a>
diff --git a/src/pages/terminal.astro b/src/pages/terminal.astro
index 82b3d3e..7c29b41 100644
--- a/src/pages/terminal.astro
+++ b/src/pages/terminal.astro
@@ -7,7 +7,7 @@ const screenVersion = `${date.getFullYear()}${date.getMonth()+1}${date.getDate()
 const wasmVersion = wasmData.version;
 ---
 
-<Layout title="Terminal">
+<Layout title="Terminal" showAfterMain>
     <div class="screen" data-terminal-screen>
         <div data-terminal-output>
             <noscript><pre>You need to enable JavaScript to use this terminal.</pre></noscript>
@@ -29,12 +29,16 @@ const wasmVersion = wasmData.version;
                 @@@@@                                            
                       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@</pre>
         </div>
-        <div class="input"><pre class="user">user@cer0</pre><pre>:</pre><pre class="pwd">/</pre><pre class="dollar">$&nbsp;</pre><input type="text" data-terminal-input autofocus /></div>
+        <div class="input"><pre class="user">user@cer0</pre><pre>:</pre><pre class="pwd">/</pre><pre class="dollar">$&nbsp;</pre><input type="text" data-terminal-input /></div>
     </div>
 
     <template data-terminal-user-cmd>
         <pre><pre class="user">user@cer0</pre><pre>:</pre><pre class="pwd"></pre><pre class="dollar">$&nbsp;</pre><pre class="user-cmd"></pre></pre>
     </template>
+
+    <div slot="after-main" class="more">
+        Read more about the development of this terminal&nbsp;<a href="/blog/wasm-terminal" class="nocolor">here</a>.
+    </div>
 </Layout>
 
 <script>
@@ -184,4 +188,12 @@ const wasmVersion = wasmData.version;
         }
     }
 
+    .more {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-style: italic;
+        padding: 5px;
+    }
+
 </style>
\ No newline at end of file