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

Make project images clickable links #7

Open
Zigzagill wants to merge 1 commits from image-links into main
pull from: image-links
merge into: RTM:main
Conversation 0 Commits 1 Files Changed 1 +41 -43
1 changed files with 41 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/pages/projects.astro
View File

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