diff --git a/css/style.css b/css/style.css index 4c2012d..68d04fc 100644 --- a/css/style.css +++ b/css/style.css @@ -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; +} diff --git a/home.html b/home.html index dbba233..f8cec11 100644 --- a/home.html +++ b/home.html @@ -9,6 +9,7 @@ +
@@ -60,29 +61,6 @@ The box

-
- Download → - -
- Purchase → - Page Not Found - -
- -

Inside this publication:

- +
+ Download → + +
+ Purchase → + + Page Not Found + +
+ +
+

The Launch

+ +

+ + 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). + +

+ +

+ + 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). + +
+ + + Read more about Fage not Pound → . + +

+
+
+

Colophon

+

+ + The Special Issue 17 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. + +

+ +

Makers:

+

+ 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 +

+

Co-published by:

+

+ Page Not Found and the Master Experimental Publishing (XPUB) at the Piet Zwart + Institute, Willem de Kooning Academy, Hogeschool Rotterdam [logo PNF]!!! +

+ +

Typeface:

+

Special Issue 17 by Supisara Burapachaisri and Jian Haake

+ +

Thanks to:

+

+ 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) +

+ +

License:

+

+ This Box Found You For A Reason
+ 2022 XPUB Special Issue 17
+ Copyleft attitude with a difference:
+ you are invited to share the publication or parts of it with others under the + terms of the + CC4r license +

+
+ =======

Launch Event

-

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).

- - → Read more about Fage not Pound + 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 +

Colophon

@@ -191,6 +292,7 @@ >CC4r license

+ >>>>>>> 5d45e3ff1ec37a28eb90a92300b45430e8319736 diff --git a/img/PNF_logo.png b/img/PNF_logo.png new file mode 100644 index 0000000..73a2392 Binary files /dev/null and b/img/PNF_logo.png differ diff --git a/js/sentence.js b/js/sentence.js new file mode 100644 index 0000000..0b4a4e3 --- /dev/null +++ b/js/sentence.js @@ -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); + } +});