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 3 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 {
font-size: min(max(1rem, 2vw), 96px);
font-size: clamp(24px, 2rem + 2vw, 96px);
line-height: 1.2;
text-transform: uppercase;
font-family: "SI17";
text-align: center;
color: white;
z-index: 1000;
opacity: 0.75;
/* color: white; */
/* opacity: 0.75; */
color: transparent;
user-select: none;
/* -webkit-text-fill: white; */
/* -webkit-text-stroke: 1.5px var(--color); */
-webkit-text-fill: transparent;
-webkit-text-stroke: 1.5px white;
}
.filtered {
@ -90,12 +91,24 @@ img:hover {
.index {
padding: 0;
/* display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; */
}
.index li {
margin: 0 4px;
flex: 1;
display: inline-block;
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 {
@ -130,3 +143,19 @@ a.orange {
.letter {
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" />
<script src="js/color.js"></script>
<script src="js/box.js" defer></script>
<script src="js/sentence.js" defer></script>
</head>
<body>
<div id="container"></div>
@ -60,29 +61,6 @@
<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>
<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>
<ul class="index">
@ -116,12 +94,135 @@
<li>Can gaming make a better world?</li>
</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>Fage Not Pound</h2> -->
<p>
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
@ -133,13 +234,13 @@
existence lasted much longer in AccAcc (FNP's local time unit).
</p>
<a
href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound"
target="_blank"
style="background: var(--light-color); text-transform: lowercase"
>
→ Read more about Fage not Pound </a>
href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound"
target="_blank"
style="background: var(--light-color); text-transform: lowercase"
>
→ Read more about Fage not Pound
</a>
<h2>Colophon</h2>
<p>
@ -191,6 +292,7 @@
>CC4r license</a
>
</p>
>>>>>>> 5d45e3ff1ec37a28eb90a92300b45430e8319736
</main>
</body>
</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