A Website that is also A Zine
a tutorial and template
✦ built with handmade code
you can print,
✂ cut ✂ ✂
and fold this web site
into a physical zine.
____
||""||
||__||
jgs [ -=.]`)
====== 0
Or even, click on this button to get the pdf copy
✓ Good for Newbies!
This tutorial is made for beginners, who might now know how to code. It uses html, css and a bit of javascript.
I'm building off of the Zine Machine, with small changes to how the css works on screen:
- a header
- a 'print this zine' button
- an info pop up
- a two column layout on desktop
- a one column layout on mobile
- a footer
These changes are largely to make things cuter, and add points of info outside of what is available on the printed zine. There's also a small change in the printed zine, adding margins to page 2, so info is not cut off.
Adding ASCII code in HTML!
add 'pre' tags, and then add your ASCII inside the tags.
Adding a custom cursor!
Links mentioned