diff --git a/booklet-stylesheet.css b/booklet-stylesheet.css index 8768a1f..777dfde 100644 --- a/booklet-stylesheet.css +++ b/booklet-stylesheet.css @@ -5,8 +5,21 @@ @page:first{ background: url(./hershey-text-extension.svg); } +div#doesthiswork img{ + /* position: absolute; */ + /* z-index: -1; */ + /* width: 45mm !important; */ + /* bottom: 0; */ + /* left: 75mm; */ + width: 130mm !important; +} +div#intro{ + margin-top: 2mm; + padding: 0 15mm; +} + body{ - font-size: 20px; + font-size: 10px; line-height: 1.5; } div#toc{ @@ -30,36 +43,50 @@ div#toc ul li span.tocnumber{ } pre{ white-space: pre-wrap; + word-break: break-all; } -div.thumb{ +/* ---------- */ +/* IMAGES */ +div.thumb, +div.thumb img.thumbimage, +div.thumbcaption{ width: 50mm !important; - max-width: 50mm; - float: right; + max-height: 80mm; +} +div.thumb{ margin: 0 0 1em 1em; - /* break-inside: avoid; */ - max-height: 50mm; + display: inline-block; + break-inside: avoid; } div.thumbinner{ margin: 0; } -img{ - width: 50mm; - max-height: 50mm; -} div.thumbcaption{ font-size: 8px; - width: 50mm; } +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:first-of-type{ - font-size: 400%; - border: 5px groove; - border-radius: 25px; - padding: 0.15em 0.75em 0.5em; - break-after: always; -} h1{ font-family: "line"; font-size: 300%; @@ -70,19 +97,47 @@ h1{ padding-top: 0.5em; margin-top: 1.25em; } +h1:first-of-type{ + font-size: 600%; + line-height: 1; + border: 5px groove; + border-radius: 25px; + padding: 0.05em 0.75em 0.5em; + margin: 0.15em 0 0 0 !important; + /* break-after: always; */ +} +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: black; + color: darkblue; text-decoration: none; letter-spacing: 1px; + word-break: break-all; +} +div#horses, +div#essay, +div#chiplotle{ + columns: 2 auto; + column-gap: 5mm; +} +div#horses img{ + width: 60mm !important; } + body:after{ - content:"This booklet is printed for the *plotter party* at the XPUB studio on Monday 27 November 2023. Printed on default paper from the Canon machines at the PZI/WdKA, compiled with User:Manetta/Booklet.sh using the *Pen plotters* PZI wiki page (https://pzwiki.wdka.nl/mediadesign/Pen_plotters) and Weasyprint. 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, November 2023 🄯 Copyfarleft under the terms of the Peer Production License (only other commoners, cooperatives and nonprofits can share and re-use the material)."; + 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); diff --git a/booklet.sh b/booklet.sh index 11d74c8..a28186d 100644 --- a/booklet.sh +++ b/booklet.sh @@ -7,31 +7,6 @@ WIKIPAGE=$1 echo ">>> making a booklet from the wiki page: $WIKIPAGE" -# Feature: local CSS edits first! -# --------------------------------------------------------------- -# The script will only download a local "booklet-stylesheet.css" -# if you don't have this file on your computer yet; -# In other words: it never overwrites your local edits. -# This allows for making custom modifications to the stylesheet -# for a specific booklet. :) -if [[ $(ls booklet-stylesheet.css) ]]; then - echo ">>> local booklet-sylesheet.css found" -else - echo ">>> downloading booklet-sylesheet.css" - curl --silent https://pzwiki.wdka.nl/mediadesign/User:Manetta/Booklet-stylesheet.css?action=raw > booklet-stylesheet.css -fi - -curl --silent https://pzwiki.wdka.nl/mediadesign/User:Manetta/Booklet-stylesheet.css?action=raw > booklet-stylesheet.css.tmp - -DIFF=$(diff booklet-stylesheet.css.tmp booklet-stylesheet.css) -if [[ $DIFF ]]; then - echo ">>> checking booklet-sylesheet.css: local edits were made" -else - echo ">>> checking booklet-sylesheet.css: in sync with User:Manetta/Booklet-stylesheet.css" -fi - -rm booklet-stylesheet.css.tmp - # Turn the HTML page into a PDF with weasyprint # --------------------------------------------------------------- PDFNAME=$(echo "$WIKIPAGE" | tr :/#%{}\&\\\<\>*?/\!\'\"@+\`= _) diff --git a/plot-1-does-this-work.jpg b/plot-1-does-this-work.jpg new file mode 100644 index 0000000..22986a2 Binary files /dev/null and b/plot-1-does-this-work.jpg differ