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.
SI13/COLOPHON/A3colophoncredits.html

708 lines
21 KiB
HTML

<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');
}
@font-face {
font-family: 'Custom';
src: url('WFTF_custom-Regular.otf');
}
@font-face {
font-family: 'Robotomono';
src: url('RobotoMono-Regular.ttf');
}
body {
padding: 2mm;
margin-top: 0;
margin-left: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
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: 40pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Roboto';
bottom: 10mm;
right: 10mm;
margin-bottom: 7mm;
margin-left: 10mm;
margin-top: 0mm;
}
.titleverticalleft {
writing-mode: vertical-rl;
display: block;
font-size: 40pt;
line-height: 100%;
position: fixed;
letter-spacing: normal;
font-family: 'Brut';
top: 10mm;
right: 10mm;
margin-bottom: 0mm;
margin-left: 10mm;
margin-top: 7mm;
}
.title {
display: none;
font-size: 75pt;
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: none;
font-size: 75pt;
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: -1px;
}
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: 13pt;
line-height: 15pt;
z-index: 300;
font-family: 'Robotobold';
}
h2c {
color: black;
text-align: left;
font-size: 7pt;
line-height: 15pt;
z-index: 300;
font-family: 'Custom';
}
p {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 13pt;
line-height: 15pt;
z-index: 300;
font-family: 'Roboto';
}
p2 {
text-indent: 10mm;
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Roboto';
}
p3 {
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Roboto';
}
p3special {
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Roboto';
padding-right: 10mm;
}
p10 {
line-height: 16pt;
}
line {
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Roboto';
}
bold {
color: black;
text-align: left;
font-size: 11t;
line-height: 13pt;
z-index: 300;
font-family: 'Robotobold';
}
medium {
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Robotomedium';
}
mediummono {
color: black;
text-align: left;
font-size: 11pt;
line-height: 13pt;
z-index: 300;
font-family: 'Robotomono';
}
garamond {
font-family: 'EBGaramondregular';
}
brut {
font-family: 'Brut';
color: black;
text-align: left;
font-size: 13pt;
line-height: 15pt;
}
* {
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: 30%;
margin-left: 10mm;
margin-top: 15mm;
}
.columnmiddle {
width: 30%;
margin-right: 5mm;
margin-left: 5mm;
margin-top: 15mm;
}
.columnright {
width: 30%;
margin-right: 30mm;
margin-top: 15mm;
}
italic {
font-family: 'EBGaramonditalicsemi';
font-size: 14pt;
line-height: 0pt;
margin-left: 5mm;
}
bigitalic {
text-indent: 30mm;
font-family: 'EBGaramonditalicsemi';
font-size: 19pt;
line-height:21pt;
}
bigp {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 16pt;
line-height: 18pt;
z-index: 300;
font-family: 'Roboto';
}
bigmedium {
text-indent: 7mm;
color: black;
text-align: left;
font-size: 14pt;
line-height: 16pt;
z-index: 300;
font-family: 'Roboto';
}
.screen {
display:none;
}
symbol2 {
font-size: 25pt;
line-height: 17pt;
font-family: 'Custom';
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------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');
}
@font-face {
font-family: 'Custom';
src: url('WFTF_custom-Regular.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 A3 end credits (W.I.P)<br>
Please use <a href="https://download-chromium.appspot.com/" target="blank">Chromium</a> Open Source browser and set to Horizontal A3<br><br>
A3 Cover PDF<a href="A3BACK.pdf" target="blank">(here)</a><br><br>
Thank you!</span></div>
<div><span class="title">WѺR(L)DS<br>FҨӶ THξ FUTURЭ</span></div>
<div><span class="titlevertical">WOR(<symbol2>L</symbol2>)DS FOR THE FUTURE</span></div>
<div><span class="titleverticalleft">🡢</span></div>
<div><span class="titlebottom">XPUB 2020</span></div>
<body>
<div class="row">
<div class="columnleft" style="background-color:white;">
<h2>A pluralistic open license</h2>
<p3><mediummono> © 2020 XPUB - SPECIAL ISSUE 13</mediummono>
<br><br>
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<br> of the project, in whole or in parts, subject to the following conditions.<br></p3>
<p3><h2>We encourage you to: </h2>
&nbsp;&nbsp;&nbsp;Introduce the project to your neighbours, friends, family, etc;<br>
&nbsp;&nbsp;&nbsp;Translate the contents into other languages;<br>
&nbsp;&nbsp;&nbsp;Create new dramaturgies (structures, stories, worlds)<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;from the contents;<br>
&nbsp;&nbsp;&nbsp;Extend this license, as long as the kinship, commercial use<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and attribution conditions remain in force.<br></p3>
<p3><h2>Kinship:</h2>
Kinship implies co-relations between Wor(l)ds For The Future<br> and further distributions which will potentially be made.<br><br>
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<br> of the republished content. For instance, if it is a print or a physical object please send it to XPUB/ WH4.141 t.a.v. Piet Zwart Institute/ WdKA/ Rotterdam Uni. Postbus 1272 300 BG Rotterdam, NL.<br> If it is a file please send it to pzwart-info@hr.nl /attn: XPUB cc. <br> If itis a change in a cloned git repository of the work, please send a patch so we can archive it in a branch.<br><br>
Which means, if you clone or download our git repository (https://git.xpub.nl/XPUB/issue.xpub.nl/src/branch/master/13) <br>to modify the project files, we ask you to send us the modifications so we can archive them as well.<br></p3>
<p3><h2>Commercial use:</h2>
Commercial use is only permitted if no profit is derived.<br> 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.<br></p3>
<p3><h2><h2c>A</h2c>ttribution:</h2>
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.<br></p3>
</div>
<div class="columnmiddle " style="background-color:white;">
<h2>Wor(l)ds for the Future (2020)</h2>
<p3>Conceptualised, designed, created, edited, produced, published and distributed by the XPUB 1 class of 2020:<br><br>
&nbsp;&nbsp;&nbsp;Kendal Beynon<br>
&nbsp;&nbsp;&nbsp;Martin Foucaut<br>
&nbsp;&nbsp;&nbsp;Camilo García A.<br>
&nbsp;&nbsp;&nbsp;Clara Gradel<br>
&nbsp;&nbsp;&nbsp;Nami Kim<br>
&nbsp;&nbsp;&nbsp;Euna Lee<br>
&nbsp;&nbsp;&nbsp;Jacopo Lega<br>
&nbsp;&nbsp;&nbsp;Federico Poni<br>
&nbsp;&nbsp;&nbsp;Louisa Teichmann<br>
&nbsp;&nbsp;&nbsp;Floor van Meeuwen<br>
</p3> <h2><h2c>T</h2c>utors:</h2><p3>
&nbsp;&nbsp;&nbsp;Manetta Berends<br>
&nbsp;&nbsp;&nbsp;Aymeric Mansoux<br>
&nbsp;&nbsp;&nbsp;Michael Murtaugh<br>
&nbsp;&nbsp;&nbsp;Lídia Pereira<br>
&nbsp;&nbsp;&nbsp;Steve Rushton<br>
&nbsp;&nbsp;&nbsp;Nienke Scholts<br>
</p3>
<!-- <h2>Students:</h2>
<p3><medium>Camilo García</medium>&nbsp;&nbsp;&nbsp;Republishing response: ATATA / Print Production </p3><br><br>
<p3><medium>Clara Gradel</medium>&nbsp;&nbsp;&nbsp;Republishing response: !? </p3><br><br>
<p3><medium>Euna Lee</medium>&nbsp;&nbsp;&nbsp;Layout design, Glyph font desegn, xx, Republishing response: HOPE</p3><br><br>
<p3><medium>Federico Poni</medium>&nbsp;&nbsp;&nbsp;Republishing response: Practical Vision</p3><br><br>
<p3><medium>Jacopo Lega</medium>&nbsp;&nbsp;&nbsp;Launch department / Design department / Republishing response: Otherness</p3><br><br>
<p3><medium>Kendal Beynon</medium>&nbsp;&nbsp;&nbsp;Print Production, Copyediting / Republishing response: Liquid</p3><br><br>
<p3><medium>Louisa Teichmann</medium>&nbsp;&nbsp;&nbsp;Republishing response: Resurgence</p3><br><br>
<p3><medium>Martin Foucaut</medium>&nbsp;&nbsp;&nbsp;Republishing response: ATATA, Design department </p3><br><br>
<p3><medium>Nami Kim</medium>&nbsp;&nbsp;&nbsp;License, xx, xx, republishing response: UNDECIDABILITY </p3> -->
<h2><h2c>P</h2c>rint</h2>
<p3><medium>Print run:</medium> 100<br><br>
&nbsp;&nbsp;&nbsp;The risograph pages were printed on a Riso MZ1070 in van Beek<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;paper of 120gr at Wdka Print Station<br>
&nbsp;&nbsp;&nbsp;The A0 poster was printed by repro-plotservice<br><br>
<medium>Type set:</medium> <br><br>
&nbsp;&nbsp;&nbsp;Roboto<br>
&nbsp;&nbsp;&nbsp;Robotomono<br>
&nbsp;&nbsp;&nbsp;EBGaramond<br><br>
<medium>Special Type set:</medium> <br><br>
&nbsp;&nbsp;&nbsp;Custom Roboto (All caps Roboto with 10 custom characters<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;made by XPUB1 students)<br>
&nbsp;&nbsp;&nbsp;WFTF Regular (10 symbols made by XPUB1 students)<br>
<h2><h2c>T</h2c>hanks</h2>
<p3> Special thanks to Leslie Robbins, Wilco Lamberts and Printroom Rotterdam. Made possible by Piet Zwart Institute</p3><br>
Rotterdam, NL<br>
Winter, 2020<br>
</p3>
</div>
<div class="columnright" style="background-color:white">
<h2>Words for the Future (2017/18)</h2>
<p3>Curated and edited by Nienke Scholts, in collaboration with Veem Huis for Performance, designed and printed by Studio The Future: www.nienkescholts.com/words-for-the-future<br></p3>
<h2><h2c>A</h2c>uthors</h2>
<p10>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Liquid</italic><p2>&nbsp;&nbsp;&nbsp;Rachel Armstrong Andrea Božic & Julia Willms (TILT)</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Otherness</italic><p2>&nbsp;&nbsp;&nbsp;Daniel L. Everett, Sarah Moeremans</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br>
<br>
<brut>🡢</brut>&nbsp;<italic>Practical Vision</italic><p2>&nbsp;&nbsp;&nbsp;Moses Kilolo (Jalada), Klara van Duijkeren<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& Vincent Schipper (Studio The Future)</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Eco-Swaraj</italic><p2>&nbsp;&nbsp;&nbsp;Ashish Kothari, Rodrigo Sobarzo</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Hope</italic><p2>&nbsp;&nbsp;&nbsp;Gurur Ertem, Ogutu Muraya</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Undecidability</italic><p2>&nbsp;&nbsp;&nbsp;Silvia Bottiroli, Jozef Wouters</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Tense</italic><p2>&nbsp;&nbsp;&nbsp;Simon(e) van Saarloos, Eilit Marom & Anna Massoni<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& Elpida Orfanidou & Adina Secretan & Simone Truong </p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Resurgence</italic><p2>&nbsp;&nbsp;&nbsp;Isabelle Stengers, Ola Macijewska</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>!?</italic><p2>&nbsp;&nbsp;&nbsp;Nina Power, Michiel Vandevelde</p2><br>
<br>
<line>————————————————————————————————————————</line>
<br><br>
<brut>🡢</brut>&nbsp;<italic>Atata</italic><p2>&nbsp;&nbsp;&nbsp;Natalia Chavez Lopez, Hilda Moucharrafieh</p2><br>
<br>
<line>————————————————————————————————————————</line>
</p10>
</div>
</div>
</body>