commit 9dcf1c8f03a7e5c18272db406e0298e60b076f9b parent 4559d128e9c77aacf3e0b28cd1190860f97f85ec Author: Hunter Date: Wed, 4 Feb 2026 20:07:34 -0500 restructure Diffstat:
25 files changed, 21 insertions(+), 1816 deletions(-)
diff --git a/README.md b/README.md @@ -1,11 +1,10 @@ -# If you have a printer, you're a publisher -Use HTML to make print-at-home zines from the comfort of your web browser. +# if you have a printer, you're a publisher +1. open <a href="">zine workshop ↗</a> in your web browser +2. flesh out the pages using HTML +3. press ```⌘ + P``` to print an 8-page mini zine to one sheet of 8.5 x 11" legal paper - -open ```zine.html``` in your web browser (or <a href="https://hunterirving.github.io/zine.html/zines/zine.html/">click here</a>) then use ```⌘``` + ```P``` to print an 8-page mini zine to one sheet of 8.5 x 11" legal paper. - -<a href="https://hunterirving.github.io/zine.html/zines/zine.html/"><img src="resources/readme_images/zine-layout.png"></a> +<img src="resources/readme_images/zines.jpeg"> >[!NOTE] >for best results, in your system print dialog... @@ -14,65 +13,40 @@ open ```zine.html``` in your web browser (or <a href="https://hunterirving.githu >- select "Scale 100%" rather than "Fit to page width" >- check "Print backgrounds" to ensure proper styling +## assembly -## Assembly Instructions - -Once you've printed the page, follow this assembly guide from <a href="https://vabook.org/wp-content/uploads/sites/16/2020/03/Where-Im-From-zine-folding-instructions.pdf">Virginia Center for the Book</a> to cut and fold the zine to shape: +once you've printed your zine, follow this assembly guide from <a href="https://vabook.org/wp-content/uploads/sites/16/2020/03/Where-Im-From-zine-folding-instructions.pdf">Virginia Center for the Book</a> to cut and fold it to shape: <a href="https://vabook.org/wp-content/uploads/sites/16/2020/03/Where-Im-From-zine-folding-instructions.pdf"> - <img src="resources/readme_images/folding-guide.png"> + <img src="resources/readme_images/folding_guide.png"> </a> >[!TIP] ->once assembled, consider gluing each page together with a gluestick for increased structural stability. see <a href="https://hunterirving.github.io/zine.html/diagnostics/glue_guide/">the glue guide</a> for a recommended gluing pattern. - -# In Stock -1. <a href="https://hunterirving.github.io/zine.html/zines/zine.html/">zine.html</a><img src="resources/readme_images/hot.gif" style="padding-left:10px; height: 26px;"> -> the literary classic that started a revolution in self-publishing. -2. <a href="https://hunterirving.github.io/zine.html/zines/hacksburg_gazette">the hacksburg gazette</a> -> a promotional zine for Hacksburg, a makerspace in Blacksburg, VA. - -# Z.I.Y. (Zine it Yourself) -1. open <a href="https://hunterirving.github.io/zine.html/template.html/">template.html</a> in your text editor of choice -2. write some HTML within the existing ```.zine-page-content``` divs<br> -3. open the modified file in your favorite web browser -4. hit print! - -# Not Looking Right? -if a given zine doesn't come out right on your printer (graphics/text cut off at the edges, etc.), please submit an issue and attach a picture of the failed print. - -(so far these have only been tested with one printer... mine) - ->[!TIP] ->A diagnostic <a href="https://hunterirving.github.io/zine.html/diagnostics/margin_finder/">margin finder tool</a> is provided for your convenience. Print a copy to push your printer to its absolute limits, and then, knowing those limits, make some cool zines with it. +>once assembled, use a gluestick to increase your zine's structural stability (add glue to the back of the purple sections): +> +><img src="resources/readme_images/glue_guide.png"> -# Cool Zine Ideas: +# cool zine ideas: - comic book - recipe book -- photo album - album review +- photo album - dream journal +- poem collection - manifesto -# Development +# licenses and acknowledgements -## Rebuilding the CodeMirror Bundle -The editor uses a bundled version of CodeMirror. To rebuild it: -```bash -cd vendor -npm install -npm run build -``` -This regenerates `codemirror-bundle.js` in the project root. +this project is licensed under the [GNU General Public License v3.0](LICENSE). -# Licenses +## technologies used -## Project License -This project is licensed under the GNU General Public License v3.0 (GPLv3). See the [LICENSE](LICENSE) file for details. +- [CodeMirror 6](https://codemirror.net/) +- [GitHub Dark Theme for CodeMirror](https://github.com/fsegurai/codemirror-themes) -## Font Licenses +## font licenses -| Font | License | +| font | license | |------|---------| | Baskervvile | [SIL Open Font License](resources/fonts/baskervvile/OFL.txt) | | Basteleur | [SIL Open Font License](resources/fonts/basteleur-master/LICENSE.txt) | @@ -96,5 +70,3 @@ This project is licensed under the GNU General Public License v3.0 (GPLv3). See | OUEST | [OIFL (French OFL)](resources/fonts/OUEST/license.txt) | | Resistance générale | [SIL Open Font License](resources/fonts/resistance-generale-master/LICENSE.txt) | | Special_Gothic_Expanded_One | [SIL Open Font License](resources/fonts/Special_Gothic_Expanded_One/OFL.txt) | - -For detailed license terms, see the individual license files linked above. diff --git a/diagnostics/glue_guide/index.html b/diagnostics/glue_guide/index.html @@ -1,221 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>template.html</title> - <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚪</text></svg>"> - <style> - :root { - --rotation: 0deg; - /* uncomment to flip */ - /* --rotation: 180deg; */ - } - - * { - margin: 0; - padding: 0; - box-sizing: border-box; - } - - html { - transform: rotate(var(--rotation)); - } - - body { - font-family: Arial, sans-serif; - /* background-color: rgb(117, 0, 128); */ - background-image:url("../../resources/backgrounds/angels.jpg"); - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - overflow: auto; - } - - #sheet { - width: 11in; - height: 8.5in; - background-color: white; - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); - gap: 0; - outline: 2px solid black; - position: relative; - } - - #sheet::after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: black; - z-index: -1; - transform: rotate(calc(-1 * var(--rotation))) translateX(7px) translateY(7px) rotate(var(--rotation)); - } - - #page3, #page4, #page5, #page6 { - transform: rotate(180deg); - } - - /* dashed line border */ - #back-cover, #front-cover, #page1 { - border-right: 1px dashed lightgrey; - border-top: 1px dashed lightgrey; - } - #page2 { - border-top: 1px dashed lightgrey; - } - #page4, #page5, #page6 { - border-left: 1px dashed lightgrey; - } - - .zine-page { - height: 4.25in; - width: 2.75in; - padding-top: .08in; - padding-bottom: .3in; - padding-left: .2in; - padding-right: .2in; - } - - .zine-page-content { - width: 100%; - height: 100%; - overflow: hidden; - font-size: 18px; - /* uncomment and print to determine appropriate .zine-page padding for your printer */ - /* border:1px dashed black; */ - } - - p { - font-size: 17px; - } - - img { - max-width: 100%; - float: right; - margin-left: 5px; - margin-bottom: 5px; - } - - code { - margin:20px; - } - - pre { - margin-top:8px; - font-size: 15px; - border:1px dotted grey; - } - - /* Print styles */ - @media print { - #sheet { - page-break-after: auto; - page-break-inside: avoid; - box-sizing: border-box; - transform: rotate(90deg); - outline: none; - margin-bottom: 0; - } - #sheet::after { - display: none; - } - #back-cover, #front-cover, #page1, #page2, #page3, #page4, #page5, #page6 { - border: none; - } - @page { - size: 8.5in 11in portrait; - margin: 0; - } - a { - color: black; - } - } - - ul { - list-style-type: disc; - padding-left: 20px; - } - - ul.leaders { - max-width: 40em; - padding: 0; - overflow-x: hidden; - list-style: none; - } - ul.leaders li { - padding-bottom: 10px; - } - ul.leaders li:before { - float: left; - width: 0; - white-space: nowrap; - content: "........................................"; - } - ul.leaders span:first-child { - padding-right: 0.33em; - background: white; - } - ul.leaders span + span { - float: right; - padding-left: 0.33em; - background: white; - } - - .highlighted { - color: white; - background-color: black; - } - </style> -</head> -<body> - <div id="sheet"> - <div class="zine-page" id="page6"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page5" style="background-color:rgb(195, 168, 221)"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page4"> - <div class="zine-page-content"> - - </p> - </div> - </div> - <div class="zine-page" id="page3" style="background-color:rgb(195, 168, 221)"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="back-cover" style="background-color:rgb(195, 168, 221)"> - <div class="zine-page-content" style="display: flex; align-items: flex-end; justify-content: center;"> - - </div> - </div> - <div class="zine-page" id="front-cover"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page1" style="background-color:rgb(195, 168, 221)"> - <div class="zine-page-content" > - - </div> - </div> - <div class="zine-page" id="page2"> - <div class="zine-page-content"> - - </div> - </div> - </div> -</body> -</html> -\ No newline at end of file diff --git a/diagnostics/margin_finder/index.html b/diagnostics/margin_finder/index.html @@ -1,367 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>template.html</title> - <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚪</text></svg>"> - <style> - :root { - --rotation: 0deg; - /* uncomment to flip */ - /* --rotation: 180deg; */ - } - - * { - margin: 0; - padding: 0; - box-sizing: border-box; - } - - html { - transform: rotate(var(--rotation)); - } - - body { - font-family: Arial, sans-serif; - background-image:url("../../resources/backgrounds/water.jpg"); - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - overflow: auto; - } - - #sheet { - width: 11in; - height: 8.5in; - background-color: white; - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); - gap: 0; - outline: 2px solid black; - position: relative; - } - - #sheet::after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: black; - z-index: -1; - transform: rotate(calc(-1 * var(--rotation))) translateX(7px) translateY(7px) rotate(var(--rotation)); - } - - #page3, #page4, #page5, #page6 { - transform: rotate(180deg); - } - - /* dashed line border */ - /* #back-cover, #front-cover, #page1 { - border-right: 1px dashed lightgrey; - border-top: 1px dashed lightgrey; - } - #page2 { - border-top: 1px dashed lightgrey; - } - #page4, #page5, #page6 { - border-left: 1px dashed lightgrey; - } */ - - .zine-page { - height: 4.25in; - width: 2.75in; - /* padding-top: .08in; - padding-bottom: .3in; - padding-left: .2in; - padding-right: .2in; */ - } - - .zine-page-content { - width: 100%; - height: 100%; - overflow: hidden; - font-size: 18px; - /* uncomment and print to determine appropriate .zine-page padding for your printer */ - /* border:1px dashed black; */ - } - - p { - font-size: 17px; - } - - img { - max-width: 100%; - float: right; - margin-left: 5px; - margin-bottom: 5px; - } - - code { - margin:20px; - } - - pre { - margin-top:8px; - font-size: 15px; - border:1px dotted grey; - } - - /* Print styles */ - @media print { - #sheet { - page-break-after: auto; - page-break-inside: avoid; - box-sizing: border-box; - transform: rotate(90deg); - outline: none; - margin-bottom: 0; - } - #sheet::after { - display: none; - } - #back-cover, #front-cover, #page1, #page2, #page3, #page4, #page5, #page6 { - border: none; - } - @page { - size: 8.5in 11in portrait; - margin: 0; - } - a { - color: black; - } - } - - ul { - list-style-type: disc; - padding-left: 20px; - } - - ul.leaders { - max-width: 40em; - padding: 0; - overflow-x: hidden; - list-style: none; - } - ul.leaders li { - padding-bottom: 10px; - } - ul.leaders li:before { - float: left; - width: 0; - white-space: nowrap; - content: "........................................"; - } - ul.leaders span:first-child { - padding-right: 0.33em; - background: white; - } - ul.leaders span + span { - float: right; - padding-left: 0.33em; - background: white; - } - - .highlighted { - color: white; - background-color: black; - } - </style> -</head> -<body> - <div id="sheet"> - <div class="zine-page" id="page6"> - <div class="zine-page-content" style="height: 100%; width: 100%;"> - <div style="border: 1px solid magenta; height: 100%; position: relative; font-size: 18px; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkblue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkgreen;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkorange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid black;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid red;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid blue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid green;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid purple;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid orange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid brown;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid pink;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: bold;"> - <div style="color: magenta;">0in</div> - <div style="color: darkblue;">.02in</div> - <div style="color: darkgreen;">.04in</div> - <div style="color: darkorange;">.06in</div> - <div style="color: black;">.08in</div> - <div style="color: red;">.1in</div> - <div style="color: blue;">.12in</div> - <div style="color: green;">.14in</div> - <div style="color: purple;">.16in</div> - <div style="color: orange;">.18in</div> - <div style="color: brown;">.2in</div> - <div style="color: pink;">.22in</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div class="zine-page" id="page5"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page4"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page3"> - <div class="zine-page-content" style="height: 100%; width: 100%;"> - <div style="border: 1px solid magenta; height: 100%; position: relative; font-size: 18px; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkblue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkgreen;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkorange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid black;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid red;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid blue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid green;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid purple;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid orange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid brown;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid pink;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: bold;"> - <div style="color: magenta;">0in</div> - <div style="color: darkblue;">.02in</div> - <div style="color: darkgreen;">.04in</div> - <div style="color: darkorange;">.06in</div> - <div style="color: black;">.08in</div> - <div style="color: red;">.1in</div> - <div style="color: blue;">.12in</div> - <div style="color: green;">.14in</div> - <div style="color: purple;">.16in</div> - <div style="color: orange;">.18in</div> - <div style="color: brown;">.2in</div> - <div style="color: pink;">.22in</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div class="zine-page" id="back-cover"> - <div class="zine-page-content" style="height: 100%; width: 100%;"> - <div style="border: 1px solid magenta; height: 100%; position: relative; font-size: 18px; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkblue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkgreen;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkorange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid black;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid red;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid blue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid green;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid purple;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid orange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid brown;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid pink;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: bold;"> - <div style="color: magenta;">0in</div> - <div style="color: darkblue;">.02in</div> - <div style="color: darkgreen;">.04in</div> - <div style="color: darkorange;">.06in</div> - <div style="color: black;">.08in</div> - <div style="color: red;">.1in</div> - <div style="color: blue;">.12in</div> - <div style="color: green;">.14in</div> - <div style="color: purple;">.16in</div> - <div style="color: orange;">.18in</div> - <div style="color: brown;">.2in</div> - <div style="color: pink;">.22in</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - <div class="zine-page" id="front-cover"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page1"> - <div class="zine-page-content"> - - </div> - </div> - <div class="zine-page" id="page2"> - <div class="zine-page-content" style="height: 100%; width: 100%;"> - <div style="border: 1px solid magenta; height: 100%; position: relative; font-size: 18px; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkblue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkgreen;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid darkorange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid black;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid red;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid blue;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid green;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid purple;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid orange;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid brown;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="border: 1px solid pink;height: calc(100% - 0.04in); width: calc(100% - 0.04in); position: relative; display: flex; align-items: center; justify-content: center;"> - <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: bold;"> - <div style="color: magenta;">0in</div> - <div style="color: darkblue;">.02in</div> - <div style="color: darkgreen;">.04in</div> - <div style="color: darkorange;">.06in</div> - <div style="color: black;">.08in</div> - <div style="color: red;">.1in</div> - <div style="color: blue;">.12in</div> - <div style="color: green;">.14in</div> - <div style="color: purple;">.16in</div> - <div style="color: orange;">.18in</div> - <div style="color: brown;">.2in</div> - <div style="color: pink;">.22in</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</body> -</html> -\ No newline at end of file diff --git a/resources/backgrounds/angels.jpg b/resources/backgrounds/angels.jpg Binary files differ. diff --git a/resources/backgrounds/bricks.jpg b/resources/backgrounds/bricks.jpg Binary files differ. diff --git a/resources/backgrounds/daisies.jpg b/resources/backgrounds/daisies.jpg Binary files differ. diff --git a/resources/backgrounds/desert.gif b/resources/backgrounds/desert.gif Binary files differ. diff --git a/resources/backgrounds/trippy.jpg b/resources/backgrounds/trippy.jpg Binary files differ. diff --git a/resources/backgrounds/water.jpg b/resources/backgrounds/water.jpg Binary files differ. diff --git a/resources/readme_images/folding-guide.png b/resources/readme_images/folding_guide.png Binary files differ. diff --git a/resources/readme_images/glue_guide.png b/resources/readme_images/glue_guide.png Binary files differ. diff --git a/resources/readme_images/hot.gif b/resources/readme_images/hot.gif Binary files differ. diff --git a/resources/readme_images/zine-layout.png b/resources/readme_images/zine-layout.png Binary files differ. diff --git a/resources/readme_images/zines.jpeg b/resources/readme_images/zines.jpeg Binary files differ. diff --git a/zines/hacksburg_gazette/drill_press.jpg b/zines/hacksburg_gazette/drill_press.jpg Binary files differ. diff --git a/zines/hacksburg_gazette/guitar.jpg b/zines/hacksburg_gazette/guitar.jpg Binary files differ. diff --git a/zines/hacksburg_gazette/hacksignia.png b/zines/hacksburg_gazette/hacksignia.png Binary files differ. diff --git a/zines/hacksburg_gazette/hacksignia_baked_shadow.png b/zines/hacksburg_gazette/hacksignia_baked_shadow.png Binary files differ. diff --git a/zines/hacksburg_gazette/hacksignia_light.svg b/zines/hacksburg_gazette/hacksignia_light.svg @@ -1,226 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> - -<svg - width="155.56349mm" - height="155.56349mm" - viewBox="0 0 155.56349 155.56349" - version="1.1" - id="svg38477" - sodipodi:docname="hacksignia.svg" - inkscape:version="1.2.1 (9c6d41e, 2022-07-14)" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg"> - <sodipodi:namedview - id="namedview48367" - pagecolor="#ffffff" - bordercolor="#000000" - borderopacity="0.25" - inkscape:showpageshadow="2" - inkscape:pageopacity="0.0" - inkscape:pagecheckerboard="0" - inkscape:deskcolor="#d1d1d1" - inkscape:document-units="mm" - showgrid="false" - showguides="true" - inkscape:zoom="0.85513209" - inkscape:cx="345.56065" - inkscape:cy="315.15599" - inkscape:window-width="1512" - inkscape:window-height="855" - inkscape:window-x="0" - inkscape:window-y="38" - inkscape:window-maximized="0" - inkscape:current-layer="g50572" /> - <defs - id="defs38474" /> - <g - id="g49422" - transform="translate(819.3692,-938.70989)"> - <g - id="g50572"> - <g - id="g53744"> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-6-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,97.825924,1307.568)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-30-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,116.9178,1326.6599)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-16-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,136.00969,1345.7518)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-4-5-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,155.10157,1364.8437)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-3-9-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(-0.16484723,0.16484723,-0.16484723,-0.16484723,-1051.7557,1874.9969)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-7-5-4" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(-0.16484723,0.16484723,-0.16484723,-0.16484723,-1070.8476,1894.0888)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-4-2-8-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(-0.16484723,0.16484723,-0.16484723,-0.16484723,-1089.9395,1913.1807)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-3-5-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,78.734073,1326.6599)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-5-9-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,97.825949,1345.7517)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-1-1-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,116.91784,1364.8436)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-4-4-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,59.642221,1345.7517)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-2-0-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,78.734101,1364.8436)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-2-6-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,97.825983,1383.9355)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-4-1-2-5" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,40.550366,1364.8436)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-2-5-3-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,59.642246,1383.9355)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.57894;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-2-8-3-2" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.16484723,0.16484723,-0.16484723,0.16484723,78.734128,1403.0273)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-222.38649,1007.3914)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-6" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-203.29464,988.29945)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-8" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-184.20275,1007.3914)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-7" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-165.1109,988.29945)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-3" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-146.01899,1007.3913)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-76" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-222.38652,969.20755)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-5" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.09873403,0.09873403,-0.09873406,0.09873406,-203.29466,950.11575)" /> - </g> - </g> - </g> -</svg> diff --git a/zines/hacksburg_gazette/hacksignia_light_thicker_lines.svg b/zines/hacksburg_gazette/hacksignia_light_thicker_lines.svg @@ -1,227 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> - -<svg - width="155.56349mm" - height="155.56349mm" - viewBox="0 0 155.56349 155.56349" - version="1.1" - id="svg38477" - sodipodi:docname="hacksignia_light_thicker_lines.svg" - inkscape:version="1.2.1 (9c6d41e, 2022-07-14)" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg"> - <sodipodi:namedview - id="namedview48367" - pagecolor="#ffffff" - bordercolor="#000000" - borderopacity="0.25" - inkscape:showpageshadow="2" - inkscape:pageopacity="0.0" - inkscape:pagecheckerboard="0" - inkscape:deskcolor="#d1d1d1" - inkscape:document-units="mm" - showgrid="false" - showguides="true" - inkscape:zoom="0.86186834" - inkscape:cx="326.03588" - inkscape:cy="353.30222" - inkscape:window-width="1512" - inkscape:window-height="855" - inkscape:window-x="0" - inkscape:window-y="38" - inkscape:window-maximized="0" - inkscape:current-layer="g50572" /> - <defs - id="defs38474" /> - <g - id="g49422" - transform="translate(819.3692,-938.70989)"> - <g - id="g50572"> - <g - id="g342" - transform="rotate(45,-742.08745,1015.9916)"> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-6-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,23.694447,642.14812)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-30-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,50.694454,642.14814)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-16-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,77.694475,642.14814)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-4-5-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,104.69449,642.14816)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-3-9-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0,0.22380402,-0.22380402,0,-368.24393,1808.7735)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-7-5-4" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0,0.22380402,-0.22380402,0,-368.24393,1835.7735)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-4-2-8-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0,0.22380402,-0.22380402,0,-368.24393,1862.7735)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-3-5-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,23.694482,669.14811)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-5-9-7" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,50.694418,669.14806)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-1-1-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,77.694435,669.14806)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-4-4-6" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,23.694445,696.14803)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-2-0-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,50.694455,696.14804)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-2-6-3" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,77.694465,696.14806)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-14-4-1-2-5" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,23.694477,723.14802)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-3-2-5-3-0" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,50.694487,723.14803)" /> - <rect - style="fill:#000000;fill-opacity:1;stroke-width:8.9364;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;paint-order:stroke markers fill" - id="rect10483-8-5-7-2-8-3-2" - width="107.23668" - height="107.23668" - x="-3656.2432" - y="1435.8256" - transform="matrix(0.22380402,0,0,0.22380402,77.694425,723.14798)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-381.39179,642.42622)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-6" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-381.39183,615.42623)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-8" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-354.39182,615.42625)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-7" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-354.39185,588.42625)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-3" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-327.39183,588.42624)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-76" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-408.39184,615.42622)" /> - <circle - style="fill:#00cf00;fill-opacity:1;stroke:none;stroke-width:14.3234;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:7558.29;stroke-opacity:1;paint-order:stroke markers fill" - id="path15082-5-6-5" - cx="-2679.8894" - cy="2965.4246" - r="75.198196" - transform="matrix(0.139631,0,0,0.13963105,-408.3918,588.4263)" /> - </g> - </g> - </g> -</svg> diff --git a/zines/hacksburg_gazette/index.html b/zines/hacksburg_gazette/index.html @@ -1,442 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>The Hacksburg Gazette</title> - <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🟢</text></svg>"> - <style> - :root { - --rotation: 0deg; - /* uncomment to flip */ - --rotation: 180deg; - font-family: Arial, Helvetica, sans-serif; - } - - @font-face { - font-family: 'Resistance'; - src: url('../../resources/fonts/resistance-generale-master/Resistance générale.otf') format('opentype'); - } - - @font-face { - font-family: 'MonHugo-in'; - src: url('../../resources/fonts/Mon_Hugo_freefont/MonHugo-in.ttf') format('truetype'); - } - - @font-face { - font-family: 'MonHugo-out'; - src: url('../../resources/fonts/Mon_Hugo_freefont/MonHugo-out.ttf') format('truetype'); - } - - @font-face { - font-family: 'Impact-Label'; - src: url('../../resources/fonts/impact-label/Impact_Label.ttf') format('truetype'); - } - - @font-face { - font-family: 'Impact-Label-Reversed'; - src: url('../../resources/fonts/impact-label/Impact_Label_Reversed.ttf') format('truetype'); - } - - @font-face { - font-family: 'OUEST'; - src: url('../../resources/fonts/OUEST/Ouest-Regular.ttf') format('truetype'); - } - - @font-face { - font-family: 'Karrik'; - src: url('../../resources/fonts/karrik_fonts-main/Karrik-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - @font-face { - font-family: 'Karrik'; - src: url('../../resources/fonts/karrik_fonts-main/Karrik-Italic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - - @font-face { - font-family: 'Indira'; - src: url('../../resources/fonts/Indira_K/Indira_K.ttf') format('truetype'); - font-weight: normal; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-Italic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-Medium.ttf') format('truetype'); - font-weight: 500; - font-style: normal; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-MediumItalic.ttf') format('truetype'); - font-weight: 500; - font-style: italic; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-SemiBold.ttf') format('truetype'); - font-weight: 600; - font-style: normal; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-SemiBoldItalic.ttf') format('truetype'); - font-weight: 600; - font-style: italic; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; - } - - @font-face { - font-family: 'Baskervville'; - src: url('../../resources/fonts/baskervvile/Baskervville-BoldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; - } - - @font-face { - font-family: 'CatShop'; - src: url('../../resources/fonts/CatShop/CatShop.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - @font-face { - font-family: 'Basteleur'; - src: url('../../resources/fonts/basteleur-master/Basteleur-Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; - } - - @font-face { - font-family: 'Basteleur'; - src: url('../../resources/fonts/basteleur-master/Basteleur-Moonlight.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - @font-face { - font-family: 'Electrolize'; - src: url('../../resources/fonts/Electrolize/Electrolize-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - @font-face { - font-family: 'Special Gothic'; - src: url('../../resources/fonts/Special_Gothic_Expanded_One/SpecialGothicExpandedOne-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - - * { - margin: 0; - padding: 0; - box-sizing: border-box; - } - - html { - transform: rotate(var(--rotation)); - } - - body { - font-family: Arial, sans-serif; - background-color: green; - /* background-image:url("../../resources/backgrounds/desert.gif"); */ - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - overflow: auto; - } - - #sheet { - width: 11in; - height: 8.5in; - background-color: white; - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); - gap: 0; - outline: 2px solid black; - position: relative; - } - - #sheet::after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: black; - z-index: -1; - transform: rotate(calc(-1 * var(--rotation))) translateX(7px) translateY(7px) rotate(var(--rotation)); - } - - #page3, #page4, #page5, #page6 { - transform: rotate(180deg); - } - - /* dashed line border */ - #back-cover, #front-cover, #page1 { - border-right: 1px dashed lightgrey; - border-top: 1px dashed lightgrey; - } - #page2 { - border-top: 1px dashed lightgrey; - } - #page4, #page5, #page6 { - border-left: 1px dashed lightgrey; - } - - .zine-page { - height: 4.25in; - width: 2.75in; - padding-top: .08in; - padding-bottom: .3in; - padding-left: .2in; - padding-right: .2in; - } - - .zine-page-content { - width: 100%; - height: 100%; - overflow: hidden; - font-size: 18px; - /* uncomment and print to determine appropriate .zine-page padding for your printer */ - /* border:1px dashed black; */ - } - - p { - font-family: Arial; - font-size: 16px; - } - - img { - max-width: 100%; - float: right; - margin-left: 5px; - margin-bottom: 5px; - } - - /* Print styles */ - @media print { - #sheet { - page-break-after: auto; - page-break-inside: avoid; - box-sizing: border-box; - transform: rotate(90deg); - outline: none; - margin-bottom: 0; - } - #sheet::after { - display: none; - } - #back-cover, #front-cover, #page1, #page2, #page3, #page4, #page5, #page6 { - border: none; - } - @page { - size: 8.5in 11in portrait; - margin: 0; - } - a { - color: black; - } - img { - filter: none !important; - } - } - - .highlighted { - color: white; - background-color: black; - } - - .mirror-horizontal { - transform: scaleX(-1); - display: inline-block; - } - - a { - color: black; - text-decoration-color: darkgray; - } - - - h3 { - font-family:Electrolize; - } - .event-description { - font-size:12.5px; text-align: center; padding-bottom: 6px; - } - .small-block-heading { - font-family: Electrolize; - font-size: 18px; - margin-bottom: 4px; - padding: 5px; - background-color: black; - color: white; - padding-left:6px; - } - .dot-leader { - flex: 1; border-bottom: 2px dotted rgb(98, 98, 98); margin: 0 8px; height: 1em; - } - .date-highlight { - background-color: rgb(225, 255, 239); - } - </style> -</head> -<body> - <div id="sheet"> - <div class="zine-page" id="page6"> - <div class="zine-page-content" style="padding-top:3px"> - <h4 class="small-block-heading">Intro to Copperworking</h4> - <p class="event-description"> - Make a handmade copper bracelet.<br> - <span class="date-highlight">September 21st</span> • 1:00 - 4:00pm<br>$5 for members<br>$10 for non-members - </p> - <h4 class="small-block-heading">Basics of LEDs</h4> - <p class="event-description"> - LEDs. How do they work?<br> - <span class="date-highlight">September 28th</span> • 1:00 - 4:00pm<br>Free for members<br>$5 for non-members - </p> - <h4 class="small-block-heading">Intro to FreeCAD</h4> - <p class="event-description"> - Design models for 3D printing.<br> - <span class="date-highlight">October 5th</span> • 1:00 - 4:00pm • Free for members • $5 for non-members - </p> - <h4 class="small-block-heading">Resin Printing Basics</h4> - <p class="event-description"> - High-precision 3D prints.<br> - <span class="date-highlight">October 12th</span> • 1:00 - 4:00pm • Free for members • $5 for non-members - </p> - </div> - </div> - <div class="zine-page" id="page5"> - <div class="zine-page-content" style="padding-top:3px"> - <h4 class="small-block-heading">Hacksburg Open House</h4> - <p class="event-description"> - Tour our community workshop.<br> - <span class="date-highlight">August 24th</span> • 1:00 - 4:00pm • Free! - </p> - <h4 class="small-block-heading">Laser Cutter 101</h4> - <p class="event-description"> - Use Hacksburg's C0<sub>2</sub> laser cutter.<br> - <span class="date-highlight">August 31st</span> • 1:00 - 4:00pm • Free for members, $5 for non-members, optional $10 materials fee - </p> - <h4 class="small-block-heading">Vacuum Forming</h4> - <p class="event-description"> - Shape plastic sheets into 3D molds. - <span class="date-highlight">September 7th</span> • 1:00 - 4:00pm<br>Free for members<br>$5 for non-members - </p> - <h4 class="small-block-heading">Tabletop Terrain</h4> - <p class="event-description"> - 3D printing & hot wire cutting. - <span class="date-highlight">September 14th</span> • 1:00 - 4:00pm<br>Free for members<br>$5 for non-members - </p> - </div> - </div> - <div class="zine-page" id="page4"> - <div class="zine-page-content"> - <p style="font-size:15px; line-height:20px; margin-top:3px;">Hacksburg members get <b>24/7 access</b> to our space and tools. To learn more about membership, visit <a href="https://hacksburg.org/join">hacksburg.org/join</a>.</p> - <div style="margin-top: 13px;"> - <h4 class="small-block-heading">General Membership</h4> - <div style="font-size: 16px; line-height: 1.3; margin-bottom: 8px;"> - <div style="display: flex; padding: 2px 0;"><span>1 month</span><span class="dot-leader"></span><span>$50</span></div> - <div style="display: flex; padding: 2px 0;"><span>3 months</span><span class="dot-leader"></span><span>$135</span></div> - <div style="display: flex; padding: 2px 0;"><span>6 months</span><span class="dot-leader"></span><span>$255</span></div> - <div style="display: flex; padding: 2px 0;"><span>12 months</span><span class="dot-leader"></span><span>$480</span></div> - </div> - - <h4 style="font-family: Electrolize; font-size: 17px; margin-bottom: 4px; padding: 6px; background-color: black; color: white; margin-top:10px;">Student Membership</h4> - <div style="font-size: 16px; line-height: 1.3;"> - <div style="display: flex; padding: 2px 0;"><span>1 month</span><span class="dot-leader"></span><span>$40</span></div> - <div style="display: flex; padding: 2px 0;"><span>3 months</span><span class="dot-leader"></span><span>$105</span></div> - <div style="display: flex; padding: 2px 0;"><span>6 months</span><span class="dot-leader"></span><span>$195</span></div> - <div style="display: flex; padding: 2px 0;"><span>12 months</span><span class="dot-leader"></span><span>$360</span></div> - <!-- <p style="font-size: 9px; margin-top: 3px; text-align: right;">* Student membership requires active student ID</p> --> - </div> - </div> - </div> - </div> - <div class="zine-page" id="page3"> - <div class="zine-page-content"> - <h3 style="background-color: black; color: white; padding:9px; position: relative; z-index: 1; margin-top:2px; font-size:23px;">Member Spotlight</h3> - <img src="guitar.jpg" style="margin-top: -10px; margin-bottom:8px; filter: contrast(120%);"> - <p style="font-size:12px; text-align: left;">Hacksburg member <b>David Speckhart</b> used Hacksburg's woodshop to build this electro-acoustic guitar from scratch. David used hand tools and Hacksburg's CNC mill to precision-cut the components.</p> - </div> - </div> - <div class="zine-page" id="back-cover"> - <div class="zine-page-content" style="display: flex; flex-direction: column; justify-content: flex-end; align-items: center;"> - <img src="qr_code.png" style="max-width: 48%; display: block; margin: auto; margin-bottom: 39px; transform: rotate(-45deg);"> - <div style="text-align: center; font-size:12px; font-family: Electrolize; line-height: 13px; padding-bottom:2px;"> - <span style="font-family: Arial"><span class="mirror-horizontal">©</span> <span id="copyright-year"></span></span> - <br>Hacksburg Press - <!-- <br>1872 Pratt Dr, Blacksburg, VA --> - <br><a style="text-decoration:none" href="https://hacksburg.org">hacksburg.org</a> - </div> - </div> - </div> - <div class="zine-page" id="front-cover"> - <div class="zine-page-content" style="position: relative;"> - <h1 style="font-family:Resistance; font-size:50px; line-height:47px;"><span style="font-size: 32px; line-height:1px">The</span><br>Hacksburg Gazette</h1> - <img src="hacksignia.png" style="max-width: 100%; max-height: 48.5%; padding-top:15px; display: block; margin: auto; float: none;"> - <!-- <img src="hacksignia_light.svg" style="max-width: 100%; max-height: 48.5%; padding-top:15px; display: block; margin: auto; float: none;"> --> - <div style="position: absolute; bottom: 0; right: 0; font-size: 13px; line-height: 1.2; font-family: Electrolize; text-align: right;"> - 1<sup style="vertical-align: 0.2em;">st</sup> Issue!<br> - Summer '25 - </div> - </div> - </div> - <div class="zine-page" id="page1"> - <div class="zine-page-content"> - <div style="display: flex; align-items: center; margin-bottom: 12px;"> - <h3>Hacksburg is a Makerspace in Blacksburg, VA</h3> - <img src="hacksignia_light_thicker_lines.svg" style="max-width:68px;"> - </div> - <img src="drill_press.jpg" style="object-fit: cover; height: 65%; width: 100%; margin-bottom:9px; filter: contrast(120%);"> - <p style="font-size:12px; text-align: right;">Building a wooden box in Hacksburg's <b>Woodworking 101</b> class</p> - </div> - </div> - <div class="zine-page" id="page2"> - <div class="zine-page-content"> - <p style="padding-top:7px;"> - From rockets to robots to rocking chairs, whatever it is, you can probably make it at Hacksburg. Our Community Workshop hosts instructional classes and weekly work sessions, aiming to help the NRV community complete projects that would otherwise be out of reach. - </p> - <p style="padding-top:14px;"> - Hacksburg's woodshop, metalshop, laser cutter, 3D printers, electronics bench, embroidery machine, vinyl cutter, and CNC mill are available for use by Hacksburg members twenty-four hours a day, seven days a week. - </p> - </div> - </div> - </div> - <script> - document.getElementById('copyright-year').textContent = new Date().getFullYear(); - </script> -</body> -</html> -\ No newline at end of file diff --git a/zines/hacksburg_gazette/qr_code.png b/zines/hacksburg_gazette/qr_code.png Binary files differ. diff --git a/zines/zine.html/8ball.gif b/zines/zine.html/8ball.gif Binary files differ. diff --git a/zines/zine.html/index.html b/zines/zine.html/index.html @@ -1,280 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>zine.html</title> - <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎱</text></svg>"> - <style> - :root { - --rotation: 0deg; - /* uncomment to flip */ - /* --rotation: 180deg; */ - } - - * { - margin: 0; - padding: 0; - box-sizing: border-box; - } - - html { - transform: rotate(var(--rotation)); - } - - body { - font-family: Arial, sans-serif; - background-color: green; - /* background-image:url("resources/water.jpg"); */ - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - overflow: auto; - } - - #sheet { - width: 11in; - height: 8.5in; - background-color: white; - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); - gap: 0; - outline: 2px solid black; - position: relative; - } - - #sheet::after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: black; - z-index: -1; - transform: rotate(calc(-1 * var(--rotation))) translateX(7px) translateY(7px) rotate(var(--rotation)); - } - - #page3, #page4, #page5, #page6 { - transform: rotate(180deg); - } - - /* dashed line border */ - #back-cover, #front-cover, #page1 { - border-right: 1px dashed lightgrey; - border-top: 1px dashed lightgrey; - } - #page2 { - border-top: 1px dashed lightgrey; - } - #page4, #page5, #page6 { - border-left: 1px dashed lightgrey; - } - - .zine-page { - height: 4.25in; - width: 2.75in; - padding-top: .08in; - padding-bottom: .3in; - padding-left: .2in; - padding-right: .2in; - } - - .zine-page-content { - width: 100%; - height: 100%; - overflow: hidden; - font-size: 18px; - /* uncomment and print to determine appropriate .zine-page padding for your printer */ - /* border:1px dashed black; */ - } - - p { - font-size: 17px; - } - - img { - max-width: 100%; - float: right; - margin-left: 5px; - margin-bottom: 5px; - } - - code { - margin:20px; - } - - pre { - margin-top:8px; - font-size: 15px; - border:1px dotted grey; - } - - /* Print styles */ - @media print { - #sheet { - page-break-after: auto; - page-break-inside: avoid; - box-sizing: border-box; - transform: rotate(90deg); - outline: none; - margin-bottom: 0; - } - #sheet::after { - display: none; - } - #back-cover, #front-cover, #page1, #page2, #page3, #page4, #page5, #page6 { - border: none; - } - @page { - size: 8.5in 11in portrait; - margin: 0; - } - a { - color: black; - } - } - - ul { - list-style-type: disc; - padding-left: 20px; - } - - ul.leaders { - max-width: 40em; - padding: 0; - overflow-x: hidden; - list-style: none; - } - ul.leaders li { - padding-bottom: 10px; - } - ul.leaders li:before { - float: left; - width: 0; - white-space: nowrap; - content: "........................................"; - } - ul.leaders span:first-child { - padding-right: 0.33em; - background: white; - } - ul.leaders span + span { - float: right; - padding-left: 0.33em; - background: white; - } - - .highlighted { - color: white; - background-color: black; - } - </style> -</head> -<body> - <div id="sheet"> - <div class="zine-page" id="page6"> - <div class="zine-page-content"> - <p> - The code for this zine is available for free on GitHub, distributed as a single HTML file. - Think of it as a template you can use to create your own zine, comic, recipe book, manifesto, photo album, album review, dream journal or... <i><u><strong>whatever</strong></u></i>. - </p> - <br> - <ul style="font-size:15px;"> - <li>Source code:<br><a href="https://github.com/hunterirving/zine.html">https://github.com/hunterirving/zine.html</a> - </li> - <br> - <li>Assembly instructions:<br><a href="https://vabook.org/wp-content/uploads/sites/16/2020/03/Where-Im-From-zine-folding-instructions.pdf">https://vabook.org/wp-content/uploads/sites/16/2020/03/Where-Im-From-zine-folding-instructions.pdf</a> - </li> - </ul> - </div> - </div> - <div class="zine-page" id="page5"> - <div class="zine-page-content"> - <p>With just a few lines of code, you can transform a webpage into a perfectly formatted zine, book, or poster. - Press <span style="border: 1px solid black"><keyboard>⌘</span></keyboard>+<span style="border: 1px solid black"><keyboard>P</keyboard></span> on your keyboard, and this page will adapt for printing, rotating and scaling to fit a single sheet of letter paper.</p> - <br> - <div style="border: 1px solid black; padding: 5px;"><i>Note: this trick won't work if you're reading the print edition.</i></div> - <br> - <p>From screen to page, HTML bridges the <span style="font-family:monospace">digital</span> and <span style="font-family:cursive">physical</span> worlds.</p> - </div> - </div> - <div class="zine-page" id="page4"> - <div class="zine-page-content"> - <p> - As the website <a href="https://html.energy">https://html.energy</a> puts it, "HTML isn’t a vast language, yet you can do a lot with it."<br> - HTML is built using nested <b>tags</b>, which define elements like headings, paragraphs, and images. - You can think of these tags as <i>the moveable type of the Internet</i>: - <br><br> - <pre><html> - <body> - <h1>My Webpage</h1> - <p>Yadda yadda..</p> - <img src="me.jpg"> - </body> -</html></pre> - </p> - </div> - </div> - <div class="zine-page" id="page3"> - <div class="zine-page-content"> - <img src="ipb.jpg" style="width:49%;"> - <p>I recently picked up <span class="highlighted">Kristoffer Tjalve</span> and <span class="highlighted">Elliot Cost</span>'s - <i>Internet Phone Book</i>, a collection of personal websites, built by hand, by people from around the world.<br> - I was surprised to learn that the book itself had been written in HTML (<i>HyperText Markup Language</i>), - the language that every website on the Internet uses to structure its content. - </div> - </div> - <div class="zine-page" id="back-cover"> - <div class="zine-page-content" style="display: flex; align-items: flex-end; justify-content: center;"> - <small style="text-align: center;"><a href="https://hunterirving.com">hunterirving.com</a><br>html day <span id="html-day-year"></span></small> - </div> - </div> - <div class="zine-page" id="front-cover"> - <div class="zine-page-content"> - <h1>zine.html</h1> - <div style="font-size:100px; margin-top:80px; text-align: center;" class="center">🎱</div> - </div> - </div> - <div class="zine-page" id="page1"> - <div class="zine-page-content"> - <h2>if you have a printer, you're a publisher</h2> - <ul class="leaders" style="margin-top:25px;"> - <li> - <span>movable type</span><span>①</span> - </li> - <li> - <span>seeds of an idea</span><span>②</span> - </li> - <li> - <span>intro to HTML</span><span>③</span> - </li> - <li> - <span>print preview</span><span>④</span> - </li> - <li> - <span>tag, you're it</span><span>⑤</span> - </li> - </ul> - <img src="8ball.gif" style="display: block; margin: 0 auto; float: none; margin-top:30px;"> - </div> - </div> - <div class="zine-page" id="page2"> - <div class="zine-page-content"> - <p> - In 1040 AD, Chinese inventor <span class="highlighted">Bi Sheng</span> carved individual characters into clay pieces, - creating the world's first movable type printing system. - Four centuries later, <span class="highlighted">Johannes Gutenberg</span> developed his own movable type system using metal - letters and a mechanical press, revolutionizing European society and spreading - literacy across the Western world. Though inkjet and laser printers now sit in homes around the world, <i>few use them to become publishers themselves.</i> - </p> - </div> - </div> - </div> - <script> - document.getElementById('html-day-year').textContent = new Date().getFullYear(); - </script> -</body> -</html> -\ No newline at end of file diff --git a/zines/zine.html/ipb.jpg b/zines/zine.html/ipb.jpg Binary files differ.
