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.
162 lines
4.4 KiB
162 lines
4.4 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: 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="" class="octet-stream"><a href='.DS_Store'>.DS_Store</a><span class="filename">.DS_Store</span></div>
|
|
<div id="boxes_of_books_with_no_covers_Hazel" class="jpeg"><figure><img class="image" src="boxes_of_books_with_no_covers_Hazel.jpg"><figcaption>boxes_of_books_with_no_covers_Hazel.jpg</figcaption></figure></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>
|
|
<p>..an erratic reading list..</p>
|
|
<ul>
|
|
<li>↝ <a href="https://theerrorbar.com/">Errors in neuroscience</a></li>
|
|
<li>↳ <a href="https://podcasts.google.com/feed/aHR0cHM6Ly90cm93ZWxhbmRlcnJvcnBvZGNhc3QuY29tL2ZlZWQv">A podcast about errors in gardening</a></li>
|
|
<li>⇧ <a href="https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuc3ByZWFrZXIuY29tL3Nob3cvNDc3MzE0MC9lcGlzb2Rlcy9mZWVk">This epson printer error podcast appears to be algorithmically generated…</a></li>
|
|
<li>⇢ <a href="https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuc3ByZWFrZXIuY29tL3Nob3cvNDgwMzcxNS9lcGlzb2Rlcy9mZWVk">This canon printer error podcast looks legit though</a></li>
|
|
<li>↪ <a href=""></a></li>
|
|
<li>↷ <a href=""></a></li>
|
|
<li>⇒ <a href=""></a></li>
|
|
<li>⇉ <a href=""></a></li>
|
|
<li>⇾ <a href=""></a></li>
|
|
</ul>
|
|
</body>
|
|
</html>
|
|
</section></div>
|
|
<a href="../">../</a>
|
|
|
|
</body>
|
|
</html>
|
|
|