JoanaChicau
/
error_camp_zine
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add example gif

master
JoBCB 3 years ago
commit
1f08ade34a
12 changed files with 561 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      Snap-itmono-1.6-Regular.otf
  2. BIN
      audio/Relaxing-spring-birds-chirping.mp3
  3. 113
      audio/index.html
  4. 5
      distribusi.sh
  5. BIN
      images/Joana_Chicau.png
  6. BIN
      images/error_Joana_Chicau.gif
  7. 115
      images/index.html
  8. 89
      index.css
  9. 163
      index.html
  10. 30
      intro.md
  11. 42
      intro.md.html
  12. 4
      md2html.sh

BIN
Snap-itmono-1.6-Regular.otf
View File

Binary file not shown.

BIN
audio/Relaxing-spring-birds-chirping.mp3
View File

Binary file not shown.

113
audio/index.html
View File

@ -0,0 +1,113 @@
<!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: 14.6px;
line-height: 16px;
}
@font-face {
font-family: "Snap" ;
src: url("https://vvvvvvaria.org/~jochicau/error_camp_demo_zine/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);
}
a:visited {
color: var(--color-blue);
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<body>
<div id="Relaxing-spring-birds-chirping" class="mpeg"><audio controls class="audio"><source src="Relaxing-spring-birds-chirping.mp3"></audio><span class="filename">Relaxing-spring-birds-chirping.mp3</span></div>
<a href="../">../</a>
</body>
</html>

5
distribusi.sh
View File

@ -0,0 +1,5 @@
distribusi -t -d . -s index.css
# -t is for thumbnails
# -d is directory
# -s is a style sheet

BIN
images/Joana_Chicau.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 886 KiB

BIN
images/error_Joana_Chicau.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

115
images/index.html
View File

@ -0,0 +1,115 @@
<!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: 14.6px;
line-height: 16px;
}
@font-face {
font-family: "Snap" ;
src: url("https://vvvvvvaria.org/~jochicau/error_camp_demo_zine/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);
}
a:visited {
color: var(--color-blue);
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<body>
<div id="" class="octet-stream"><a href='.DS_Store'>.DS_Store</a><span class="filename">.DS_Store</span></div>
<div id="Joana_Chicau" class="png"><figure><img class="image" src="Joana_Chicau.png"><figcaption>Joana_Chicau.png</figcaption></figure></div>
<div id="error_Joana_Chicau" class="gif"><figure><img class="image" src="error_Joana_Chicau.gif"><figcaption>error_Joana_Chicau.gif</figcaption></figure></div>
<a href="../">../</a>
</body>
</html>

89
index.css
View File

@ -0,0 +1,89 @@
:root {
--color-gray: #858585;
--color-whiteish: #fffff4;
--color-pink: #F557FF;
--color-yellow: #ffff45;
--color-green: #099;
--color-blue: #4a67cf;
--color-orange: #f96163;
font-size: 14.6px;
line-height: 16px;
}
@font-face {
font-family: "Snap" ;
src: url("https://vvvvvvaria.org/~jochicau/error_camp_demo_zine/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);
}
a:visited {
color: var(--color-blue);
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}

163
index.html
View File

@ -0,0 +1,163 @@
<!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: 14.6px;
line-height: 16px;
}
@font-face {
font-family: "Snap" ;
src: url("https://vvvvvvaria.org/~jochicau/error_camp_demo_zine/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);
}
a:visited {
color: var(--color-blue);
}
blockquote{
margin:3em 0;
padding:0;
font-style:italic;
}
</style>
</head>
<body>
<div id="folder" class="dir"><a href='images'>images/</a></div>
<div id="folder" class="dir"><a href='audio'>audio/</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>: the quality or state of erring;</li>
<li>: a deficiency or imperfection in structure or function;</li>
<li>: the amount of deviation from a standard or specification;</li>
<li>: mix-up;</li>
</ul>
<blockquote>
<p>..about the ritual..</p>
<ul>
<li>◌ …</li>
<li>● …</li>
<li>◦ …</li>
<li>● …</li>
<li>○ …</li>
<li>◦ …</li>
<li>● …</li>
</ul>
</blockquote>
<p><strong>Colophon</strong></p>
<p>Zine generation facilitated by Lucy Cheesman and Joana Chicau @ Error Camp 2020</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>

30
intro.md
View File

@ -0,0 +1,30 @@
# 'er·ror'
* : the quality or state of erring;
* : a deficiency or imperfection in structure or function;
* : the amount of deviation from a standard or specification;
* : mix-up;
<blockquote>
..about the ritual..
* ◌ ...
* ● ...
* ◦ ...
* ● ...
* ○ ...
* ◦ ...
* ● ...
</blockquote>
__Colophon__
Zine generation facilitated by Lucy Cheesman and Joana Chicau
@ Error Camp 2020
_with the help of..._
[distribusi.sh](https://git.vvvvvvaria.org/varia/distribusi) &amp
[md2html.sh using pandoc](https://pandoc.org/demos.html) &amp
[snap font by Morgane Bartoli and Corentin Moussard](https://usemodify.com/fonts/snap-it/)

42
intro.md.html
View File

@ -0,0 +1,42 @@
<!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>: the quality or state of erring;</li>
<li>: a deficiency or imperfection in structure or function;</li>
<li>: the amount of deviation from a standard or specification;</li>
<li>: mix-up;</li>
</ul>
<blockquote>
<p>..about the ritual..</p>
<ul>
<li>◌ …</li>
<li>● …</li>
<li>◦ …</li>
<li>● …</li>
<li>○ …</li>
<li>◦ …</li>
<li>● …</li>
</ul>
</blockquote>
<p><strong>Colophon</strong></p>
<p>Zine generation facilitated by Lucy Cheesman and Joana Chicau @ Error Camp 2020</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>

4
md2html.sh
View File

@ -0,0 +1,4 @@
for i in $(find . -name '*.md'); do pandoc -s -t html "${i}" -o "${i}.html"; done
#for i in *.md; do pandoc -s -t html "${i}" -o "${i}.html"; done
Write Preview
Loading…
Cancel
Save