some small improvements and alt text fixes

index.html

@@ -50,7 +50,7 @@
 
         <!-- Navbar brand and logo -->
         <a class="navbar-brand mb-0 h1" href="#">
-            <img src="./res/logo.png" width="40" height="40" alt="A cover photo of Ellpeck"> Ellpeck.de
+            <img src="./res/logo.png" width="40" height="40" alt="A pixelart version of Ellpeck"> Ellpeck.de
         </a>
 
         <!-- Responsive navbar menu opener -->
@@ -88,7 +88,7 @@
                     <div class="container">
                         <div class="row">
                             <div class="col-md-auto">
-                                <img src="./res/me.jpeg" class="rounded-circle" width="200" height="200" id="navbar-image">
+                                <img src="./res/me.jpeg" class="rounded-circle" width="200" height="200" id="navbar-image" alt="A cover photo of Ellpeck">
                             </div>
                             <div class="col">
                                 <h1 class="display-4" id="intro-text"></h1>
@@ -97,7 +97,7 @@
 
                                 <!-- Sponsor buttons -->
                                 <div class="sellout">
-                                    <iframe title="Discord server embed" src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe>
+                                    <iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe>
                                     <a href="https://www.patreon.com/bePatron?u=2494595" class="patreon-button" style="padding: 5px;">
                                         <img src="./res/becomePatron.png" width="auto" height="34px" alt="Become a patron">
                                     </a>
@@ -108,7 +108,7 @@
                 </div>
 
                 <!-- Projects -->
-                <a class="anchor" id="projects"></a>
+                <span class="anchor" id="projects"></span>
                 <div class="list-display rounded">
                     <h1>Projects</h1>
                     <p>
@@ -122,7 +122,7 @@
                 </div>
 
                 <!-- Social -->
-                <a class="anchor" id="social"></a>
+                <span class="anchor" id="social"></span>
                 <div class="list-display rounded">
                     <h1>Social</h1>
                     <p>
@@ -150,7 +150,7 @@
                 </div>
 
                 <!-- About -->
-                <a class="anchor" id="about"></a>
+                <span class="anchor" id="about"></span>
                 <div class="list-display rounded">
                     <h1>About</h1>
                     <p>
@@ -163,7 +163,7 @@
                 </div>
 
                 <!-- Blog -->
-                <a class="anchor" id="blog"></a>
+                <span class="anchor" id="blog"></span>
                 <div id="blog-cat-anchors"></div>
                 <div class="list-display rounded">
                     <h1>Blog</h1>

scripts/blog.js

@@ -69,6 +69,6 @@ function addCategory(json, cats, anchors, cat, currCat) {
             populateBlog(json, catId);
             history.replaceState(null, null, `#blog-${catId}`);
         });
-        anchors.append( /*html*/ `<a class="anchor" id="blog-${catId}"></a>`);
+        anchors.append( /*html*/ `<span class="anchor" id="blog-${catId}"></span>`);
     }
 }

scripts/social.js

@@ -51,5 +51,5 @@ $('#social-list').html(s);
 let disc = $("#discord-div");
 let theme = dark ? "dark" : "light";
 disc.html( /*html*/ `
-    <iframe id="discord-widget" src="https://discordapp.com/widget?id=181435613147430913&theme=${theme}" width="300" height="450" allowtransparency="true" frameborder="0"></iframe>
+    <iframe id="discord-widget" title="Ellpeck's Discord server" src="https://discordapp.com/widget?id=181435613147430913&theme=${theme}" width="300" height="450" allowtransparency="true" frameborder="0"></iframe>
 `);