error_camp_zine/error_camp_zine_sample/index.html
2021-09-17 16:16:18 +01:00

189 lines
6.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
<meta name="generator" content="distribusi" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
.image{max-width: 100%;}
.pdf object{width:640px;height: 640px;}
.dir::before{content:"📁 ";font-size:18px;}
.filename{display:block;font-family:mono;}
.unkown-file::before{content:"📄 ";font-size:18px;}
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;}
video {width:640px;max-height:640px;}
:root {
--color-gray: #858585;
--color-whiteish: #fffff4;
--color-pink: #F557FF;
--color-yellow: #ffff45;
--color-green: #099;
--color-blue: #4a67cf;
--color-orange: #f96163;
font-size: 15px;
line-height: 16.6px;
}
@font-face {
font-family: "Snap" ;
src: url("https://vvvvvvaria.org/~jochicau/all_errors/Snap-itmono-1.6-Regular.otf");
}
body{
background-color: var(--color-whiteish);
margin-top: calc(6px + 1em);
font-family: "Snap" ;
color: var(--color-blue);
}
body > a {
position: fixed;
top: 0;
left: 0;
color: var(--color-whiteish);
background-color: var(--color-orange);
width: 100%;
padding: 3px 10px;
}
.filename {
visibility: hidden;
}
h1{
font-size: 6.5rem;
line-height: 6.5rem;
margin: 2rem 0rem 4rem 0rem;
text-shadow: 0.05em 0.05em 0.05em var(--color-orange);
}
div{
max-width: 520px;
float: left;
margin: 1rem;
padding: 0;
}
.html{
margin:0 3em;
}
li {
list-style: none;
}
.pdf object{
width: 400px;
height: 400px;
}
div#folder{
float:left;
margin-right:2em;
}
.plain,
.unkown-file{
float:right;
clear:right;
}
img, audio {
box-shadow: 0.2em 0.2em 0.5em var(--color-green);
}
figcaption,
.filename{
font-size:small;
color: var(--color-green);
margin:1em;
word-break: break-word;
text-transform: uppercase;
}
a{
font-family: "Snap" ;
word-break: break-word;
color: var(--color-blue);
text-decoration: none;
border-bottom: 0.1rem solid var(--color-orange);
}
a:visited {
color: var(--color-blue);
}
blockquote{
margin: 5em 0em;
padding: 2rem;
font-style: italic;
background: var(--color-blue);
color: var(--color-whiteish);
border-radius: 4rem 1rem;
box-shadow: 0.5rem 0.1rem 2rem var(--color-orange);
font-size: 1.2rem;
line-height: 1.8rem;
}
blockquote a, blockquote a:visited{
color: var(--color-whiteish) !important;
}
</style>
</head>
<body>
<div id="folder" class="dir"><a href='sourcing_errors'>sourcing_errors/</a></div>
<div id="folder" class="dir"><a href='sounds_from_errorland'>sounds_from_errorland/</a></div>
<div id="folder" class="dir"><a href='premeditated_errors'>premeditated_errors/</a></div>
<div id="folder" class="dir"><a href='frozen_errors'>frozen_errors/</a></div>
<div id="folder" class="dir"><a href='errors_frictions_and_fictions'>errors_frictions_and_fictions/</a></div>
<div id="folder" class="dir"><a href='erratic_reading_lists'>erratic_reading_lists/</a></div>
<div id="folder" class="dir"><a href='.git'>.git/</a></div>
<div id="" class="octet-stream"><a href='.DS_Store'>.DS_Store</a><span class="filename">.DS_Store</span></div>
<div id="Snap-itmono-1" class="vnd.ms-opentype"><a href='Snap-itmono-1.6-Regular.otf'>Snap-itmono-1.6-Regular.otf</a><span class="filename">Snap-itmono-1.6-Regular.otf</span></div>
<div id="distribusi" class="plain unkown-file"><a href='distribusi.sh'>distribusi.sh</a></div>
<div id="index" class="x-asm unkown-file"><a href='index.css'>index.css</a></div>
<div id="intro" class="plain unkown-file"><a href='intro.md'>intro.md</a></div>
<div id="intro" class="html"><section id="intro.md.html"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>intro</title>
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
</style>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
<h1 id="error">er·ror</h1>
<ul>
<li>: is the quality or state of erring;</li>
<li>: is a deficiency or imperfection in structure or function;</li>
<li>: is the amount of deviation from a standard or specification;</li>
<li>: is odd (not even);</li>
<li>: has its own sporadic rhythm;</li>
<li>: or aperiodic, discontinuous;</li>
<li>: appreciates the unsystematic;</li>
<li>: is the antonym of set and stable;</li>
<li>: is not nonrandom;</li>
<li>: is also know as mix-up;</li>
<li>: may not be fully conscious;</li>
<li>: and may creates new languages and magic spells;</li>
</ul>
<blockquote>
<p>..during error camp we invite you on a ritual.. <br> ..every instant an error occurs.. <br> ..share it with the error camp drive.. <br> ..you can place it in one of the locations in the drive:</p>
<ul>
<li>◌ erratic_reading_lists (.md) ◌</li>
<li>◦ frozen_errors (.jpg,.png,.gif) ◦</li>
<li>● sounds_from_errorland (.mp3) ●</li>
<li>◦ sourcing_errors (.js, .pd, .sh,..) ◦</li>
<li>◌ premeditated_errors (¿?) ◌</li>
<li>● errors_frictions_and_fictions (¿?) ●</li>
</ul>
<p>..at the end of Error Camp a zine will be compiled.. with all errors included..thank you!</p>
</blockquote>
<p><strong>Colophon</strong></p>
<p>Zine generation facilitated by Joana Chicau and envisioned with Lucy Cheesman @ Error Camp 2021</p>
<p><em>with the help of…</em> <a href="https://git.vvvvvvaria.org/varia/distribusi">distribusi.sh</a> &amp;amp <a href="https://pandoc.org/demos.html">md2html.sh using pandoc</a> &amp;amp <a href="https://usemodify.com/fonts/snap-it/">snap font by Morgane Bartoli and Corentin Moussard</a></p>
</body>
</html>
</section></div>
<div id="md2html" class="plain unkown-file"><a href='md2html.sh'>md2html.sh</a></div>
</body>
</html>