added license, readme

master
poni 4 years ago
parent 7831faa20f
commit a0e90022db

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

@ -13,6 +13,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
<script src="scripts/plain-draggable.min.js"></script> <script src="scripts/plain-draggable.min.js"></script>
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script> <script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="ico.png">
</head> </head>
<body> <body>
<div class='testa'> <div class='testa'>

@ -11,7 +11,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/p5.scribble.js"></script> <script language="javascript" type="text/javascript" src="../scripts/p5.scribble.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="../P.ico"> <link rel="shortcut icon" type="image/x-icon" href="../ico.png">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>

@ -2,3 +2,70 @@
## A Republishing Toolkit for an Imaginary Atlas ## A Republishing Toolkit for an Imaginary Atlas
SPECIAL ISSUE 13 - XPUB2020 SPECIAL ISSUE 13 - XPUB2020
Online publication:
https://issue.xpub.nl/13
### 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.
This project is a republication of Words for the Future (2018), a multivoiced series of ten booklets. In the 2020 version, XPUB (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.
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.
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.
Join us to un-map and re-map an infinite amount of potential constellations of tomorrow, and to navigate speculative wor(l)ds which holds the capacity
to bleed into the very fabric of our shared grounds.
## Conceptualised, designed, created, edited, produced, published and distributed by the XPUB 1 class of 2020:
* Kendal Beynon
* Martin Foucaut
* Camilo García A.
* Clara Gradel
* Nami Kim
* Euna Lee
* Jacopo Lega
* Federico Poni
* Louisa Teichmann
* Floor van Meeuwen
## Tutors:
* Manetta Berends
* Aymeric Mansoux
* Michael Murtaugh
* Lídia Pereira
* Steve Rushton
* Nienke Scholts
## Print
### Print run: 100
* The risograph pages were printed on a Riso MZ1070 in van Beek paper of 120gr at Wdka Print Station
* The A0 poster was printed by repro-plotservice
### Type set:
* Roboto
* Robotomono
* EBGaramond
### Special Type set:
* Custom Roboto (All caps Roboto with 10 custom characters made by XPUB1 students)
* WFTF Regular (10 symbols made by XPUB1 students)
## Thanks
Special thanks to Leslie Robbins, Wilco Lamberts and Printroom Rotterdam.
Made possible by Piet Zwart Institute
Rotterdam, NL
Winter, 2020

@ -18,7 +18,7 @@
body{ body{
background: #FBFBF9; background: #EFEFEF;
width: 150%; width: 150%;
height: 52%; height: 52%;

@ -28,7 +28,7 @@
body{ body{
background: #FBFBF9; background: #EFEFEF;
width: 100%; width: 100%;
height: auto; height: auto;
cursor: url('../UNDECIDABILITY/und.ico'), auto; cursor: url('../UNDECIDABILITY/und.ico'), auto;
@ -163,7 +163,7 @@ h1 {
font-family: 'Avenir'; font-family: 'Avenir';
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
width: 11%; width: 12%;
} }
@ -642,7 +642,7 @@ h1 {
</div> </div>
<div id = wrap style = "border: 1px solid; position: absolute; z-index: initial; top: 110px; width: 830px; height: 450%; margin-left: 27%; "></div> <div id = wrap style = "border: 1px solid; position: absolute; z-index: initial; top: 110px; width: 830px; height: 450%; margin-left: 27%; background-color: white;"></div>
<h1 id = intro> <h1 id = intro>

@ -19,7 +19,7 @@
body{ body{
background: #FBFBF9; background: #EFEFEF;
width: 100%; width: 100%;
height: auto; height: auto;
@ -93,7 +93,7 @@ h1 {
display: inline-block; display: inline-block;
width: 420px; width: 420px;
margin-left: 50px; margin-left: 50px;
margin-top: 135px; margin-top: 120px;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
@ -102,12 +102,12 @@ h1 {
#text { #text {
position: absolute; position: absolute;
padding-right: 15px; padding-right: 15px;
top: 135px; top: 120px;
margin-left: 540px; margin-left: 540px;
font-family: Noto Serif; font-family: Noto Serif;
font-size: 12.4pt; font-size: 12.4pt;
line-height: 1.8; line-height: 1.8;
width: 450px; width: 440px;
text-justify: inter-word; text-justify: inter-word;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
@ -118,8 +118,8 @@ h1 {
#text2 { #text2 {
position: absolute; position: absolute;
padding-right: 15px; padding-right: 15px;
top: 135px; top: 310px;
left: 1940px; left: 1740px;
font-family: Noto Serif; font-family: Noto Serif;
font-size: 12.4pt; font-size: 12.4pt;
line-height: 1.8; line-height: 1.8;
@ -164,13 +164,12 @@ Now I have to think of a chair we placed on a playground in a social housing nei
</div> </div>
<div id = pics style = "position: absolute; top: -20px;"> <div id = pics style = "position: absolute; top: -20px; left: -60px;">
<img src="image/und3.png" alt="png" style = "width:360px; height:240px; position: absolute; left: 1130px; top: 170px;"> <img src="image/und3.png" alt="png" style = "width:300px; height:220px; position: absolute; left: 1130px; top: 170px;">
<img src="image/und7.png" alt="png" style = "width:360px; height:480px; position: absolute; left: 1130px; top: 430px; border: 1px solid;"> <img src="image/und1.png" alt="png" style = "width:300px; height:220px; position: absolute; left: 1460px; top: 340px;">
<img src="image/und6.png" alt="png" style = "width:360px; height:480px; position: absolute; left: 1130px; top: 930px; border: 1px solid;"> <img src="image/und2.png" alt="png" style = "width:300px; height:380px; position: absolute; left: 1130px; top: 420px;">
<img src="image/und2.png" alt="png" style = "width:360px; height:440px; position: absolute; left: 1510px; top: 170px;">
<img src="image/und1.png" alt="png" style = "width:360px; height:240px; position: absolute; left: 1510px; top: 630px;"> <img src="image/und4.png" alt="png" style = "width:300px; height:420px; position: absolute; left: 1460px; top: 590px;">
<img src="image/und4.png" alt="png" style = "width:360px; height:480px; position: absolute; left: 1510px; top: 930px;">
</div> </div>

@ -21,6 +21,7 @@
<div class="column left"> <div class="column left">
<p id="showMessage"></p> <p id="showMessage"></p>
</div> </div>
<div class="column right"> <div class="column right">
@ -31,6 +32,7 @@
<button onclick="myFunction3()">▼ Print</button> <button onclick="myFunction3()">▼ Print</button>
</div> </div>
<p id="intro">Words have the power to shape reality. Wor(l)ds for the Future is a set of map making tools to reimagine common landscapes. 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 wor(l)ds, to create Wor(l)ds for the Future. <p id="intro">Words have the power to shape reality. Wor(l)ds for the Future is a set of map making tools to reimagine common landscapes. 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 wor(l)ds, to create Wor(l)ds for the Future.
This project is a republication of Words for the Future (2017/18), a series of ten essays curated and edited by Nienke Scholts. In the 2020 version, XPUB (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 essays were cross-examined and mapped in order to find interconnections and links. This project is a republication of Words for the Future (2017/18), a series of ten essays curated and edited by Nienke Scholts. In the 2020 version, XPUB (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 essays were cross-examined and mapped in order to find interconnections and links.
@ -41,6 +43,7 @@
<p id='gallery'></p> <p id='gallery'></p>
</div> </div>
</div> </div>

@ -51,7 +51,7 @@
:root{ :root{
font-family:'Roboto'; font-family:'Roboto';
--title: 6vw; --title: 6vw;
--sub: 3vw; --sub: 1.5fvw;
--regular: 2vw; --regular: 2vw;
--description: 1vw; --description: 1vw;
--right: 1vw; --right: 1vw;
@ -67,7 +67,7 @@ body{
min-height: 100vh; min-height: 100vh;
background-size: 8vw; background-size: 8vw;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; /* overflow-x: hidden; */
z-index: 100; z-index: 100;
} }
@ -77,7 +77,11 @@ button{
color: black; color: black;
background-color: white; background-color: white;
font-size: var(--description); font-size: var(--description);
border-radius: 40px border-radius: 40px;
/* margin-left: 20vw; */
display: inline-block;
margin: 0 1vw;
/* min-width: 10vw; */
} }
@ -87,7 +91,7 @@ button{
position: relative; position: relative;
/* height: 1vw; */ /* height: 1vw; */
/* margin: 0 6vw; */ /* margin: 0 6vw; */
width: 100vw; /* width: 100vw; */
line-height: 4vw line-height: 4vw
} }
@ -97,10 +101,7 @@ button{
/* padding:-1vw; */ /* padding:-1vw; */
} }
#sub{
font-family: 'EBGaramonditalic';
font-size: var(--sub);
}
.column { .column {
float: left; float: left;
@ -141,7 +142,8 @@ button{
#button{ #button{
text-align: center text-align: center;
} }
@ -191,7 +193,7 @@ text-align: center
} }
.P{ .P{
color: pink; color: #ff14d0; ;
} }
.R{ .R{
@ -368,3 +370,8 @@ text-align: center
font-family: "WFTF_custom-Regular"; font-family: "WFTF_custom-Regular";
font-size: 4vw font-size: 4vw
} }
#sub{
font-family: 'EBGaramonditalic';
font-size: 2.8vw;
}
Loading…
Cancel
Save