sample files for making of *Error*Camp* zine;
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

115 lines
2.5 KiB

<!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>