XPUB
/
SI17
57
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'main' of https://git.xpub.nl/XPUB/SI17 into main

Browse Source
main
SUPISARA_BURAPACHAISRI 2 years ago
parent afbdd03769 a44f128dfe
commit 4595a521ce
4 changed files with 187 additions and 37 deletions
Show Stats Download Patch File Download Diff File

41
css/style.css
Unescape Escape View File

@ -43,17 +43,18 @@ header {
} }
h1 { h1 {
font-size: min(max(1rem, 2vw), 96px); font-size: clamp(24px, 2rem + 2vw, 96px);
line-height: 1.2; line-height: 1.2;
text-transform: uppercase; text-transform: uppercase;
font-family: "SI17"; font-family: "SI17";
text-align: center; text-align: center;
color: white;
z-index: 1000; z-index: 1000;
opacity: 0.75; /* color: white; */
/* opacity: 0.75; */
color: transparent;
user-select: none; user-select: none;
/* -webkit-text-fill: white; */ -webkit-text-fill: transparent;
/* -webkit-text-stroke: 1.5px var(--color); */ -webkit-text-stroke: 1.5px white;
} }
.filtered { .filtered {
@ -90,12 +91,24 @@ img:hover {
.index { .index {
padding: 0; padding: 0;
/* display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; */
} }
.index li { .index li {
margin: 0 4px; flex: 1;
display: inline-block; display: inline-block;
text-transform: uppercase; text-transform: uppercase;
/* font-weight: bold;
color: transparent;
-webkit-text-fill: transparent;
-webkit-text-stroke: 2px var(--color); */
}
.index li:hover {
color: var(--color);
} }
.index li::first-letter { .index li::first-letter {
@ -130,3 +143,19 @@ a.orange {
.letter { .letter {
font-style: italic; font-style: italic;
} }
h2::first-letter,
h3::first-letter,
.fage-not-pound .first::first-letter,
.colophon .first::first-letter {
text-transform: uppercase;
font-family: "SI17";
}
.fage-not-pound .first,
.colophon span .first {
display: inline-block;
width: auto;
margin: 0;
padding: 0;
}

164
home.html
Unescape Escape View File

@ -9,6 +9,7 @@
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
<script src="js/color.js"></script> <script src="js/color.js"></script>
<script src="js/box.js" defer></script> <script src="js/box.js" defer></script>
<script src="js/sentence.js" defer></script>
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
@ -60,29 +61,6 @@
<span class="signed">The box</span> <span class="signed">The box</span>
</p> </p>
</div> </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>
<br>
Purchase →
<a
href="https://page-not-found.nl"
target="_blank"
>Page Not Found</a
>
<!--put the logo of PNF instead the word Page not Found-->
</div>
<!-- <img src="img/boxes.jpg" /> -->
<h2>Inside this publication:</h2> <h2>Inside this publication:</h2>
<ul class="index"> <ul class="index">
@ -116,12 +94,135 @@
<li>Can gaming make a better world?</li> <li>Can gaming make a better world?</li>
</ul> </ul>
<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>
<br />
Purchase →
<a href="https://page-not-found.nl" target="_blank">
<img src="img/PNF_logo.png" alt="Page Not Found"
/></a>
<!--put the logo of PNF instead the word Page not Found-->
</div>
<div class="fage-not-pound">
<h2>The Launch</h2>
<p>
<span>
Fage not Pound was a temporary bar where visitors were invited to actively
reflect upon the blurred boundary between leisure and labour.
</span>
<span>
Fage Not Pound was itself hosted by Page not Found, an art book shop in Den
Haag (The Netherlands).
</span>
</p>
<p>
<span>
Fage not Pound opened on the 25th of March 2022 from 18:00 to 21:00 but its
existence lasted much longer in AccAcc (FNP's local time unit).
</span>
<br />
<span>
<a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound">
Read more about Fage not Pound → </a
>.
</span>
</p>
</div>
<div class="colophon">
<h2>Colophon</h2>
<p>
<span>
The Special Issue 17 explores how features of video–games are making us
more, not less, productive.
</span>
<span>
Life and work are
<em> gamified</em> through social media, dating apps, and fitness apps
designed to increase motivation and productivity.
</span>
<span>
Gamification blurs the lines between play, leisure and labour, to release
our collective dopamine for profit.
</span>
<span>
Games in themselves often perform a reproductive role, presenting capitalism
as a system of natural laws, exemplified by in-game predatory monetisation
schemes.
</span>
</p>
<p>
<span>
On the other hand, games provide necessary down time and relaxation, helping
people function in a largely dysfunctional economy and society.
</span>
<span>
Yet leisure remains a contested space which is still unequally distributed,
between genders, ethnicities and abilities.
</span>
<span>
The form of the publication reworks the figure of the loot box, a typically
virtual and predatory monetisation scheme.
</span>
</p>
<h3>Makers:</h3>
<p>
Al Nik (Alexandra Nikolova), Carmen Gray, Chaeyoung Kim, Emma Prato, Erica
Gargaglione, Francesco Luzzana, Gersande Schellinx, Jian Haake, Kimberley
Cosmilla, Miriam Schöb, Mitsa Chaida, Supisara Burapachaisri
</p>
<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]!!!
</p>
<h3>Typeface:</h3>
<p>Special Issue 17 by Supisara Burapachaisri and Jian Haake</p>
<h3>Thanks to:</h3>
<p>
Lídia Pereira (ed.), Michael Murtaugh, Manetta Berends, Steve Rushton, Aymeric
Mansoux, Leslie Robbins, Sébastien Tien, Ola Vasiljeva, Dagmar Bosma, Paolo
Pedercini, Shira Chess, Cory Arcangel, Sepp Eckenhaussen & Koen Bartijn
(Platform BK) March 2022 Rotterdam (The Netherlands)
</p>
<h3>License:</h3>
<p>
This Box Found You For A Reason <br />
2022 XPUB Special Issue 17 <br />
Copyleft attitude with a difference: <br />
you are invited to share the publication or parts of it with others under the
terms of the
<a href="https://constantvzw.org/wefts/cc4r.en.html" target="_blank"
>CC4r license</a
>
</p>
</div>
=======
<h2>Launch Event</h2> <h2>Launch Event</h2>
<!--<h2>Fage Not Pound</h2> --> <!--<h2>Fage Not Pound</h2> -->
<p> <p>
Fage not Pound was a temporary bar where visitors were invited to actively reflect Fage not Pound was a temporary bar where visitors were invited to actively reflect
upon the blurred boundary between leisure and labour. Fage Not Pound was itself upon the blurred boundary between leisure and labour. Fage Not Pound was itself
@ -133,13 +234,13 @@
existence lasted much longer in AccAcc (FNP's local time unit). existence lasted much longer in AccAcc (FNP's local time unit).
</p> </p>
<a <a
href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound" href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound"
target="_blank" target="_blank"
style="background: var(--light-color); text-transform: lowercase" style="background: var(--light-color); text-transform: lowercase"
> >
→ Read more about Fage not Pound </a> → Read more about Fage not Pound
</a>
<h2>Colophon</h2> <h2>Colophon</h2>
<p> <p>
@ -191,6 +292,7 @@
>CC4r license</a >CC4r license</a
> >
</p> </p>
>>>>>>> 5d45e3ff1ec37a28eb90a92300b45430e8319736
</main> </main>
</body> </body>
</html> </html>

BIN
img/PNF_logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

19
js/sentence.js
Unescape Escape View File

@ -0,0 +1,19 @@
const sentences = Array.from(document.querySelectorAll("span"));
console.log(sentences);
sentences.forEach((sentence) => {
let content = sentence.textContent.trim();
if (content) {
let first = content[0];
let rest = content.substring(1);
sentence.innerHTML = rest;
let capital = document.createElement("span");
capital.classList.add("first");
capital.innerHTML = first;
sentence.prepend(capital);
}
});
Write Preview
Loading…
Cancel
Save