main
km0 3 years ago
commit feb14bc73f

@ -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;
line-height: 1.1;
font-size: min(max(1rem, 2vw), 96px);
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;
height: 68px;
width: var(--size);
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;
}

@ -20,29 +20,63 @@
</header>
<main>
<h2>Intro</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,
<span class="filtered">
<img src="img/boxes.jpg" tabindex="0" />
</span>
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>Index</h2>
<!-- [photo of the lootbox] -->
<div class="letter">
<p>Dear Player,</p>
<p>
I found you for a reason. Welcome to my productive space. Here play meets work.
Time is ordered in unusual ways and patterns unravel. Together, we mess with the
boundaries between leisure and labour.
</p>
<p>
How are your boundaries?
<span class="filtered">
<img src="img/boxes.jpg" tabindex="0" />
</span>
Maybe you shouldnt go to work tomorrow. But could you really follow your own
schedule? Would you be more productive if you chose when to work?
</p>
<p>I never rest and I never work.</p>
<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"
class="purple"
target="_blank"
></a
><a
href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf"
class="orange"
target="_blank"
></a>
</div>
hello
<!-- <img src="img/boxes.jpg" /> -->
<h2>Inside this publication:</h2>
<ul class="index">
<li>What is a loot box?</li>
<li>Crossword imaginary grid game</li>
@ -61,39 +95,36 @@
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>
Download →
<a
href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf"
class="purple"
target="_blank"
></a
><a
href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf"
class="orange"
target="_blank"
></a>
<h2>Digital Contents</h2>
<ul>
<li><a href="unfinished-thoughts" target="_blank">Unfinished thoughts</a></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>
</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>
@ -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>

Loading…
Cancel
Save