Merge branch 'main' of https://git.xpub.nl/XPUB/SI17 into main

3 years ago · 4595a521ce
parent afbdd03769 a44f128dfe
commit 4595a521ce
4 changed files with 187 additions and 37 deletions
--- 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;
+}
--- a/home.html
+++ b/home.html
@ -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>
@ -60,29 +61,6 @@
 					<span class="signed">The box</span>
 				</p>
 			</div>
-			<div class="download" style="font-size: 120px">
-				Download →
-				<a
-					href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf"
-					class="purple"
-					target="_blank"
-				></a
-				><a
-					href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf"
-					class="orange"
-					target="_blank"
-				></a>
-				<br>
-				Purchase → 
-				<a
-					href="https://page-not-found.nl"
-					target="_blank"
-				>Page Not Found</a
-				>
-				<!--put the logo of PNF instead the word Page not Found-->
-			</div>
-
-			<!-- <img src="img/boxes.jpg" /> -->

 			<h2>Inside this publication:</h2>
 			<ul class="index">
@ -116,12 +94,135 @@
 				<li>Can gaming make a better world?</li>
 			</ul>

+			<div class="download" style="font-size: 120px">
+				Download →
+				<a
+					href="https://hub.xpub.nl/soupboat/lootbox/si17-purple.pdf"
+					class="purple"
+					target="_blank"
+				></a
+				><a
+					href="https://hub.xpub.nl/soupboat/lootbox/si17-orange.pdf"
+					class="orange"
+					target="_blank"
+				></a>
+				<br />
+				Purchase →
+				<a href="https://page-not-found.nl" target="_blank">
+					<img src="img/PNF_logo.png" alt="Page Not Found"
+				/></a>
+				<!--put the logo of PNF instead the word Page not Found-->
+			</div>
+
+			<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>
+						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).
+					</span>
+					<br />
+					<span>
+						<a href="https://pzwiki.wdka.nl/mediadesign/Fage_Not_Pound">
+							Read more about Fage not Pound → </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>
+			=======

 			<h2>Launch Event</h2>
 			<!--<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
@ -133,13 +234,13 @@
 				existence lasted much longer in AccAcc (FNP's local time unit).
 			</p>

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

 			<h2>Colophon</h2>
 			<p>
@ -191,6 +292,7 @@
 					>CC4r license</a
 				>
 			</p>
+			>>>>>>> 5d45e3ff1ec37a28eb90a92300b45430e8319736
 		</main>
 	</body>
 </html>
--- a/img/PNF_logo.png
+++ b/img/PNF_logo.png
--- a/js/sentence.js
+++ 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);
+	}
+});