paupowpow/paupowpow.compost.party
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

edited url name and scroll gallery

Browse source
This commit is contained in:
paupowpow 2025-09-03 12:24:24 +02:00
commit c3e1d7f70e
2 changed files with 37 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

39
index.html
View file

@ -3,30 +3,33 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>pau.compost.party</title>
<title>paupowpow.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>
<small><a href="https://compost.party">back to compost.party</a></small>
<h1>paupowpow</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">
<div class="scroll-container">
<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">
</div>
<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>
@ -107,12 +110,6 @@
</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>

21
style.css
View file

@ -7,7 +7,7 @@ body {
main {
max-width: 100vw;
margin: 4rem 8rem;
/* margin: 4rem 8rem;*/
padding: 1rem;
background-color: white;
}
@ -15,7 +15,7 @@ main {
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-size: 1em;
/*font-size: 1em;*/
}
.trashmuseum-image {
@ -30,6 +30,23 @@ hr {
background-color: #000; /* Modern Browsers */
}
.scroll-container {
padding: 8px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
height:80vh;
}
.scroll-container > img {
height: 100%;
max-width: unset;
margin-right: 5rem;
}
@media screen and (max-width: 500px) {
main {