From eac9f808712435e3c570e3d0c1be02cadcfab27e Mon Sep 17 00:00:00 2001
From: sophie <sofija@duck.com>
Date: Thu, 1 Aug 2024 23:13:52 +0300
Subject: [PATCH] Improve LH score / SEO

---
 website/index.html          | 16 ++++++++--------
 website/scripts/blog.tsx    |  7 ++++---
 website/scripts/lastfm.ts   |  9 +--------
 website/templates/head.html |  4 +++-
 4 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/website/index.html b/website/index.html
index 5a9652a..12a421d 100644
--- a/website/index.html
+++ b/website/index.html
@@ -80,20 +80,20 @@ __TEMPLATE_HEAD__
         <div class="paper blog" id="root"></div>
         <div class="paper status" id="status"></div>
         <div class="paper binkies">
-            <a href="https://sad.ovh">
-                <img src="/assets/binkies/sadovh.png">
+            <a href="https://sad.ovh" aria-label="Links to my own website!">
+                <img src="/assets/binkies/sadovh.png" width="88" height="31" alt="sad.ovh binkie">
             </a>
-            <a href="https://oon.nz/">
-                <img src="/assets/binkies/onzecki.png">
+            <a href="https://oon.nz/" aria-label="View oon.nz">
+                <img src="/assets/binkies/onzecki.png" width="88" height="31" alt="onzecki's binkie">
             </a>
-            <a href="https://unnick.mice.tel">
+            <a href="https://unnick.mice.tel" aria-label="View unnick.mice.tel">
                 <picture>
                     <source srcset="/assets/binkies/unnick.webp" type="image/webp">
                     <img src="/assets/binkies/unnick.png" width="88" height="31" alt="unnick">
                 </picture>
             </a>
-            <a href="https://github.com/NotNite/eightyeightthirtyone" class="hasBadge">
-                <img src="/assets/binkies/eighteightthirtyone.png" alt="eightyeightthirty.one">
+            <a href="https://github.com/NotNite/eightyeightthirtyone" class="hasBadge" aria-label="View eighteightthirty.one's source code">
+                <img src="/assets/binkies/eighteightthirtyone.png" alt="eightyeightthirty.one" width="88" height="31">
             </a>
         </div>
         <div class="paper webrings">
@@ -105,7 +105,7 @@ __TEMPLATE_HEAD__
                 <script src="https://palette.nekoweb.org/webring.js"></script>
             </webring-container>
 
-            <iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;margin-top:5px;"
+            <iframe title="the bucket webring" id="bucket-webring" style="width: 100%; height: 3rem; border: none;margin-top:5px;"
                 src="https://webring.bucketfish.me/embed.html?name=☹️☹️☹️.ovh&lightmode=true"></iframe>
         </div>
 
diff --git a/website/scripts/blog.tsx b/website/scripts/blog.tsx
index 0b66168..498e4f5 100644
--- a/website/scripts/blog.tsx
+++ b/website/scripts/blog.tsx
@@ -27,7 +27,7 @@ const Blog = () => {
         json.filename = blog;
         metadatas.push(json);
       }
-    
+
       blogPosts[1](metadatas);
     })();
   }, [])
@@ -50,8 +50,9 @@ const Blog = () => {
         return <ul>
           {blogPosts[0].map((n) => {
             return <li>
-              <a onClick={
-                () => {
+              <a href={"https://sad.ovh/?md=" + n.filename} onClick={
+                (e) => {
+                  e.preventDefault();
                   pageOpen[1](n);
                 }
               }>{n.title} (created {new Date(n.time * 1000).toLocaleString()})</a>
diff --git a/website/scripts/lastfm.ts b/website/scripts/lastfm.ts
index 255c75b..cbae3ff 100644
--- a/website/scripts/lastfm.ts
+++ b/website/scripts/lastfm.ts
@@ -71,6 +71,7 @@ const lastFM = {
     const img = document.createElement("img");
     img.width = 150
     img.height = 150
+    img.alt = "last.fm album art"
     img.src = track.image.at(-1)?.["#text"]!;
     lastFMElement?.appendChild(img);
 
@@ -93,12 +94,4 @@ const lastFM = {
     div.appendChild(spanTitle)
     lastFMElement?.appendChild(div);
 
-
-    /*            <img src="https://lastfm.freetls.fastly.net/i/u/300x300/400560416eb0c37bbc407cd4279c7899.jpg" width="150" height="150">
-            <div>
-                <h1>listening to now</h1>
-                <span style="font-size:x-large">Bladee</span>
-                <span style="font-size:x-large">Open your Eyes (hymn)</span>
-            </div>*/
-
 })();
\ No newline at end of file
diff --git a/website/templates/head.html b/website/templates/head.html
index 303eccb..2affd8e 100644
--- a/website/templates/head.html
+++ b/website/templates/head.html
@@ -1,7 +1,9 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
     <!-- Primary Meta Tags -->
     <title>soph's blog and information</title>
     <meta name="title" content="soph's blog and information" />