From 372a5ec20d27a0d0f010d0eab2659b7f5fea811c Mon Sep 17 00:00:00 2001 From: "kam (from the studio)" Date: Wed, 23 Mar 2022 15:27:17 +0100 Subject: [PATCH] capital letters --- css/style.css | 41 +++++++++-- home.html | 187 +++++++++++++++++++++++++++---------------------- js/sentence.js | 19 +++++ 3 files changed, 158 insertions(+), 89 deletions(-) create mode 100644 js/sentence.js diff --git a/css/style.css b/css/style.css index 4c2012d..c22d3ae 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; + /* 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; +} diff --git a/home.html b/home.html index 62bf37d..2cf933b 100644 --- a/home.html +++ b/home.html @@ -9,6 +9,7 @@ +
@@ -108,89 +109,109 @@
  • Can gaming make a better world?
    • - - -

    Fage Not Pound

    - -

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

    - -

    Colophon

    -

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

    - -

    Makers:

    -

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

    -

    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 -

    +
    +

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

    + +

    + + 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. + +
    + Read more about it in the + wiki. + +

    +
    +
    +

    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 +

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