@page{ size: A5; margin: 5mm 8mm; } /* ----------------- */ /* COVER */ @page:first{ background: url(./hershey-text-extension.svg); } div#doesthiswork img{ position: absolute; z-index: -1; width: 45mm !important; bottom: 10mm; left: 75mm; /* width: 130mm !important; */ } div#intro{ width: 50mm; margin-top: 2mm; padding: 0 15mm; } div#intro::after{ content: "https://pzwiki.wdka.nl/mediadesign/Pen_plotters"; position: absolute; left: 25%; top: -3mm; } h1:first-of-type{ font-size: 600%; line-height: 1; border: 5px groove; border-radius: 25px; padding: 0em 0.75em 0.35em; margin: 0.45em 0 0.45em !important; } div#toc{ columns: 2 auto; font-size: 75%; margin-top: 20mm; } div#toc ul{ margin: 0; padding: 0; } div#toc ul li{ margin: 0; margin-left: 1.5em; padding: 0; list-style: none; } div#toc h2#mw-toc-heading{ display: none; } div#toc ul li span.tocnumber{ display: none; } /* ----------------- */ body{ font-size: 10px; line-height: 1.5; } pre{ white-space: pre-wrap; word-break: break-all; } /* ---------- */ /* IMAGES */ div.thumb, div.thumb img.thumbimage, div.thumbcaption{ width: 50mm !important; max-height: 80mm; } div.thumb{ margin: 0 0 1em 1em; display: inline-block; break-inside: avoid; } div.thumbinner{ margin: 0; } div.thumbcaption{ font-size: 8px; } table{ width: 100%; margin-left: -3em; display: block; } table div.thumb, table div.thumb img.thumbimage, table div.thumbcaption{ width: 40mm !important; } a.image img:not(.thumbimage){ width: 100mm !important; } div#memes img{ width: 50mm !important; margin-right: 2em; margin-bottom: 1em; display: inline-block; } /* ---------- */ h1, h2, h3, h4, h5, h6 { break-after: avoid; } h1{ font-family: "line"; font-size: 300%; text-align: center; border-top: 1px solid; border-radius: 50%; line-height: 1; padding-top: 0.5em; margin-top: 1.25em; } h2{ font-family: serif !important; letter-spacing: 0 !important; } h2 span#Chiplotle{ break-before: always; } hr{ border: 0; border-top: 0.5px solid black; } a{ font-family: sans-serif; color: darkblue; text-decoration: none; letter-spacing: 1px; word-break: break-all; } div#plottwist, div#horses, div#essay, div#chiplotle{ columns: 2 auto; column-gap: 5mm; } div#plottwist a.image:first-of-type img, div#horses img{ width: 60mm !important; } body:after{ content:"This zine is printed for the PEN PLOTTING PARTY* at the XPUB studio on Monday 12 Feburary 2024. Printed on default paper from the Canon machines at the PZI/WdKA, compiled from the *Pen plotters* PZI wiki page (https://pzwiki.wdka.nl/mediadesign/Pen_plotters) with Weasyprint and pdfbook2. You can find the code here: https://git.xpub.nl/XPUB/pen-plotter-zine. The header font that is used is *Compagnon*, by Juliette Duhé, Léa Pradine, Valentin Papon, Chloé Lozano, Sébastien Riollier. Distributed by velvetyne.fr; and the background image at the cover is made with the *Hershey Text* stroke font Inkscape extension! The other fonts are default browser fonts ;). © XPUB, Feburary 2024 🄯 Copyfarleft under the terms of the Peer Production License (only other commoners, cooperatives and nonprofits can share and re-use the material)."; } @font-face { font-family: "line"; src: url(Compagnon-LightItalic.otf); }