acdw
/
tilde.town
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 746 KiB

252
index.html
View File

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