some small improvements and alt text fixes
All checks were successful
Web/pipeline/head This commit looks good

This commit is contained in:
Ell 2021-04-04 12:45:33 +02:00
parent a1431fdd9a
commit 31f9b9ae61
3 changed files with 9 additions and 9 deletions

View file

@ -50,7 +50,7 @@
<!-- Navbar brand and logo --> <!-- Navbar brand and logo -->
<a class="navbar-brand mb-0 h1" href="#"> <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> </a>
<!-- Responsive navbar menu opener --> <!-- Responsive navbar menu opener -->
@ -88,7 +88,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-auto"> <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>
<div class="col"> <div class="col">
<h1 class="display-4" id="intro-text"></h1> <h1 class="display-4" id="intro-text"></h1>
@ -97,7 +97,7 @@
<!-- Sponsor buttons --> <!-- Sponsor buttons -->
<div class="sellout"> <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;"> <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"> <img src="./res/becomePatron.png" width="auto" height="34px" alt="Become a patron">
</a> </a>
@ -108,7 +108,7 @@
</div> </div>
<!-- Projects --> <!-- Projects -->
<a class="anchor" id="projects"></a> <span class="anchor" id="projects"></span>
<div class="list-display rounded"> <div class="list-display rounded">
<h1>Projects</h1> <h1>Projects</h1>
<p> <p>
@ -122,7 +122,7 @@
</div> </div>
<!-- Social --> <!-- Social -->
<a class="anchor" id="social"></a> <span class="anchor" id="social"></span>
<div class="list-display rounded"> <div class="list-display rounded">
<h1>Social</h1> <h1>Social</h1>
<p> <p>
@ -150,7 +150,7 @@
</div> </div>
<!-- About --> <!-- About -->
<a class="anchor" id="about"></a> <span class="anchor" id="about"></span>
<div class="list-display rounded"> <div class="list-display rounded">
<h1>About</h1> <h1>About</h1>
<p> <p>
@ -163,7 +163,7 @@
</div> </div>
<!-- Blog --> <!-- Blog -->
<a class="anchor" id="blog"></a> <span class="anchor" id="blog"></span>
<div id="blog-cat-anchors"></div> <div id="blog-cat-anchors"></div>
<div class="list-display rounded"> <div class="list-display rounded">
<h1>Blog</h1> <h1>Blog</h1>

View file

@ -69,6 +69,6 @@ function addCategory(json, cats, anchors, cat, currCat) {
populateBlog(json, catId); populateBlog(json, catId);
history.replaceState(null, null, `#blog-${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>`);
} }
} }

View file

@ -51,5 +51,5 @@ $('#social-list').html(s);
let disc = $("#discord-div"); let disc = $("#discord-div");
let theme = dark ? "dark" : "light"; let theme = dark ? "dark" : "light";
disc.html( /*html*/ ` 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>
`); `);