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 { 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; /* color: transparent; */
/* color: white; */
z-index: 1000; z-index: 1000;
opacity: 0.75; /* opacity: 0.75; */
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;
}

111
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>
@ -108,60 +109,79 @@
<li>Can gaming make a better world?</li> <li>Can gaming make a better world?</li>
</ul> </ul>
<!-- <div class="fage-not-pound">
<h2>About</h2> <h2>The Launch</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> <p>
Games in themselves often perform a reproductive role, presenting capitalism as a <span>
system of natural laws, exemplified by in-game predatory monetisation schemes. On Fage not Pound was a temporary bar where visitors were invited to actively
the other hand, games provide necessary down time and relaxation, helping people reflect upon the blurred boundary between leisure and labour.
function in a largely dysfunctional economy and society. Yet leisure remains a </span>
contested space which is still unequally distributed, between genders, ethnicities
and abilities.
</p> -->
<h2>Fage Not Pound</h2>
<p> <span>
Fage not Pound was a temporary bar where visitors were invited to actively reflect Fage Not Pound was itself hosted by Page not Found, an art book shop in Den
upon the blurred boundary between leisure and labour. Fage Not Pound was itself Haag (The Netherlands).
hosted by Page not Found, an art book shop in Den Haag (The Netherlands). </span>
</p> </p>
<p> <p>
Fage not Pound opened on the 25th of March 2022 from 18:00 to 21:00 but its <span>
existence lasted much longer in AccAcc (FNP's local time unit). Fage not Pound was The bar opened on the 25th of March 2022 from 18:00 to 21:00 but its
imagined to host the official launch of This Box Found You For A Reason (Special existence lasted much longer in AccAcc, the FNP's local time unit.
Issue #17) a publication by XPUB. </span>
<br />
<span
>Read more about it in the
<a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound"> wiki</a>.
</span>
</p> </p>
</div>
<div class="colophon">
<h2>Colophon</h2> <h2>Colophon</h2>
<p> <p>
The special Issue 17 "This lootbox found you for a reason" explores how features of <span>
(video)games are making us more, not less, productive. Life and work are ‘gamified’ The Special Issue 17 explores how features of video–games are making us
through social media, dating apps, and fitness apps designed to increase motivation more, not less, productive.
and productivity. Gamification blurs the lines between play, leisure and labour, to </span>
release our collective dopamine for profit. Games in themselves often perform a
reproductive role, presenting capitalism as a system of natural laws, exemplified by <span>
in-game predatory monetisation schemes. On the other hand, games provide necessary Life and work are
down time and relaxation, helping people function in a largely dysfunctional economy <em> gamified</em> through social media, dating apps, and fitness apps
and society. Yet leisure remains a contested space which is still unequally designed to increase motivation and productivity.
distributed, between genders, ethnicities and abilities. The form of the publication </span>
reworks the figure of the loot box, a typically virtual and predatory monetisation
scheme. <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> </p>
<h3>Makers:</h3> <h3>Makers:</h3>
<p> <p>
Ål Nik (Alexandra Nikolova), Carmen Gray, Chaeyoung Kim, Emma Prato, Erica Al Nik (Alexandra Nikolova), Carmen Gray, Chaeyoung Kim, Emma Prato, Erica
Gargaglione, Francesco Luzzana, Gersande Schellinx, Jian Haake, Kimberley Cosmilla, Gargaglione, Francesco Luzzana, Gersande Schellinx, Jian Haake, Kimberley
Miriam Schöb, Mitsa Chaida, Supisara Burapachaisri Cosmilla, Miriam Schöb, Mitsa Chaida, Supisara Burapachaisri
</p> </p>
<h3>Co-published by:</h3> <h3>Co-published by:</h3>
<p> <p>
@ -176,8 +196,8 @@
<p> <p>
Lídia Pereira (ed.), Michael Murtaugh, Manetta Berends, Steve Rushton, Aymeric Lídia Pereira (ed.), Michael Murtaugh, Manetta Berends, Steve Rushton, Aymeric
Mansoux, Leslie Robbins, Sébastien Tien, Ola Vasiljeva, Dagmar Bosma, Paolo Mansoux, Leslie Robbins, Sébastien Tien, Ola Vasiljeva, Dagmar Bosma, Paolo
Pedercini, Shira Chess, Cory Arcangel, Sepp Eckenhaussen & Koen Bartijn (Platform Pedercini, Shira Chess, Cory Arcangel, Sepp Eckenhaussen & Koen Bartijn
BK) March 2022 Rotterdam (The Netherlands) (Platform BK) March 2022 Rotterdam (The Netherlands)
</p> </p>
<h3>License:</h3> <h3>License:</h3>
@ -185,12 +205,13 @@
This Box Found You For A Reason <br /> This Box Found You For A Reason <br />
2022 XPUB Special Issue 17 <br /> 2022 XPUB Special Issue 17 <br />
Copyleft attitude with a difference: <br /> Copyleft attitude with a difference: <br />
you are invited to share the publication or parts of it with others under the terms you are invited to share the publication or parts of it with others under the
of the terms of the
<a href="https://constantvzw.org/wefts/cc4r.en.html" target="_blank" <a href="https://constantvzw.org/wefts/cc4r.en.html" target="_blank"
>CC4r license</a >CC4r license</a
> >
</p> </p>
</div>
</main> </main>
</body> </body>
</html> </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