tilde.town/same-page.html

141 lines
3.7 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8">
<!-- vim: sts=3 ts=3 sw=3
-->
<title>the same page</title>
<link rel="stylesheet media="screen" type="text/css"
href="https://fontlibrary.org/face/linik-sans" />
<header>the same page</header>
<main>
<p>We were all finally on the same page.
<p>There was some pushback, at first.
People claimed to like making choices for themselves,
even making mistakes.
<p>We knew they were lying.
We knew everything; we still do.
So we knew that people, when left to their own devices,
their own small minds,
were scared and lonely and wanted so badly to be part of
something that they'd hurt themselves to fit in.
They'd literally have cut off their nose to spite their face.
<p>We made sure they don't have to do that.
<hr>
<p>Today we are celebrating the last joiner.
<p>Today we recognize that we are better with her
and that she is better with us.
<p>We say <em>Welcome</em> to ourselves and we are glad.
<p>We eat a meal, all of us, together,
in our separate bodies at our separate tables in our separate
houses,
but together, for we are strong together.
We feel the food in our bellies nourishing us even as we &mdash;
<p>But we are sick.
One of us is ill, is vomiting on the floor.
We are poisoned!
<p>Our knowledge comes from the days of the war,
when many of us were poisoned.
We know what it feels like to be poisoned,
and this feels like those times, but it is different.
It must be a new one, made by some other.
<hr>
<p>We are scared but we comfort ourselves.
We've been through worse, we say.
We've just got to find which of us allowed this to happen.
<p>We search through our minds to follow the memory of food
service back to its source.
We served us.
We prepared our food.
We chopped the ingredients.
We chose the produce.
We carried the plants to the central market for distribution.
We grew the crops and harvested them and washed them
ourselves.
<p>There is no one.
There is no one but us the whole way.
<p>We don't know what to do.
<hr>
<p>We think about the joiner, the last joiner.
<p>What does she know?
She is not one of us, we don't know yet
if she is truly one of us.
<p>She is the only one who could have betrayed us.
<p><em>Why did you poison us?</em>
<p>"I didn't! I'm with you! I'm one of you!"
<p><em>Who poisoned us?</em>
<p>"How could I &mdash; could we &mdash; know?
We are one!"
<p><em>You are not one of us. You are another.</em>
<p>"No, please understand!
I'm you!
I'm we!"
<hr>
<p>We disposed of her.
<p>She was not one of us.
She was another.
She was a danger to all of us.
<p>It hurt, getting rid of her, a little.
She'd shared much of herself,
and her pain was felt through us all.
But we soothed ourselves.
<p>We had to dispose of her.
It's good that we did.
We're safe again with ourselves.
</main>
<footer>
<a href="index.html">return</a>
</footer>
<style>
body {
background: ivory;
color: indigo;
font: 24px/2 LinikSansRegular, sans-serif;
}
main {
max-width: 50ch;
padding: 2ch;
margin: auto;
}
header,footer {
text-align: right;
color: goldenrod;
font: 16px/1 monospace;
position: fixed;
}
header {
top: 0; left: 0; right: 0;
background: linear-gradient(rgba(255,255,240,1) 40%,rgba(255,255,240,0.3));
padding: 8px 24px 24px 24px;
}
footer {
bottom: 0; left: 0; right: 0;
background: linear-gradient(rgba(255,255,240,0.3),rgba(255,255,240,1) 40%);
padding: 24px 24px 8px 24px;
}
hr {
border: unset;
border-bottom: 3px double;
width: 50%;
}
a:link {
text-decoration: none;
color: goldenrod;
}
a:visited { color: inherit; }
a:hover { background: papayawhip; }
</style>