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;
}

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