XPUB
/
SI13
57
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '1f1281c9c1'
${ noResults }
SI13/COLOPHON/index.html

872 lines
23 KiB
HTML
Raw Normal View History Unescape Escape

all folders committed
4 years ago
<html>
<head>
<meta charset="UTF-8">
<script src="jquery-3.5.1.min.js"></script>
<style>
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------PRINT----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@page {
size: 420mm, 297mm;
margin: 0mm;
}
@media print {
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf');
}
@font-face {
font-family: 'Robotobold';
src: url('Roboto-Bold.ttf');
}
@font-face {
font-family: 'Robotomedium';
src: url('Roboto-Medium.ttf');
}
@font-face {
font-family: 'WFTF';
src: url('wftfs-Regular.otf');
}
@font-face {
font-family: 'EBGaramonditalic';
src: url('EBGaramond-MediumItalic.ttf');
}
@font-face {
font-family: 'EBGaramonditalicsemi';
src: url('EBGaramond-SemiBoldItalic.ttf');
}
@font-face {
font-family: 'EBGaramondregular';
src: url('EBGaramond-Medium.ttf');
}
@font-face {
font-family: 'Brut';
src: url('Brut_Grotesque-Text.otf');
}
body {
padding: 2mm;
margin-top: 0;
margin-left: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
border: solid 1px #000;
text-align: left;
}
symbols {
font-size: 100pt;
line-height: 100pt;
font-family: 'WFTF';
}
indent {
color: blue;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
text-indent: 3mm;
}
.titlevertical {
writing-mode: vertical-rl;
display: block;
font-size: 140pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Roboto';
bottom: 10mm;
right: 10mm;
margin-bottom: 10mm;
margin-left: 10mm;
margin-top: 0mm;
}
.titleverticalleft {
writing-mode: vertical-rl;
display: block;
font-size: 140pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Roboto';
top: 10mm;
right: 10mm;
margin-bottom: 10mm;
margin-left: 10mm;
margin-top: 10mm;
margin-right: 0;
}
.title {
display: block;
font-size: 250pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Roboto';
top: 0;
left: 0;
margin-bottom: 10mm;
margin-left: 10mm;
margin-top: 10mm;
margin-bottom: 10mm;
}
.titlebottom {
display: block;
font-size: 250pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Roboto';
bottom: 0;
left: 0;
margin-bottom: 10mm;
margin-left: 10mm;
margin-top: 10mm;
margin-bottom: 10mm;
letter-spacing: -10px;
}
h1 {
color: black;
text-align: left;
font-size: 32pt;
line-height: 34pt;
z-index: 300;
font-family: 'Roboto';
}
h2 {
color: black;
text-align: left;
font-size: 36pt;
line-height: 38pt;
z-index: 300;
font-family: 'Robotobold';
}
p {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
}
p2 {
text-indent: 10mm;
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
}
p3 {
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
}
p3special {
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
padding-right: 20mm;
}
line {
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Roboto';
}
bold {
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Robotobold';
}
medium {
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
z-index: 300;
font-family: 'Robotomedium';
}
garamond {
font-family: 'EBGaramondregular';
}
brut {
font-family: 'Brut';
color: black;
text-align: left;
font-size: 17pt;
line-height: 19pt;
}
* {
box-sizing: border-box;
}
.row:after {
content: "";
display: table;
clear: both;
}
.column {
float: left;
padding: 100mm;
font-size: 24pt;
line-height: 28pt;
font-family: 'Roboto';
vertical-align:bottom;
}
.columnleft {
width: 60%;
margin-left: 10mm;
}
.columnmiddle {
width: 10%;
}
.columnright {
width: 30%;
margin-right: 10mm;
}
italic {
font-family: 'EBGaramonditalic';
font-size: 24pt;
line-height: 26pt;
}
bigitalic {
text-indent: 30mm;
font-family: 'EBGaramonditalicsemi';
font-size: 52pt;
line-height:54pt;
}
bigp {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 36pt;
line-height: 38pt;
z-index: 300;
font-family: 'Roboto';
}
bigmedium {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 36pt;
line-height: 38pt;
z-index: 300;
font-family: 'Roboto';
}
.screen {
display:none;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------SCREEN----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen{
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf');
}
@font-face {
font-family: 'Robotobold';
src: url('Roboto-Bold.ttf');
}
@font-face {
font-family: 'Robotomedium';
src: url('Roboto-Medium.ttf');
}
@font-face {
font-family: 'WFTF';
src: url('wftfs-Regular.otf');
}
@font-face {
font-family: 'EBGaramonditalic';
src: url('EBGaramond-MediumItalic.ttf');
}
@font-face {
font-family: 'EBGaramonditalicsemi';
src: url('EBGaramond-SemiBoldItalic.ttf');
}
@font-face {
font-family: 'EBGaramondregular';
src: url('EBGaramond-Medium.ttf');
}
@font-face {
font-family: 'Brut';
src: url('Brut_Grotesque-Text.otf');
}
body{
display: block;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
position: absolute;
background: black;
width: 98%;
}
h1 {
display: none;
position: fixed;
background: blue;
color: black;
font-family: helvetica;
text-align: left;
line-height: 110%;
font-weight: 900;
position: fixed;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
top: 10px;
left: 10px;
z-index: 300;
}
.title {
display: none;
position: fixed;
font-size: 100px;
line-height: 100%;
font-family: 'Roboto';
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
bottom: 0;
left: 0;
z-index: 100;
}
.titlevertical {
display: none;
position: fixed;
font-size: 100px;
line-height: 100%;
font-family: 'Roboto';
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
bottom: 0;
left: 0;
z-index: 100;
}
.screen {
display: block;
top: 0;
left: 0;
font-size: 60px;
font-family: 'Roboto';
color: white;
z-index: 10;
}
a {
color: grey;
}
.titleverticalleft {
display: none;
}
.titlebottom {
display: none;
}
h1 {
display:none;
}
h2 {
display:none;
}
p {
display:none;
}
p2 {
display:none;
}
p3 {
display:none;
}
p3special {
display:none;
}
line {
display:none;
}
bold {
display:none;
}
medium {
display:none;
}
garamond {
display:none;
}
brut {
display:none
}
* {
box-sizing: border-box;
}
.row:after {
display:none;
}
.column {
display:none;
}
.columnleft {
display:none;
}
.columnmiddle {
display:none;
}
.columnright {
display:none;
}
italic {
display:none;
}
bigitalic {
display:none;
}
bigp {
display:none;
}
bigmedium {
display:none;
}
}
* {
box-sizing: border-box;
}
.row {
display: flex;
}
/* Create two equal columns that sits next to each other */
.column {
vertical-align: text-bottom;
flex: 100%;
padding: 10px;
height: 180px; /* Should be removed. Only for demonstration */
}
</style>
</head>
</html>
<div><span class="screen">CTRL(⌘)+ P to print the A0 colophon (W.I.P)<br>
A3 colophon cover in progress.<a href="A3colophon.html" target="blank">(here)<br></a>
A3 colophon end credits in progress.<a href="A3colophoncredits.html" target="blank">(here)<br><br></a>
Please use <a href="https://download-chromium.appspot.com/" target="blank">Chromium</a> Open Source browser and set to Horizontal A0<br><br>
A0 Colophon PDF<a href="Wor(l)ds_For_The_Future_Colophon.pdf" target="blank">(here)</a><br>
A0 Grid PDF<a href="A0Grid_Wor(l)ds_For_The_Future.pdf" target="blank">(here)</a><br><br>
A0 Grid html <a href="grid.html" target="blank">(here)<br><br></a>
Thank you!</span></div>
<div><span class="title">WѺR(L)DS<br>FҨӶ THξ FUTURЭ</span></div>
<div><span class="titlevertical">WѺR(L)DS FҨӶ THξ FUTURЭ</span></div>
<div><span class="titleverticalleft">XPUB 2020</span></div>
<div><span class="titlebottom">XPUB 2020</span></div>
<body>
<div class="row">
<div class="columnleft" style="background-color:white;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2></h2>
<bigp><bigmedium>In a world in which words have the power to shape our lived reality, we are proposing a set of building blocks to reinvision this common landscape, a landscape of a future unknown. Join us and un-map, re-map and re-map an inifinite amount of potential constellations, to navigate a not yet defined world which holds the potential to bleed into the fabric of our shared grounds.</bigmedium></bigp><br><br>
<bigitalic>"The map of reality is not reality, since the description of the thing is not the thing itself. It’s all about interpretation: symbols, parameters, grids. With the lack of interpretation comes the space for the individual abstraction. The abstraction, together with the enforcement of new values and parameters, create new landscapes and possibilities for the future."</bigitalic><br><br>
<br>
<br>
<br>
<p3><bold>WOR(L)DS FOR THE FUTURE</bold> is a re-publishing project compiled by the first year XPUB MA students and mentoring team as part of the special issue project #13.<br>
The project aims to explore how re-publishing can resonate with the students artistic responses to the original project, as well as how it could be made accessible to a wider audience.<br>
Together, the ten original essays desirably imply a respectful and unruled future, therefore the XPUB students agree that the republishing project can be poetically themed with counter-hegemonism.<br>
The project will hopefully be considered as a beacon of hope for both the present and the future.</p3>
<br><br><br><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2>Guests & teachers:</h2>
<bigp>Nienke Scholts, Aymeric Mansoux, Steve Rushton, Lidia Pereira, Manetta Berends, Michael Murtaugh</bigp><br>
<br>
<h2>Online publication:</h2>
<bigp>https://hub.xpub.nl/sandbot/words-for-the-future/</bigp></div>
<div class="columnmiddle " style="background-color:white;">
<h2></h2>
<!-- <p3special>
<bold>WOR(L)DS FOR THE FUTURE</bold> is a re-publishing project compiled by the first year XPUB MA students and mentoring team as part of the special issue project #13.<br>
The project aims to explore how re-publishing can resonate with the students artistic responses to the original project, as well as how it could be made accessible to a wider audience.<br>
Together, the ten original essays desirably imply a respectful and unruled future, therefore the XPUB students agree that the republishing project can be poetically themed with counter-hegemonism.<br>
The project will hopefully be considered as a beacon of hope for both the present and the future.
</p3special>-->
</div>
<div class="columnright" style="background-color:white">
<h2>Wor(l)ds for the Future [2020]</h2>
<p3><medium>This is is a re-publishing project compiled by the first year XPUB MA students and mentoring team as part of the special ISSUE #13.</medium><br>
Re-Publishing Responses:</p3>
<br><br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Liquid</italic><br><p2> Kendal</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Otherness</italic><br><p2> Jacopo</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Practical</italic><br><p2> Federico</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Eco-Swaraj</italic><br><p2> Floor</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Hope</italic><br><p2> Euna</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Undecidability</italic><br><p2> Nami</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Resurgence</italic><br><p2> Louisa</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>!?</italic><br><p2> Clara</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Atata</italic><br><p2> Camilo </p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>Tense</italic><br><p2> Martin</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br><br>
<h2>Words for the future [2016]</h2>
<p3>directed by Nienke Scholts<br>
<br>
AUTHORS:<br></p3>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>LIQUID</italic><br><p2>
Rachel Armstrong Andrea Božic & Julia Willms (TILT)</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>OTHERNESS</italic><br><p2>
Daniel L. Everett, Sarah Moeremansl</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>PRACTICAL VISION</italic><br><p2> Moses Kilolo (Jalada), Klara van Duijkeren & Vincent Schipper (The Future)</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>ECO-SWARAJA</italic><br><p2>
shish Kothari, Rodrigo Sobarzo</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>HOPE</italic><br><p2> Gurur Ertem, Ogutu Murayalink</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>TENSE</italic><br><p2>
Simon(e) van Saarloos, Eilit Marom & Anna Massoni & Elpida Orfanidou & Adina Secretan & Simone Truong</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>UNDECIDABILITY</italic><br><p2>
Silvia Bottiroli, Jozef Wouters</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>RESURGENCE</italic><br><p2>
Isabelle Stengers, Ola Macijewska</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>!?</italic><br><p2>
Nina Power, Michiel Vandeveldelink</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<brut>🡢</brut>&#9;<italic>ATATA</italic><br><p2>
Natalia Chavez Lopez, Hilda Moucharrafieh</p2><br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<p3>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h2>Published by XPUB1 students</h2>
<p3><medium>Print run</medium>: 100<br>
<br>
The risograph pages were printed on a Riso MZ1070 in van Beek paper of 120gr at Wdka Print Station<br>
<br>
The A0 poster was printed by ------<br>
<br>
Special Type set in: <br>
<br>
Custom Roboto (All caps Roboto with 10 custom characters made by XPUB1 students)<br>
<br>
wftfs regular ( 10 symbols made by XPUB1 students)<br>
<br>
Made possible by Piet Zwart Institute<br>
<br>
<line>———————————————————————————————————————————————————————————————</line>
<br>
<br>
<br>
Rotterdam, NL<br>
Winter, 2020<br></p3>
</p3></div>
</div>
</body>