townie/same-page.html -rw-r--r-- 3.7 KiB View raw
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!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>