|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Wor(l)ds for the Future</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
|
|
|
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
|
|
|
<meta http-equiv="page-exit" content="revealtrans(duration=3,transition=2">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="header">
|
|
|
<p id="title">WOR(<span class="customfont">L</span>)DS FOR THE FUTURE<br><span id="sub">Republishing Toolkit for an Imaginary Atlas</span></p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="column left">
|
|
|
<p id="showMessage"></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column right">
|
|
|
|
|
|
<div id="button">
|
|
|
<button onclick="myFunction()">Intro</button>
|
|
|
<button onclick="myFunction2()">Colophon</button>
|
|
|
<button onclick="myFunction4()">License</button>
|
|
|
<button onclick="myFunction3()">Print</button>
|
|
|
</div>
|
|
|
|
|
|
<div id='innest'>
|
|
|
<div id="intro">
|
|
|
<h3>Wor(l)ds for the Future<br>Republishing Tool Kit for an Imaginary Atlas</h3>
|
|
|
<br>
|
|
|
|
|
|
<p>Words have the power to shape reality. Wor(l)ds for the Future is a set of map making tools to re-imagine and collect wor(l)ds, and to re-publish an everchanging atlas. We invite you to delve into the materials and traverse the texts in any way you desire: by cutting and pasting the printed matter, or by unravelling the texts online. The choice is yours. You can reconstruct images and reinterpret words to create Wor(l)ds for the Future.</p><br>
|
|
|
|
|
|
<p>This project is a republication of Words for the Future (2018), a multivoiced series of ten booklets. In the 2020 version, XPUB1 (Experimental Publishing) students from the Piet Zwart institute reinterpret the original material through methods such as annotating and prototyping in Python (a coding language we used to analyse text as texture). The ten booklets were cross-examined and mapped in order to find interconnections and links.</p><br>
|
|
|
|
|
|
<p>We approached this project through the perspective of cartography. Alfred Korzybski wrote: "The map is not the territory". In other words, the description of the thing is not the thing itself. The model is not reality. Cartography always entails a selection and transformation of properties of a complex reality that affect the way maps – partial views of reality – are deciphered and received. With this notion in mind, we created a mapping to highlight our individual explorations and interpretations using a language of symbols created to represent our understanding of the original material of Words for the Future. </p><br>
|
|
|
|
|
|
<p>A map could relate to something that no longer exists. It could also relate to something that does not yet exist. Maps could be seen as fictions therefore, as spaces for the imaginary. </p><br>
|
|
|
|
|
|
|
|
|
<p>Join us to un-map and re-map an infinite amount of potential constellations, and to navigate speculative wor(l)ds which holds the capacity to bleed into the very fabric of our shared grounds.</p>
|
|
|
</div>
|
|
|
|
|
|
<div id="print">
|
|
|
<p>Download and print <a href='WFTF.pdf' target='_blank'>the materials</a> to create your Atlas.<br>We suggest to print as A3. <span style='font-size:55%'>(Otherwise it would be too small)</span></p>
|
|
|
</div>
|
|
|
|
|
|
<div id="license">
|
|
|
|
|
|
<h3>WOR(L)DS FOR THE FUTURE LICENSE (v 0.1)</h3>
|
|
|
<p>A pluralistic open license</p>
|
|
|
|
|
|
<p>© 2020 XPUB - SPECIAL ISSUE 13</p>
|
|
|
<br>
|
|
|
<p>Permission is hereby granted, free of charge, to individual, group(s), and non-profit organization(s), obtaining a copy of this project, to use, copy, print, modify, merge, distribute, and/or sell contents or copies of the project, in whole or in parts, subject to the following conditions.</p>
|
|
|
<br>
|
|
|
<p class='mini' >Exception : the image < </p>
|
|
|
<br>
|
|
|
<b>We encourage you to: </b>
|
|
|
<ul>
|
|
|
<li>introduce the project to your neighbours, friends, family, etc;</li>
|
|
|
|
|
|
<li>translate the contents into other languages;</li>
|
|
|
|
|
|
<li>create new dramaturgies (structures, stories, worlds) from the contents;</li>
|
|
|
|
|
|
<li>extend this license, as long as the kinship, commercial use and attribution conditions remain in force.</li>
|
|
|
</ul>
|
|
|
|
|
|
<br>
|
|
|
<b>Kinship:</b>
|
|
|
<p>Kinship implies co-relations between Wor(l)ds For The Future and further distributions which will potentially be made. If you want to republish and re-distribute the content, verbatim or derivative, we ask you to send us a copy. By copy we mean a copy of the republished content. For instance, if it is a print or a physical object please send it to <i>XPUB/ WH4.141 t.a.v. Piet Zwart Institute/ WdKA/ Rotterdam Uni. Postbus 1272 300 BG Rotterdam, NL</i>. If it is a file please send it to <i>pzwart-info@hr.nl</i> /attn: <i>XPUB</i> cc. If it is a change in a cloned git repository of the work, please send a patch so we can archive it in a branch. Which means, if you clone or download our git repos <i><a target="_blank" href="https://git.xpub.nl/XPUB/issue.xpub.nl/src/branch/master/13">on this link</a></i> to modify the project files, we ask you to send us the modifications so we can archive them as well.</p>
|
|
|
<br>
|
|
|
<b>Commercial use:</b>
|
|
|
<p>Commercial use is only permitted if no profit is derived. Said differently, you can sell copies of the work only to cover the costs of the distribution, printing and/or production, needed to circulate copies of the work. We are asking you to be transparent about such expenses.</p>
|
|
|
<br>
|
|
|
<b>Attribution:</b>
|
|
|
<p>The above copyright notice and this license shall be included in all copies or modified versions of the project. Any re-publication, verbatim or derivative, of the contents must explicitly credit the name(s) of the author(s) of WORDS FOR THE FUTURE, as well as those of the author(s) of WOR(L)DS FOR THE FUTURE. This attribution must make clear what changes have been made.</p></div>
|
|
|
|
|
|
<div id="colophon">
|
|
|
<h3>Wor(l)ds for the Future (2020)</h3>
|
|
|
<p>Conceptualised, designed, created, edited, produced, published and distributed by the XPUB 1 class of 2020:<p>
|
|
|
<ul>
|
|
|
<li>Kendal Beynon</li>
|
|
|
<li>Martin Foucaut</li>
|
|
|
<li>Camilo García A.</li>
|
|
|
<li>Clara Gradel</li>
|
|
|
<li>Nami Kim</li>
|
|
|
<li>Euna Lee</li>
|
|
|
<li>Jacopo Lega</li>
|
|
|
<li>Federico Poni</li>
|
|
|
<li>Louisa Teichmann</li>
|
|
|
<li>Floor van Meeuwen</li>
|
|
|
</ul>
|
|
|
<br>
|
|
|
<p>Tutors:</p>
|
|
|
<ul>
|
|
|
<li>Manetta Berends</li>
|
|
|
<li>Aymeric Mansoux</li>
|
|
|
<li>Michael Murtaugh</li>
|
|
|
<li>Lídia Pereira</li>
|
|
|
<li>Steve Rushton</li>
|
|
|
<li>Nienke Scholts</li>
|
|
|
</ul>
|
|
|
<br>
|
|
|
<p>Print</p>
|
|
|
<p class='mini'>Print run: 100</p>
|
|
|
<ul>
|
|
|
<li>The risograph pages were printed on a Riso MZ1070 in van Beek paper of 120gr at Wdka Print Station</li>
|
|
|
<li>The A0 poster was printed by repro-plotservice</li>
|
|
|
</ul>
|
|
|
<br>
|
|
|
<p>Type set:</p>
|
|
|
<ul>
|
|
|
<li>Roboto</li>
|
|
|
<li>Robotomono</li>
|
|
|
<li>EBGaramond</li>
|
|
|
</ul>
|
|
|
<br>
|
|
|
<p>Special Type set:</p>
|
|
|
<ul>
|
|
|
<li>Custom Roboto (All caps Roboto with 10 custom characters made by XPUB1 students)</li>
|
|
|
<li>WFTF Regular (10 symbols made by XPUB1 students)</li>
|
|
|
</ul>
|
|
|
<br>
|
|
|
<p>Thanks</p>
|
|
|
|
|
|
<p>Special thanks to Leslie Robbins, Wilco Lamberts and Printroom Rotterdam.<br>Made possible by Piet Zwart Institute<br>Rotterdam, NL<br>
|
|
|
Winter, 2020</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p id='gallery'></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function myFunction() {
|
|
|
document.getElementById("intro").style.visibility = "visible";
|
|
|
document.getElementById("colophon").style.visibility = "hidden";
|
|
|
document.getElementById("print").style.visibility = "hidden";
|
|
|
document.getElementById("gallery").style.visibility = "hidden";
|
|
|
document.getElementById("license").style.visibility = "hidden";
|
|
|
}
|
|
|
|
|
|
function myFunction2() {
|
|
|
document.getElementById("intro").style.visibility = "hidden";
|
|
|
document.getElementById("colophon").style.visibility = "visible";
|
|
|
document.getElementById("print").style.visibility = "hidden";
|
|
|
document.getElementById("gallery").style.visibility = "hidden";
|
|
|
document.getElementById("license").style.visibility = "hidden";
|
|
|
}
|
|
|
|
|
|
function myFunction3() {
|
|
|
document.getElementById("intro").style.visibility = "hidden";
|
|
|
document.getElementById("colophon").style.visibility = "hidden";
|
|
|
document.getElementById("print").style.visibility = "visible";
|
|
|
document.getElementById("gallery").style.visibility = "hidden";
|
|
|
document.getElementById("license").style.visibility = "hidden";
|
|
|
}
|
|
|
|
|
|
function myFunction4() {
|
|
|
document.getElementById("intro").style.visibility = "hidden";
|
|
|
document.getElementById("colophon").style.visibility = "hidden";
|
|
|
document.getElementById("print").style.visibility = "hidden";
|
|
|
document.getElementById("gallery").style.visibility = "hidden";
|
|
|
document.getElementById("license").style.visibility = "visible";
|
|
|
}
|
|
|
|
|
|
gallery = document.getElementById("gallery");
|
|
|
|
|
|
|
|
|
var typewriter = new Typewriter(gallery, {
|
|
|
loop:true,
|
|
|
cursor:""
|
|
|
});
|
|
|
|
|
|
typewriter.typeString('A')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('M')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('T')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('L')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('P')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('R')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('U')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('H')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('O')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.typeString('E')
|
|
|
.pauseFor(100)
|
|
|
.deleteAll()
|
|
|
.start();
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src=js.js></script>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
|
|
|