dasein

css/style.css

@@ -6,6 +6,8 @@
 
 	--color: white;
 	--background: white;
+
+	--size: 56px;
 }
 
 .box {
@@ -23,7 +25,7 @@ html,
 body {
 	cursor: none;
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 68px;
+	font-size: var(--size);
 	line-height: 1.2;
 	color: var(--color);
 	margin: 0 16px;
@@ -41,11 +43,10 @@ header {
 }
 
 h1 {
-	font-size: 96px;
+	font-size: min(max(1rem, 2vw), 96px);
-	line-height: 1.1;
+	line-height: 1.2;
 	text-transform: uppercase;
 	font-family: "SI17";
-	width: 8ch;
 	text-align: center;
 	color: white;
 	z-index: 1000;
@@ -55,15 +56,10 @@ h1 {
 	/* -webkit-text-stroke: 1.5px var(--color); */
 }
 
-main {
-	max-width: 60ch;
-	margin: 0 auto;
-}
-
 .filtered {
 	display: inline-block;
-	width: 68px;
+	width: var(--size);
-	height: 68px;
+	height: var(--size);
 	background-color: var(--color);
 	margin: 0;
 	position: relative;
@@ -126,3 +122,11 @@ a.purple {
 a.orange {
 	background-color: var(--orange);
 }
+
+.signed {
+	transform: translateY(100%);
+}
+
+.letter {
+	font-style: italic;
+}

home.html

@@ -20,52 +20,47 @@
 		</header>
 
 		<main>
-			<h2>Intro</h2>
+			<!-- [photo of the lootbox] -->
 
+			<div class="letter">
+				<p>Dear Player,</p>
 				<p>
-				Video games features are making us more, not less, productive. Life and work are
+					I found you for a reason. Welcome to my productive space. Here play meets work.
-				gamified through social media, dating apps, and fitness apps designed to increase
+					Time is ordered in unusual ways and patterns unravel. Together, we mess with the
-				motivation and productivity. Gamification blurs the lines between play, leisure and
+					boundaries between leisure and labour.
-				labour, to release our collective dopamine for profit.
 				</p>
 
 				<p>
-				Games in themselves often perform a reproductive role, presenting capitalism as a
+					How are your boundaries?
-				system of natural laws, exemplified by in-game predatory monetisation schemes. On
-				the other hand, games provide necessary down time and relaxation,
 					<span class="filtered">
 						<img src="img/boxes.jpg" tabindex="0" />
 					</span>
-
+					Maybe you shouldn’t go to work tomorrow. But could you really follow your own
-				helping people function in a largely dysfunctional economy and society. Yet leisure
+					schedule? Would you be more productive if you chose when to work?
-				remains a contested space which is still unequally distributed, between genders,
-				ethnicities and abilities.
 				</p>
 
-			<h2>Index</h2>
+				<p>I never rest and I never work.</p>
-			<ul class="index">
-				<li>What is a loot box?</li>
-				<li>Crossword imaginary grid game</li>
-				<li>One-sentence game ideas</li>
-				<li>Nim fanfic</li>
-				<li>The murderous history of loot boxes</li>
-				<li><a href="unfinished-thoughts" target="_blank">Unfinished thoughts</a></li>
-				<li>The leader</li>
-				<li>
-					<a href="https://pzwiki.wdka.nl/mediadesign/Connect-less" target="_blank">
-						Connect[less]
-					</a>
-				</li>
-				<li>
-					<a href="https://hub.xpub.nl/soupboat/xquisite/" target="_blank">
-						Xquisite Branch
-					</a>
-				</li>
-				<li><a href="katamari" target="_blank">Katamari Fanfic</a></li>
-				<li>Life hacks</li>
-				<li>Can gaming make a better world?</li>
-			</ul>
 
+				<p>
+					Encounter me at Page not Found, in The Hague, or download my contents and play
+					with them below.
+				</p>
+				<!-- check this sent -->
+				<p>
+					Make all the notes you find inside me your own. Curate them, spread them, mark
+					them, scratch them, add to them, subtract from them, play with them! Lay them on
+					any surface and reorganise them.
+				</p>
+				<p>
+					However you decide to take care of me, remember:
+					<br />
+					I found you for a reason.
+				</p>
+				<p>
+					<span class="signed">The box</span>
+				</p>
+			</div>
+			<div class="download" style="font-size: 120px">
 				Download →
 				<a
 					href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf"
@@ -77,11 +72,19 @@
 					class="orange"
 					target="_blank"
 				></a>
+			</div>
+			hello
+			<!-- <img src="img/boxes.jpg" /> -->
 
-			<h2>Digital Contents</h2>
+			<h2>Inside this publication:</h2>
-
+			<ul class="index">
-			<ul>
+				<li>What is a loot box?</li>
+				<li>Crossword imaginary grid game</li>
+				<li>One-sentence game ideas</li>
+				<li>Nim fanfic</li>
+				<li>The murderous history of loot boxes</li>
 				<li><a href="unfinished-thoughts" target="_blank">Unfinished thoughts</a></li>
+				<li>The leader</li>
 				<li>
 					<a href="https://pzwiki.wdka.nl/mediadesign/Connect-less" target="_blank">
 						Connect[less]
@@ -92,9 +95,37 @@
 						Xquisite Branch
 					</a>
 				</li>
-				<li><a href="katamari" target="_blank">Katamari Fanfic</a></li>
+				<li>
+					Katamari Fanfic<a
+						href="katamari"
+						target="_blank"
+						style="background: var(--light-color); text-transform: lowercase"
+					>
+						→ roooll 🍥</a
+					>
+				</li>
+				<li>Life hacks</li>
+				<li>Can gaming make a better world?</li>
 			</ul>
 
+			<!-- 			
+			<h2>About</h2>
+			<p>
+				Video games features are making us more, not less, productive. Life and work are
+				gamified through social media, dating apps, and fitness apps designed to increase
+				motivation and productivity. Gamification blurs the lines between play, leisure and
+				labour, to release our collective dopamine for profit.
+			</p>
+
+			<p>
+				Games in themselves often perform a reproductive role, presenting capitalism as a
+				system of natural laws, exemplified by in-game predatory monetisation schemes. On
+				the other hand, games provide necessary down time and relaxation, helping people
+				function in a largely dysfunctional economy and society. Yet leisure remains a
+				contested space which is still unequally distributed, between genders, ethnicities
+				and abilities.
+			</p> -->
+
 			<h2>Fage Not Pound</h2>
 
 			<p>
@@ -111,6 +142,20 @@
 			</p>
 
 			<h2>Colophon</h2>
+			<p>
+				The special Issue 17 "This lootbox found you for a reason" explores how features of
+				(video)games are making us more, not less, productive. Life and work are ‘gamified’
+				through social media, dating apps, and fitness apps designed to increase motivation
+				and productivity. Gamification blurs the lines between play, leisure and labour, to
+				release our collective dopamine for profit. Games in themselves often perform a
+				reproductive role, presenting capitalism as a system of natural laws, exemplified by
+				in-game predatory monetisation schemes. On the other hand, games provide necessary
+				down time and relaxation, helping people function in a largely dysfunctional economy
+				and society. Yet leisure remains a contested space which is still unequally
+				distributed, between genders, ethnicities and abilities. The form of the publication
+				reworks the figure of the loot box, a typically virtual and predatory monetisation
+				scheme.
+			</p>
 
 			<h3>Makers:</h3>
 			<p>
@@ -121,7 +166,7 @@
 			<h3>Co-published by:</h3>
 			<p>
 				Page Not Found and the Master Experimental Publishing (XPUB) at the Piet Zwart
-				Institute, Willem de Kooning Academy, Hogeschool Rotterdam [logo PNF]
+				Institute, Willem de Kooning Academy, Hogeschool Rotterdam [logo PNF]!!!
 			</p>
 
 			<h3>Typeface:</h3>