186 lines
5.5 KiB
HTML
186 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>acdw's cool internet experiments</title>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>acdw's cool internet experiments</h1>
|
|
<h2>by a
|
|
<span class=lower>v</span><span
|
|
class=higher>e</span><span
|
|
class=lower>r</span><span
|
|
class=higher>y</span>
|
|
<span class=lower>c</span><span
|
|
class=higher>o</span><span
|
|
class=lower>n</span><span
|
|
class=higher>c</span><span
|
|
class=lower>e</span><span
|
|
class=higher>r</span><span
|
|
class=lower>n</span><span
|
|
class=higher>e</span><span
|
|
class=lower>d</span>
|
|
<span class=lower>c</span><span
|
|
class=higher>i</span><span
|
|
class=lower>t</span><span
|
|
class=higher>i</span><span
|
|
class=lower>z</span><span
|
|
class=higher>e</span><span
|
|
class=lower>n</span>
|
|
</h2>
|
|
</header>
|
|
<main>
|
|
<section id="manifesto">
|
|
<h1>manifesto</h1>
|
|
<p>Creativity is the most important thing in a late-capitalist economy.
|
|
<p>Creativity is all we have after the machines automate everything
|
|
else away: after the building, the scrapping, the designing, the
|
|
selling and buying; after the preparation of meals, the housework,
|
|
the hunting and the gathering; after the sources of pleasure and
|
|
pain and all in between are hefted from us by faceless, good-natured
|
|
machines in the name of progress, we will have only our minds left,
|
|
and that's no given either.
|
|
<p>We must fight for our minds over all else.
|
|
<p>We must be weird; we must create things; we must take care that they
|
|
be not useful or sensical or monetizable; we must shatter
|
|
the meaning of the machine, for the machine can only make meaning
|
|
from things it understands.
|
|
<p>We must be ineffable.
|
|
</section>
|
|
<div class=wrapper>
|
|
<section id="introduction">
|
|
<h1>start here</h1>
|
|
<p>Hello, I'm <a href="https://www.acdw.net">acdw</a>
|
|
and this is my page in the <a href="http://tilde.town">~town</a>.
|
|
<p>I'm a library technician and writer of
|
|
<a href="tiny.html">little</a>
|
|
<a href="tssg/">things</a>.
|
|
<p>I am <a id="agelink" href="age.html">today</a> years old.</p>
|
|
</section>
|
|
<section id="pages">
|
|
<h1>read</h1>
|
|
<ul>
|
|
<li><a href="feels"><strong>feels</strong></a></li>
|
|
<li><a href="written-while-waiting.html">written while waiting</a></li>
|
|
<li><a href="same-page.html">same page</a></li>
|
|
<li><a href="cornershop.html">corner shop</a></li>
|
|
<li><a href="windy.html">windy</a></li>
|
|
<li><a href="oregano.html">oregano</a></li>
|
|
<li><a href="enough.html">enough</a></li>
|
|
<li><a href="whatever.html">whatever</a></li>
|
|
<li><a href="complainers.html">complainers</a></li>
|
|
<li><a href="2020-11-09.html">mouth</a></li>
|
|
</ul>
|
|
</section>
|
|
<section id="experiments">
|
|
<h1>etc</h1>
|
|
<ul>
|
|
<li><a href="button.html">button</a></li>
|
|
<li><a href="unk/">UNK</a></li>
|
|
<li><a href="want-you-like-you-want-you.ogg">I want you, I like you, I want you</a></li>
|
|
<li><a href="https://sound.acdw.net/there-are-no-other-eyes.ogg">there are no other eyes</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<section id="elsewhere">
|
|
<h1>you can also reach me</h1>
|
|
<ul>
|
|
<li><a href="https://writing.exchange/@acdw/">fediverse</a></li>
|
|
<li><a href="old-index/">older index</a></li>
|
|
<li><a href="https://www.acdw.net">homepage</a></li>
|
|
<li><a href="gemini://gem.acdw.net">gemini</a></li>
|
|
<li><a href="https://lump.acdw.net">lump</a></li>
|
|
</ul><br/>
|
|
<h1>or</h1> <a href="links.html">look elsewhere</a>
|
|
</section>
|
|
<section id="ring">
|
|
<h1 class="ring" id="tilde_ring">
|
|
a member of the ~ring
|
|
</h1>
|
|
<ul class="ring-links">
|
|
<li>(<a href="/~eeeeeta/ring/join.html">join</a>)
|
|
<li><a id="tilde_town_ring" class="tilde_ring_link" href="">
|
|
random ~user
|
|
</a>
|
|
<li><a id="random_tildebox" class="tilde_ring_link" href="">
|
|
random ~box
|
|
</a>
|
|
<li><a id="tilde_town_ring_next" class="tilde_ring_link" href="">
|
|
next ~user
|
|
</a>
|
|
</span>
|
|
<script type="text/javascript">
|
|
var ringjs = document.createElement('script')
|
|
ringjs.src = document.location.protocol
|
|
+ '//tilde.town/~login/tilde_ring.js'
|
|
document.getElementById('tilde_ring').appendChild(ringjs)
|
|
</script>
|
|
</section>
|
|
</main>
|
|
|
|
<style>
|
|
body {
|
|
font: 18px/1.5 serif;
|
|
color: black;
|
|
background: url("banana.gif");
|
|
}
|
|
header {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: 0 18px;
|
|
padding: 18px;
|
|
display: inline;
|
|
background: #fc8eac;
|
|
border-radius: 1em;
|
|
z-index: -100;
|
|
}
|
|
h1,h2 { display: inline; font: 20px sans-serif; margin: 0; padding: 0;}
|
|
header > :not(:last-child)::after { content: "*"; margin: 18px;}
|
|
.lower,.higher { padding: 6px; font-size: 16px; position: relative; }
|
|
.lower { top: 4px; }
|
|
.higher { top: -4px; }
|
|
main section {
|
|
float: left;
|
|
max-width: 40ch;
|
|
padding: 4ch;
|
|
margin: 18px;
|
|
box-shadow: 1ch 1ch 4ch rgb(78, 32, 122);
|
|
background: #d1efe7;
|
|
border-radius: 48px;
|
|
border: 3px solid;
|
|
}
|
|
main section:hover {
|
|
box-shadow: 1ch 1ch 4ch inset rgb(78, 32, 122);
|
|
}
|
|
main section h1::after { content: "\261B"; padding: 0 18px; color: navy;}
|
|
p,ul,li { display: inline; }
|
|
p:not(:first-of-type)::before {
|
|
content: "\00b6";
|
|
padding: 0 1em;
|
|
color: navy;
|
|
}
|
|
ul { margin: 0; padding: 0; }
|
|
li:not(:first-of-type)::before {
|
|
content: "\2022";
|
|
padding: 0 1em;
|
|
}
|
|
a:link { font-family: monospace; text-decoration: none; color: inherit; }
|
|
a:visited { color: inherit; border-bottom: 1px dashed; }
|
|
a:hover { text-transform: uppercase; background: yellow; }
|
|
#manifesto {
|
|
color: darkred;
|
|
text-shadow: 0 0 2em red;
|
|
}
|
|
</style>
|
|
<script>
|
|
var agelink = document.getElementById("agelink");
|
|
window.onload = function() {
|
|
if (Math.random() < 0.5) {
|
|
agelink.href = "age.html";
|
|
} else {
|
|
agelink.href = "age2.html";
|
|
}
|
|
};
|
|
</script>
|