Change printable zine permission so they can be downloaded; rename flipbookviewer to zineviewer

src/components/zines/ZineGrid.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { zines, type Zine } from "../../data/zines";
 import { ZineCard } from "./ZineCard";
-import { FlipbookViewer } from "./FlipbookViewer";
+import { ZineViewer } from "./ZineViewer";
 import {
   Dialog,
   DialogContent,
@@ -42,7 +42,7 @@ export function ZineGrid() {
             </DialogDescription>
           </VisuallyHidden.Root>
           {selectedZine && (
-            <FlipbookViewer
+            <ZineViewer
               pages={selectedZine.pages}
               title={selectedZine.title}
             />

src/components/zines/ZineViewer.tsx

@@ -22,12 +22,12 @@ const Page = forwardRef<HTMLDivElement, PageProps>(({ src, pageNumber }, ref) =>
 
 Page.displayName = "Page";
 
-interface FlipbookViewerProps {
+interface ZineViewerProps {
   pages: string[];
   title: string;
 }
 
-export function FlipbookViewer({ pages, title }: FlipbookViewerProps) {
+export function ZineViewer({ pages, title }: ZineViewerProps) {
   const flipBookRef = useRef<any>(null);
   const [currentPage, setCurrentPage] = useState(0);
   const totalPages = pages.length;

src/pages/projects/zines.astro

@@ -13,8 +13,7 @@ import "../../styles/globals.css";
       <div class="px-4">
         <h1 class="pb-4 pt-4 text-3xl font-semibold">Zines</h1>
         <p class="mb-6">
-          We create and share zines about technology, power, and resistance.
-          Click on a zine to read it in our interactive flipbook viewer!
+          We create and share zines about technology, power, and resistance. You are welcome to download the printable version to fold and distribute!
         </p>
 
         <ZineGrid client:load />