Remove redundant alt attributes and improve navbar in lynx

This commit is contained in:
ReimarPB 2022-07-10 11:51:42 +02:00
parent 32940562b5
commit 4e98660ee9
4 changed files with 11 additions and 8 deletions

View File

@ -28,7 +28,7 @@
<div class="inline-code"> <div class="inline-code">
<picture> <picture>
<source type="image/svg+xml" srcset="/assets/icons/bitcoin.svg"> <source type="image/svg+xml" srcset="/assets/icons/bitcoin.svg">
<img class="inline-code-icon inline-code-icon-start" src="/assets/icons/bitcoin.png" alt="Bitcoin"> <img class="inline-code-icon inline-code-icon-start" src="/assets/icons/bitcoin.png" alt="">
</picture> </picture>
<div class="inline-code-text-wrapper"> <div class="inline-code-text-wrapper">
<input id="bitcoin" class="inline-code-text" value="bc1qsfqdt4fyu2y9cnm2v6sfg6f268xrwj8r3x66tc" size="43" style="width: 43ch;" readonly> <input id="bitcoin" class="inline-code-text" value="bc1qsfqdt4fyu2y9cnm2v6sfg6f268xrwj8r3x66tc" size="43" style="width: 43ch;" readonly>
@ -42,7 +42,7 @@
<div class="inline-code"> <div class="inline-code">
<picture> <picture>
<source type="image/svg+xml" srcset="/assets/icons/monero.svg"> <source type="image/svg+xml" srcset="/assets/icons/monero.svg">
<img class="inline-code-icon inline-code-icon-start" src="/assets/icons/monero.png" alt="Monero"> <img class="inline-code-icon inline-code-icon-start" src="/assets/icons/monero.png" alt="">
</picture> </picture>
<div class="inline-code-text-wrapper"> <div class="inline-code-text-wrapper">
<input id="monero" class="inline-code-text" value="47ozC7tTEXjSJgFCZUWbpwET1GxU123kRgz8Hj4VnrpCiuBuJ47FRcFDutgtLy5wc9JWZaihxga4hHdQXzdfn3kSRhLvpFj" size="96" style="width: 96ch;" readonly> <input id="monero" class="inline-code-text" value="47ozC7tTEXjSJgFCZUWbpwET1GxU123kRgz8Hj4VnrpCiuBuJ47FRcFDutgtLy5wc9JWZaihxga4hHdQXzdfn3kSRhLvpFj" size="96" style="width: 96ch;" readonly>

View File

@ -52,6 +52,7 @@ a:hover {
/* Navigation bar */ /* Navigation bar */
#nav { #nav {
margin: 30px 0; margin: 30px 0;
font-size: 0;
} }
.nav-button { .nav-button {
font-size: 14px; font-size: 14px;

View File

@ -13,8 +13,8 @@
$is_selected = $link[0] == $path || $link[0] == rtrim($path, '/'); $is_selected = $link[0] == $path || $link[0] == rtrim($path, '/');
echo echo
$is_selected ? $is_selected ?
"<span class='container nav-button nav-button-selected'>$link[1]</span>" : "<span class='container nav-button nav-button-selected'>$link[1]</span>\n" :
"<a href='$link[0]' class='container nav-button nav-button-not-selected'>$link[1]</a>"; "<a href='$link[0]' class='container nav-button nav-button-not-selected'>$link[1]</a>\n";
} }
?> ?>

View File

@ -39,8 +39,8 @@
<div class="section container"> <div class="section container">
<h1>Projects</h1> <h1>Projects</h1>
<hr> <hr>
<img src="/assets/icons/popup-timer.ico" class="pixelated icon" alt="">
<img src="/assets/icons/popup-timer.ico" class="pixelated icon" alt="Popup Timer"><b>Popup Timer</b> <b>Popup Timer</b>
<br> <br>
<span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span> <span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span>
<br> <br>
@ -48,7 +48,8 @@
<hr> <hr>
<img src="/assets/icons/gameoflife.ico" class="pixelated icon" alt="Game of life"><b>Game of life</b> <img src="/assets/icons/gameoflife.ico" class="pixelated icon" alt="">
<b>Game of life</b>
<br> <br>
<span>Conway's Game of Life created with the win32 API</span> <span>Conway's Game of Life created with the win32 API</span>
<br> <br>
@ -60,7 +61,8 @@
<hr> <hr>
<img src="/assets/icons/reimtris.ico" class="icon" alt="Reimtris"><b>Reimtris</b> <img src="/assets/icons/reimtris.ico" class="icon" alt="">
<b>Reimtris</b>
<br> <br>
<span>A Tetris clone written in Rust with epic background music</span> <span>A Tetris clone written in Rust with epic background music</span>
<br> <br>