initial commit

This commit is contained in:
paupowpow 2025-09-03 12:14:19 +02:00
commit f743b4dfe8
16 changed files with 194 additions and 0 deletions

BIN
images/trash 001.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

BIN
images/trash 002.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

BIN
images/trash 003.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

BIN
images/trash 004.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

BIN
images/trash 005.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
images/trash 006.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
images/trash 007.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
images/trash 008.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

BIN
images/trash 009.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
images/trash 010.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
images/trash 011.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

BIN
images/trash 012.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
images/trash 013.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

118
index.html Normal file
View file

@ -0,0 +1,118 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>pau.compost.party</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="minimal-table.css" rel="stylesheet" type="text/css">
</head>
<body>
<main>
<h1>@pau</h1>
<hr>
<h2>trash museum</h2>
<img class="trashmuseum-image" src="/images/trash 013.png" alt="a clear plastic squeeze bottle">
<img class="trashmuseum-image" src="/images/trash 012.png" alt="a red plastic tube">
<img class="trashmuseum-image" src="/images/trash 011.png" alt="a small see-through resealable bag">
<img class="trashmuseum-image" src="/images/trash 010.png" alt="a small clear plastic container with an attached lid">
<img class="trashmuseum-image" src="/images/trash 009.png" alt="a clear container of 1l with a red plastic screw-on lid">
<img class="trashmuseum-image" src="/images/trash 008.png" alt="an unfolded cardboard box which contained 580g of fresh dates">
<img class="trashmuseum-image" src="/images/trash 007.png" alt="a big sealable bag that contained sweet potato noodles">
<img class="trashmuseum-image" src="/images/trash 006.png" alt="a medium-sized fibre net that contained apples">
<img class="trashmuseum-image" src="/images/trash 005.png" alt="a small red plastic net that contained 3 garlic bunches">
<img class="trashmuseum-image" src="/images/trash 004.png" alt="a bright red plastic bag, crunched up">
<img class="trashmuseum-image" src="/images/trash 003.png" alt="a white plastic cup that contained yoghurt (500g)">
<img class="trashmuseum-image" src="/images/trash 002.png" alt="a bright red plastic bag that contained nuts">
<img class="trashmuseum-image" src="/images/trash 001.png" alt="a clear plastic container that contained sesame crackers">
<p>the whole concept of "trash" is weird if you think about it. the act of "throwing something out/away" implies that it just goes into some kind of convenient void which is none of our concern. throwing out trash is an automatic daily action, similar to regenerative actions like washing dishes or brushing teeth. it's easy to overlook because trash is literally not something we want to look at for longer than absolutely necessary. trash is meant to be overlooked. </p>
<p>what if "trash" as a category (or even as a word) simply didn't exist? what if you had to keep everything you consume and figure it out <s>yourself</s> with your community? </p>
<p>that we generate trash is of course directly necessitated by the kinds of products available to us. what if companies, in the first place, couldn't even bring a product to market which will inevitably lead to trash?</p>
<p>this collection of trash is meant as an exercise for the eye and imagination. i generally don't feel bad for throwing out my garbage, nor am i trying to solve the problem as an individual by keeping these items. more so, these pieces have a visual or haptic or material quality that makes them impossible for me to consider them trash.</p>
<hr>
<h2>insect log</h2>
<p>i observed and logged any sightings of insects as well as any mentions of insects for a week. if you want to get closer to insects — or any topic, really try it out yourself.</p>
<table>
<tr>
<th>date</th>
<th>🐜🪰🪳🦟🦗🕷</th>
</tr>
<tr>
<td>monday 15:17</td>
<td>three ants crawling on my arm and torso while i sit outside the library</td>
</tr>
<tr>
<td>monday 15:43</td>
<td>a tiny bug (1-2mm) crawls on my thumb while i hold my smartphone</td>
</tr>
<tr>
<td>monday 18:23</td>
<td>a tiny fly (1-2mm) crawls out of my strawberries</td>
</tr>
<tr>
<td>monday 21:54</td>
<td>a fruit fly flies out of my waste basket (i left a banana peel in there a few days ago)</td>
</tr>
<tr>
<td>tuesday 08:13</td>
<td>three fruit flies circle above me while i paint my nails on the floor (i should take out my trash with the banana peel in there)</td>
</tr>
<tr>
<td>tuesday 14:38</td>
<td>my roommate remarks that we have too many fruit flies in the kitchen. we look up to the ceiling and count at least 20 sitting up there.</td>
</tr>
<tr>
<td>wednesday</td>
<td>nothing new, just the occasional fruit fly in the kitchen</td>
</tr>
<tr>
<td>thursday 20:14</td>
<td>my roommate and i buy two fruit fly traps at the super market</td>
</tr>
<tr>
<td>friday 22:23</td>
<td>my acquaintance M tells me a horrible story about an infestation of bed bugs, mortar wasps, and an exterminator</td>
</tr>
<tr>
<td>sunday 13:06</td>
<td>my friend O shows me how she handles herorganic waste bin to avoid fruit fly infestations</td>
</tr>
<tr>
<td>tuesday 11:55</td>
<td>two normal flies circle my head while i work. the smaller one of the two looks kind of cute and elegant.</td>
</tr>
<!-- <caption></caption> -->
</table>
<hr>
<h2>to do</h2>
<ul>
<li><s>add my insect log</s></li>
<li>compost unicode/ascii game</li>
</ul>
<hr>
<h2>questions</h2>
<ul>
<li><s>how can i find other users?</s></li>
<li>who to invite to compost party?</li>
<li><s>how will the contents be navigable for anyone, from the start page?</s></li>
</ul>
</main>
</body>
</html>

33
minimal-table.css Normal file
View file

@ -0,0 +1,33 @@
html {
}
table {
border-collapse: collapse;
border: 1px dashed black;
font-family: sans-serif;
}
td, th {
border: 1px dashed black;;
padding: 10px 20px;
}
th {
background-color: rgba(0,0,0,0.15);
}
td {
}
tr:nth-child(even) td {
background-color: rgba(255,255,255,1);
}
tr:nth-child(odd) td {
background-color: rgba(255,255,255,1);
}
caption {
padding: 10px;
}

43
style.css Normal file
View file

@ -0,0 +1,43 @@
html {
}
body {
font-family: sans-serif;
}
main {
max-width: 100vw;
margin: 4rem 8rem;
padding: 1rem;
background-color: white;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-size: 1em;
}
.trashmuseum-image {
max-width: 49%;
}
hr {
margin-top: 4rem;
border: none;
height: 1px;
color: #000; /* old IE */
background-color: #000; /* Modern Browsers */
}
@media screen and (max-width: 500px) {
main {
margin: 4rem 0.5rem;
padding: 0.5rem;
}
.trashmuseum-image {
max-width: 100%;
}
}