added alt texts to images

This commit is contained in:
miggymofongo 2024-02-29 15:41:51 -04:00
parent 1aebd5b01e
commit 12f6e89370

View file

@ -178,7 +178,7 @@ font-weight:400;
<header> <header>
<nav class="navbar navbar-dark bg-dark fixed-top"> <nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<img src="./img/Highwind1_opt.png" style="transform: scale(0.9);"> <img src="./img/Highwind1_opt.png" alt="GummiShip" style="transform: scale(0.9)";>
<h4 class="navbar-brand" href="#" style="color: aliceblue; font-family: KHGummi;">Miguel's Asteroid</h4> <h4 class="navbar-brand" href="#" style="color: aliceblue; font-family: KHGummi;">Miguel's Asteroid</h4>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
@ -199,15 +199,15 @@ font-weight:400;
<div class="text-center"> <div class="text-center">
<div class="d-inline-block text-center"> <div class="d-inline-block text-center">
<img src="./img/WEPA.png" <img src="./img/WEPA.png" alt="headshot of miguel yelling WEPA!"
style="width: 300px; height: 300px; object-fit: cover;" alt="Headshot of Miguel"></img> style="width: 300px; height: 300px; object-fit: cover;" alt="Headshot of Miguel"></img>
<br> <br>
<h2>Public Interest Communications </h2> <h2>Public Interest Communications </h2>
<a href="mailto:contact@miguelalmodo.com"><img src="./img/email.png" alt="" style="width: 50px; height: 50px;"></a> <a href="mailto:contact@miguelalmodo.com"><img src="./img/email.png" alt="mail icon" style="width: 50px; height: 50px;"></a>
<a href="https://yakihonne.com/users/nprofile1qyw8wumn8ghj7mn0wd68ytfsxyh8jcttd95x7mnwv5hxxmmdqyw8wumn8ghj7mn0wd68ytfsxgh8jcttd95x7mnwv5hxxmmdqy08wumn8ghj7mn0wd68ytfsxvhxgmmjv9nxzcm5dae8jtn0wfnsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpremhxue69uhkummnw3ez6vpj9ejx7unpveskxar0wfujummjvuqzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txsnr0xw"><img src="./img/running-nostr.gif" style="width: 50px; height: 50px;"></a> <a href="https://yakihonne.com/users/nprofile1qyw8wumn8ghj7mn0wd68ytfsxyh8jcttd95x7mnwv5hxxmmdqyw8wumn8ghj7mn0wd68ytfsxgh8jcttd95x7mnwv5hxxmmdqy08wumn8ghj7mn0wd68ytfsxvhxgmmjv9nxzcm5dae8jtn0wfnsz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpremhxue69uhkummnw3ez6vpj9ejx7unpveskxar0wfujummjvuqzpmyk2sz7zxn2vxrtylay2x30lsfedm083q7jagguxtaa933ej6txsnr0xw"><img src="./img/running-nostr.gif" alt="running nostrich gif" style="width: 50px; height: 50px;"></a>
<a href="https://www.linkedin.com/in/miguelalmodo/"><img src="./img/LinkedIN.png" style="width: 50px; height: 50px;"></a> <a href="https://www.linkedin.com/in/miguelalmodo/"><img src="./img/LinkedIN.png" alt="linkedin logo" style="width: 50px; height: 50px;"></a>
<a href="https://www.github.com/miggymofongo/"><img src="./img/Github.png" style="width: 50px; height: 50px;"></a> <a href="https://www.github.com/miggymofongo/"><img src="./img/Github.png" alt="github logo" style="width: 50px; height: 50px;"></a>
<br><br> <br><br>
<p>This website is hosted on an asteroid in uberspace! <p>This website is hosted on an asteroid in uberspace!
Explore my digital playground and find ways we can Explore my digital playground and find ways we can
@ -321,7 +321,7 @@ font-weight:400;
&nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160; &nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160;
&nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160; &nbsp;&nbsp;&nbsp;&#160;&#160;&#160;&#160;
<img src="img/leroy_opt.png"> </h2> <img src="img/leroy_opt.png" alt="pic of leroy from the movie leroy and stich"> </h2>
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5"> <div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
<div class="d-flex flex-column align-items-start gap-2"> <div class="d-flex flex-column align-items-start gap-2">
@ -334,9 +334,6 @@ font-weight:400;
</a></p> </a></p>
<div class="container"> <div class="container">
<h5 style="color: aliceblue;">Contact form coming soon! Email me at contact@miguelalmodo.com for now.</h5>
<!-- <form onsubmit="sendEmail()" style="color: rgb(255, 255, 255);"> <!-- <form onsubmit="sendEmail()" style="color: rgb(255, 255, 255);">
<h4 style="color: rgb(255, 255, 255);">Send me an email and get a response back <h4 style="color: rgb(255, 255, 255);">Send me an email and get a response back
within 48 hours! </h4> within 48 hours! </h4>
@ -376,9 +373,9 @@ font-weight:400;
</div> </div>
class="btn btn-dark-custom btn-lg"
<a href="mailto:contact@miguelalmodo.com" class="btn btn-dark-custom btn-lg">
<a href="mailto:contact@miguelalmodo.com" class="btn btn-primary btn-lg">
Click to open a self - addressed email message in your favorite Click to open a self - addressed email message in your favorite
client.</a> client.</a>