Create pet calendar page #3
BIN
public/assets/pet-calendar-2026-cover.jpg
Normal file
BIN
public/assets/pet-calendar-2026-cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 694 KiB |
@ -10,7 +10,7 @@ import "../styles/globals.css";
|
||||
<div>
|
||||
<Navbar client:load activePage="OurProjects" />
|
||||
<div class="pl-4 pr-4">
|
||||
<h1 class="pb-4 pt-4 text-3xl font-semibold">What We're Working On</h1>
|
||||
<h1 class="pb-4 pt-4 text-3xl font-semibold">Our Projects</h1>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
<!-- <div class="justify-items-center">
|
||||
<img
|
||||
@ -39,6 +39,8 @@ import "../styles/globals.css";
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="justify-items-center">
|
||||
<img
|
||||
src="/assets/computer.png"
|
||||
@ -71,6 +73,45 @@ import "../styles/globals.css";
|
||||
class="underline decoration-solid">Pihole Workshop</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
|
||||
>
|
||||
</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>
|
||||
</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
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
343
src/pages/projects/PetCalendar.astro
Normal file
343
src/pages/projects/PetCalendar.astro
Normal file
@ -0,0 +1,343 @@
|
||||
---
|
||||
import Navbar from "../../components/Navbar";
|
||||
import Footer from "../../components/Footer";
|
||||
import Layout from "../../layouts/Layout.astro";
|
||||
import "../../styles/globals.css";
|
||||
---
|
||||
|
||||
<Layout>
|
||||
<main class="flex min-h-screen flex-col justify-between">
|
||||
<div>
|
||||
<Navbar client:load activePage="WhatWereWorkingOn" />
|
||||
<div class="pl-4 pr-4">
|
||||
<h1 class="pb-4 pt-4 text-3xl font-semibold">Pet Calendar</h1>
|
||||
<div>We created a pet calendar with 12 beautiful pictures of RTM's
|
||||
animal friends.
|
||||
<p class="pb-2">Each month, our pets will share with you with a different way you can
|
||||
Resist Big Tech Monopolies!</p>
|
||||
<p class="pb-2"> If you'd like to request a calendar, email us at besties@resisttechmonopolies.online</p>
|
||||
<div class="justify-items-center">
|
||||
<img
|
||||
src="/assets/pet-calendar-2026-cover.jpg"
|
||||
alt="pihole parts"
|
||||
width="500"
|
||||
class="border"
|
||||
/>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h1 class="pb-4 pt-4 text-2xl font-semibold">2026 Monthly RTM Tutorials</h1>
|
||||
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="January">January</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out Mastadon for algorithmless social media that won't sell your data!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://joinmastodon.org/"
|
||||
>Join Mastadon!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="February">February</h2>
|
||||
<div>
|
||||
|
||||
|
||||
<p class="mb-2"> Learn about hosting your own instances of tech services to protect your data!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://www.xda-developers.com/tips-for-self-hosting-beginners/"
|
||||
>Beginner's Guide to Self-Hosting!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="March">March</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out Calibre to read Amazon-free e-books!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://tutorials.mediaket.net/software-tutorials/calibre-how-to-use-it.html"
|
||||
>Get Started with Calibre!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="April">April</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Thinking of switching off Windows or MacOS? Try Linux
|
||||
for a super customizable, privacy-first operating system!
|
||||
</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://www.geeksforgeeks.org/linux-unix/30-days-of-linux/"
|
||||
>30 Days of Linux for Beginners!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="May">May</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try going outside and repping some protest fashion this Spring!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://graziamagazine.com/me/articles/history-keffiyeh-palestine/"
|
||||
>Learn the history and meaning of the keffiyeh!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="June">June</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out Ente for a privacy-friendly, open-source photos hosting platform!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://web.archive.org/web/20260108185516/https://www.androidauthority.com/ente-photos-hands-on-3542198/"
|
||||
>In-depth overeview of Ente Photos migration!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="July">July</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try installing your own Pi Hole on your home wifi network to block ad and malware servers!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://protasm.com/blogs/news/an-extensive-tutorial-on-how-to-setup-a-pi-hole"
|
||||
>Extensive PiHole Tutorial!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<hr class="mb-4">
|
||||
<p class="mb-2"> Alternative: Install an adblocker!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://adblockplus.org/"
|
||||
>Install Adblock Plus!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="August">August</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out DuckDuckGo as a privacy-friendly alternative to Google search and Chrome!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://duckduckgo.com/"
|
||||
>Download Duck Duck Go!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="September">September</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Instead of relying on surveillance for safety, try making friends with your neighbors!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://www.youtube.com/watch?v=1-Xl6dhDV3Q"
|
||||
> How to Build Radical Community!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️/5
|
||||
|
||||
</p>
|
||||
(hey making friends in Seattle is hard, okay?)
|
||||
|
||||
</div>
|
||||
<hr class="mb-4">
|
||||
<p class="mb-2"> Alternative: Neighbor Unions (buliding community power!)</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://social-ecology.org/wp/neighbor-union-cohort/"
|
||||
>Learn about Neighbor Unions!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="October">October</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out JellyFin to host your own media server
|
||||
and share with friends. You can break up with Netflix, Hulu, Disney+, and more!
|
||||
</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://jellyfin.org/docs/general/quick-start/"
|
||||
>Quickstart for JellyFin!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="November">November</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out Meet.coop as an open-source, privacy-friendly, and renewable energy-powered alternative to Zoom and Hangouts! </p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://www.meet.coop/"
|
||||
>Make a Meet.coop account!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
<hr class="mb-4">
|
||||
|
||||
<p class="mb-2"> Free alternative: Jitsi</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://meet.jit.si/"
|
||||
>Start a Meeting with Jitsi!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col gap-8">
|
||||
<div class="rounded-lg border p-6">
|
||||
<h2 class="mb-4 text-2xl font-semibold" id="December">December</h2>
|
||||
<div>
|
||||
<p class="mb-2"> Try out Radicale as a privacy-friendly, open-source alternative to Google Calendar and Outlook!</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://radicale.org/master.html#simple-5-minute-setup"
|
||||
>Setting up Radicale Tutorial!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️🌶️🌶️🌶️🌶️/5
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<hr class="mb-4">
|
||||
<p class="mb-2"> Alternative: Proton Calendar</p>
|
||||
<a
|
||||
class="underline mb-2"
|
||||
href="https://calendar.proton.me/"
|
||||
>Switch to Proton Calendar!
|
||||
</a >
|
||||
|
||||
<p class="mb-2"> Difficulty rating: 🌶️/5
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Footer />
|
||||
</main>
|
||||
</Layout>
|
||||
Reference in New Issue
Block a user