RTM/rtm-website
0
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: RTM:main
Branches Tags
RTM:main RTM:image-links RTM:simplified-deployment-instructions RTM:strawberry/discotech-101-pages-out-of-order RTM:strawberry/readme-deployment-info-update RTM:drone RTM:highlight
...
pull from: RTM:image-links
Branches Tags
RTM:main RTM:image-links RTM:simplified-deployment-instructions RTM:strawberry/discotech-101-pages-out-of-order RTM:strawberry/readme-deployment-info-update RTM:drone RTM:highlight

1 Commits

Author SHA1 Message Date
Zigzagill
c13049aa00 Make project images clickable links, make pet calendar alt text more equitable 2026-05-19 21:22:19 -07:00
1 changed files with 41 additions and 43 deletions
Expand all files Collapse all files

84
src/pages/projects.astro
View File

@ -27,66 +27,64 @@ import "../styles/globals.css";
</div> --> </div> -->
<div class="justify-items-center"> <div class="justify-items-center">
<img <a href="/projects/bookclub/">
src="/assets/book-club.jpg" <img
alt="stack of books" src="/assets/book-club.jpg"
width="280" alt="stack of books"
class="border" width="280"
/> class="border"
<a />
href="/projects/bookclub/" <p class="underline decoration-solid">Book Club</p>
class="underline decoration-solid">Book Club</a </a>
>
</div> </div>
<div class="justify-items-center"> <div class="justify-items-center">
<img <a href="/projects/alternatives/">
<img
src="/assets/computer.png" src="/assets/computer.png"
alt="computer" alt="computer"
width="250" width="250"
class="border" class="border"
/> />
<a href="/projects/alternatives/" class="underline decoration-solid">Big Tech Alternatives</a> <p class="underline decoration-solid">Big Tech Alternatives</p>
</a>
</div> </div>
<div class="justify-items-center"> <div class="justify-items-center">
<img <a href="/projects/zines/">
src="/assets/zines-thumbnail.png" <img
alt="zines" src="/assets/zines-thumbnail.png"
width="250" alt="zines"
class="border object-cover w-[250px] h-[250px]" width="250"
/> class="border object-cover w-[250px] h-[250px]"
<a href="/projects/zines/" class="underline decoration-solid">Zines</a> />
<p class="underline decoration-solid">Zines</p>
</a>
</div> </div>
<div class="justify-items-center"> <div class="justify-items-center">
<img <a href="/projects/PetCalendar/">
src="/assets/pet-calendar-2026-cover.jpg" <img
alt="photo collage of cats" src="/assets/pet-calendar-2026-cover.jpg"
width="500" alt="photo collage of cats and dogs"
class="border" width="500"
/> class="border"
<a />
href="/projects/PetCalendar/" <p class="underline decoration-solid">Pet Calendar</p>
class="underline decoration-solid">Pet Calendar</a </a>
>
</div> </div>
<div class="justify-items-center"> <div class="justify-items-center">
<img <a href="/projects/pihole/">
src="/assets/pihole.jpeg" <img
alt="pihole parts" src="/assets/pihole.jpeg"
width="250" alt="pihole parts"
class="border" width="250"
/> class="border"
<a />
href="/projects/pihole/" <p class="underline decoration-solid">Pihole Workshop</p>
class="underline decoration-solid">Pihole Workshop</a </a>
>
</div> </div>
</div> </div>
</div> </div>
</div> </div>