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

capital letters

Browse Source
main
km0 3 years ago
parent 8de551eb47
commit 372a5ec20d
3 changed files with 158 additions and 89 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;
/* color: transparent; */
/* color: white; */
z-index: 1000;
opacity: 0.75;
/* opacity: 0.75; */
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;
}

187
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>
@ -108,89 +109,109 @@
<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>
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
hosted by Page not Found, an art book shop in Den Haag (The Netherlands).
</p>
<p>
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). Fage not Pound was
imagined to host the official launch of This Box Found You For A Reason (Special
Issue #17) a publication by XPUB.
</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>
Ål 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 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>
The bar opened on the 25th of March 2022 from 18:00 to 21:00 but its
existence lasted much longer in AccAcc, the FNP's local time unit.
</span>
<br />
<span
>Read more about it in the
<a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound"> wiki</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>
</main>
</body>
</html>

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