Add mouth

This commit is contained in:
Case Duckworth 2020-11-09 18:25:49 -06:00
parent 6e64ab1de2
commit f192aebf7b
3 changed files with 350 additions and 119 deletions

217
2020-11-09.html Normal file
View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<title>mouth</title>
<style>
body {
background: black;
}
.stanza {
float:left;
margin: 2em;
padding: 1em;
box-sizing: border-box;
background: white;
}
.stanza:nth-of-type(odd) {
text-align: right;
}
.stanza:nth-of-type(3n) {
color:red;
background:none;
}
.stanza:nth-of-type(4n) {
font: 14px/1.2 sans-serif;
}
.stanza:nth-of-type(5n) {
border-radius: 50%;
}
.verse {
font: 13px/1.3 serif;
}
.stanza:nth-of-type(5n) .line:nth-of-type(even):hover {
color: white;
}
#one {
position: fixed;
top: 40%;
right: 40px;
width:40px;
height:40px;
border-left: 30px solid black;
border-top: 30px solid black;
border-bottom: 50px solid black;
border-bottom: 20px solid blue;
color:white;
}
#two { position: fixed; bottom: 0;}
#two::before {
content: "\3822";
color: yellow;
width: 100px;
height:100px;
}
#three {
position: fixed;
top: 0; right: 0;
}
#three a {
color: red;
}
</style>
<div id="one">2020-11-09<br><a href="gemini://gem.acdw.net"></a></div>
<div id="two"></div>
<div id="three"><a href="index.html">return</a></div>
<pre class="verse">
<p class="stanza">
<span class="line">I'm forgetting what everyone's mouth looks like</span>
<span class="line">Do people have teeth any more? I can't remember</span>
<span class="line">I for one have been grinding mine down to polished stones</span>
<span class="line">My mouth sparkles now when I smile not that</span>
<span class="line">You could see it The mask, remember?</span>
<span class="line">"They didn't know who I was before ..." And all that nonsense</span>
</p><p class="stanza">
<span class="line">Once a coworker removed hers to take a drink</span>
<span class="line">Of something, probably a cola I think it was, it had</span>
<span class="line">A logo on the side and all, and a straw was in its lid</span>
<span class="line">I was surprised, I had forgotten she had a nose</span>
<span class="line">Maybe it was had gone away, the father of us all grabbing it</span>
<span class="line">Between his thumb and forefinger, secreting it behind</span>
<span class="line">His back I remember a boy</span>
<span class="line">With a yellow plastic poncho stealing my nose, he was older</span>
</p><p class="stanza">
<span class="line">But I played along with him because I liked him and he me</span>
<span class="line">He always said he was a duck and was excited when I told him</span>
<span class="line">My last name, it was an omen for him, a sign of something</span>
<span class="line">Bigger than the both of us, and I think I agree</span>
<span class="line">Since then I've had an affinity for ducks, their business walks,</span>
<span class="line">Their loud and hoarse calls beckoning the lakes rise up</span>
<span class="line">To meet them their reflections</span>
<span class="line">Riding the backs of the waves betraying nothing of underneath</span>
</p><p class="stanza">
<span class="line">Somehow they can sense or see or smell or tell</span>
<span class="line">The fish that swim beneath -- do ducks eat fish? --</span>
<span class="line">Am I making this up as I go? Of course I am, what</span>
<span class="line">Else would I be doing? Will I continue asking</span>
<span class="line">Questions? Would I be anyone if I didn't?</span>
<span class="line">There comes a time when questions end</span>
<span class="line">And silence falls, and thinking settles in</span>
</p><p class="stanza">
<span class="line">So Fish and birds and boys From the mouths</span>
<span class="line">Of babes, so they say, our mouths sing out The algae</span>
<span class="line">On the pond obscures its depths The sky becomes</span>
<span class="line">A mirror. Look into it and see the deadness in</span>
<span class="line">Your eyes black pools themselves</span>
<span class="line">The void you stare into is your own self</span>
</p><p class="stanza">
<span class="line">Uh where were we where were we going as we walked</span>
<span class="line">Down this long road of life toward an uncertain</span>
<span class="line">Future the mountains in the distance gray and</span>
<span class="line">Uninviting the clouds over them flashing sometimes</span>
<span class="line">With lightning or something more sinister even</span>
<span class="line">Exit Stage Left said whoever does it matter</span>
<span class="line">I'm losing steam and I'm not even</span>
<span class="line">Halfway to the finish of the thing that I've set out</span>
</p><p class="stanza">
<span class="line">To do I've got to bloop the scoop</span>
<span class="line">The billabong and scrape away</span>
<span class="line">To swain, to swoon, to fall and noop and</span>
<span class="line">Fraer the skeed, the tome to day</span>
<span class="line">The wioup and barn and skiddle tree</span>
<span class="line">And Friday Farmers From the Farm</span>
<span class="line">All swan, and poit the yardle dard but</span>
<span class="line">Rolly under Portal vram ried</span>
<span class="line">A hundred hours won't be enough to hide it</span>
</p><p class="stanza">
<span class="line">A shadow falls, the sunlight fades</span>
<span class="line">A hundred hours, maybe more</span>
<span class="line">The users and the borograbes</span>
<span class="line">Are cold and don't know where to go</span>
</p><p class="stanza">
<span class="line">I'm trying hard not to have writ</span>
<span class="line">About my writing, but now have</span>
<span class="line">It's where all of my poems flit</span>
<span class="line">Or fly toward Death, or else they give</span>
</p><p class="stanza">
<span class="line">Another theme, like God or words</span>
<span class="line">Or (really old ones) poorly made</span>
<span class="line">Rhymes on lines that end in no</span>
<span class="line">Particular spot: lemonade</span>
</p><p class="stanza">
<span class="line">Lemonade, lemonade lemonade lemon-</span>
<span class="line">Ade, lemonade, lemon, aid, aide,</span>
<span class="line">Le mon aide, lem, on aid, lemon</span>
<span class="line">Aid, lemonade lemonade lemonade lem</span>
</p><p class="stanza">
<span class="line">Stradovus grabovus oof lol bragivus</span>
<span class="line">One two three and four hundred fifty</span>
<span class="line">Great knees, great salt, devries, diamond</span>
<span class="line">Gold Silver Lapis Lapidary Vibing dollar</span>
</p><p class="stanza">
<span class="line">a ba ca da ea fa ga</span>
<span class="line">ha ia ja ka la ma na</span>
<span class="line">oa pa qa</span>
<span class="line">ra sa ta</span>
<span class="line">ua va wa xa ya za aa</span>
<span class="line">One hundred Ten Thousand One Million</span>
</p><p class="stanza">
<span class="line">Am I Gertrude Stein Yet?</span>
<span class="line">Am I Stertrude Gein Yet?</span>
<span class="line">Have You Read To Here Yet?</span>
<span class="line">Have You? Have You? Bet.</span>
</p><p class="stanza">
<span class="line">My dreams are not super whatever</span>
<span class="line">I said to the man on the plane's wing</span>
<span class="line">Wind whistled past a gloomy tune</span>
<span class="line">I couldn't hear him over it he was</span>
</p><p class="stanza">
<span class="line">Over the wing over the plane on the</span>
<span class="line">Sea on the log on the bump on the bottom</span>
<span class="line">Of the log with the frong and the mirror</span>
<span class="line">The mirror the mirror the echo the mirror</span>
<span class="line">Mirror light laser beam look mira mira</span>
<span class="line">Bleed on the glass blooms a rose grew from concrete</span>
<span class="line">Or something I can't remember wasn't listening</span>
<span class="line">Wasn't paying attention anyway watching the counter</span>
<span class="line">Click by the taxicab of life ferrying us over</span>
<span class="line">And over and yes, again over the wheel</span>
<span class="line">The catherine wheel catherine cathy what was it she</span>
<span class="line">Said Rats? Scats? Bats? Gnats? Slap</span>
<span class="line">The fat, render the scat, drink the cat blood</span>
<span class="line">Under your mat a bad rap</span>
<span class="line">Okay okay okay okay, ohana means family</span>
</p><p class="stanza">
<span class="line">And family means family beans family family</span>
<span class="line">Strains to come together to mean anything</span>
<span class="line">There is no me or you or they or he or she or us</span>
<span class="line">Anymore only the family only the blood only</span>
<span class="line">The covenant only the sheep only the glistening</span>
<span class="line">The Battlefield stench rising to the sky the</span>
<span class="line">Moon red as blood of fallen soldiers presiding</span>
<span class="line">Over the mass thick with smoke with viscera</span>
<span class="line">With dripping fat rendering again and again and</span>
<span class="line">Still under it all the earth turning in hate</span>
</p><p class="stanza">
<span class="line">Solid hate black as dirt</span>
<span class="line">Black black as space stretching into the core</span>
<span class="line">Of the world of the sea of the sand of the</span>
<span class="line">Wizard's heart yawning a maw of a mass of</span>
<span class="line">A hole of meat of death of doom</span>
<span class="line">Beating heart thrumming its drum in the dark</span>
<span class="line">Too many flies to kill them all</span>
<span class="line">Too many demons to exercise</span>
<span class="line">Their mouths yawn open filled with pus and</span>
<span class="line">Bile and boiling over with maggots</span>
</p><p class="stanza">
<span class="line">Mask them muzzle them put them away</span>
<span class="line">Find them again another day Disease</span>
<span class="line">Disease don't look in the mirror and say Its name</span>
<span class="line">Three times</span>
</p><p class="stanza">
<span class="line">Disease</span>
</p>
</pre>

BIN
banana.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 746 KiB

View File

@ -5,167 +5,181 @@
<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>
<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.
<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>
<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>
</ul>
<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>
</ul>
<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><a href="old-index/">older index</a>
<li><a href="https://www.acdw.net">homepage</a>
</ul><br/>
<h1>or</h1> <a href="links.html">look elsewhere</a>
<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>
<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;
font: 18px/1.5 serif;
color: black;
background: rgb(212,166,255);
}
header {
margin: 0 18px;
color: #d1efe7;
text-shadow: 0 0 2ch rgb(78,32,122);
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 { display: flex; flex-flow: row wrap; }
main section {
max-width: 40ch;
padding: 4ch;
margin: 18px;
box-shadow: 1ch 1ch 4ch rgb(78, 32, 122);
background: #d1efe7;
border-radius: 48px;
}
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;
content: "\00b6";
padding: 0 1em;
color: navy;
}
ul { margin: 0; padding: 0; }
li:not(:first-of-type)::before {
content: "\2022";
padding: 0 1em;
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;
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";
}
if (Math.random() < 0.5) {
agelink.href = "age.html";
} else {
agelink.href = "age2.html";
}
};
</script>