tintin request

master
poni 3 years ago
parent 9b7843d43b
commit b57614dfdf

@ -1 +1 @@
{"hello": {"italian": "ciao", "french": "halo", "dutch": "hoi"}, "practicalvision": {"italian": "visionepratica", "dutch": "praktischinzicht", "german": "praktischevision"}, "prova": {"cane": "dio"}, "bye": {"welsh": "hwyl"}, "please": {"welsh": "osgwelwchyndda"}, "dog": {"welsh": "ci"}, "angry": {"italian": "rabbia"}, "dick": {"italian": "cazzo"}, "beer": {"german": "bier"}, "cabbage": {"german": "kraut"}, "birthday": {"german": "geburtstag"}, "thankyou": {"welsh": "diolch"}, "gross": {"welsh": "ychafi"}, "pig": {"italiano": "maiale"}}
{"hello": {"italian": "ciao", "french": "halo", "dutch": "hallo", "jola": "kasoumey"}, "practicalvision": {"italian": "visionepratica", "dutch": "praktischinzicht", "german": "praktischevision", "romanian": "viziunepractica"}, "prova": {"cane": "dio"}, "bye": {"welsh": "hwyl"}, "please": {"welsh": "osgwelwchyndda"}, "dog": {"welsh": "ci"}, "angry": {"italian": "rabbia"}, "dick": {"italian": "cazzo"}, "beer": {"german": "bier"}, "cabbage": {"german": "kraut"}, "birthday": {"german": "geburtstag"}, "thankyou": {"welsh": "diolch"}, "gross": {"welsh": "ychafi"}, "pig": {"italiano": "maiale"}, "liquid": {"nederlands": "vloeibaar"}}

@ -92,7 +92,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -153,7 +153,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -213,7 +213,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -231,7 +231,7 @@
position: fixed;
bottom: 0;
left: 0;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.page {
page-break-after: always;
@ -935,6 +935,8 @@
@font-face {
font-family: 'Robotomedium';
src: url('Roboto-Medium.ttf');
}
*{ cursor:url('cursor.png'), ;
}
logo {
position: fixed;
@ -992,7 +994,7 @@
color: black;
z-index: 3000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
h3 {
padding-left: 3%;
@ -1017,7 +1019,7 @@
h3:hover {
color: black;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
h4 {
color: black;
@ -1112,7 +1114,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p2 {
padding-left: 3%;
@ -1139,7 +1141,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p3 {
@ -1166,7 +1168,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p5 {
@ -1249,7 +1251,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.content {
position: relative;
@ -1423,7 +1425,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonright {
background-color: transparent;
@ -1449,7 +1451,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright {
background-color: transparent;
@ -1470,13 +1472,13 @@
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.help {
background-color: transparent;
@ -1502,7 +1504,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.response {
background-color: transparent;
@ -1528,7 +1530,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.print {
background-color: transparent;
@ -1554,7 +1556,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
bodytitreleft {
color: black;
@ -1635,7 +1637,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
ident {
text-indent: 100px;
@ -1955,29 +1957,30 @@ Concept, Choreography, Performance / Simone Truong, Eilit Marom, Anna Massoni, E
<h7>/credits</h7></p2>
<p2><h7>credits</h7>
Light, Stage / Roger
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Studer - Mask / Dana Hesse, Katharina Kroll<br>
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Dramaturgy / Igor Dobricic
<h7>/credits</h7></p2>
<p2><h7>credits</h7>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7><br>
Outside eye / Jessica Huber
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Production management / Anke Hoffmann
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Assistance / Samira Bösch.
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Production / association Overseas
<h7>/credits</h7></p2>
<h7>/credits</h7></p2><br>
<p2><h7>credits</h7>
Coproduction / Gessnerallee Zürich, Les

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 B

@ -37,7 +37,7 @@
width: 10mm;
bottom: 1%;
left: 12%;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.page {
page-break-after: always;
@ -727,7 +727,9 @@
font-size: 20px;
line-height: 120%;
}
*{ cursor:url('cursor.png'),auto;
}
/*div {background-color: transparent;}
div a {
text-decoration: none;
@ -753,6 +755,7 @@
display: block;
z-index: 20;
top: 3%;
font-family: helvetica;
left: 1%;
border-radius: 15px 15px 15px 15px;
transition: all 500ms ease-in-out;
@ -765,6 +768,7 @@
position: absolute;
padding: 0% 0%;
display: none;
font-family: helvetica;
transition: all 100ms ease-in-out;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
@ -774,11 +778,12 @@
background: blue;
display: block;
margin-top: 0;
font-family: helvetica;
margin-left: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -786,10 +791,12 @@
}
ul li ul li a {
display:block !important;
font-family: helvetica;
}
ul li ul li:hover {
background: transparent;
transition: all 100ms ease-in-out;
background: transparent;
transition: all 100ms ease-in-out;
font-family: helvetica;
}
/*——————————————————————————————————————————————*/
@ -799,6 +806,7 @@
margin: 0;
padding: 0;
transition: all 500ms ease-in-out;
font-family: helvetica;
}
ul2 li2 {
display: inline-block;
@ -806,6 +814,7 @@
ul2 li2:hover {
}
ul2 li2:hover ul2 {
font-family: helvetica;
position: fixed;
display: block;
z-index: 20;
@ -820,6 +829,7 @@
white-space: nowrap;
}
ul2 li2 ul2 {
font-family: helvetica;
position: absolute;
padding: 0% 0%;
display: none;
@ -829,23 +839,26 @@
background-color: transparent;
}
ul2 li2 ul2 li2 {
font-family: helvetica;
display: block;
margin-top: 0;
margin-right: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
margin-top: 6%;
}
ul2 li2 ul2 li2 a {
font-family: helvetica;
display:block !important;
}
ul2 li2 ul2 li2:hover {
background: transparent;
font-family: helvetica;
transition: all 100ms ease-in-out;
}
@ -853,16 +866,19 @@
ul3 {
display: inline;
font-family: helvetica;
margin: 0;
padding: 0;
transition: all 500ms ease-in-out;
}
ul3 li3 {
font-family: helvetica;
display: inline-block;
}
ul3 li3:hover {
}
ul3 li3:hover ul3 {
font-family: helvetica;
position: fixed;
display: block;
z-index: 20;
@ -876,6 +892,7 @@
transition: all 500ms ease-in-out;
}
ul3 li3 ul3 {
font-family: helvetica;
position: absolute;
padding: 0% 0%;
display: none;
@ -885,24 +902,27 @@
background-color: transparent;
}
ul3 li3 ul3 li3 {
font-family: helvetica;
display: block;
margin-bottom: 0;
margin-right: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
margin-bottom: 6%;
}
ul3 li3 ul3 li3 a {
font-family: helvetica;
display:block !important;
}
ul3 li3 ul3 li3:hover {
background: transparent;
transition: all 100ms ease-in-out;
background: transparent;
font-family: helvetica;
transition: all 100ms ease-in-out;
}
logo {
position: fixed;
@ -960,7 +980,7 @@
color: black;
z-index: 3000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
h3 {
padding-left: 3%;
@ -985,7 +1005,7 @@
h3:hover {
color: black;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
h4 {
color: black;
@ -1098,7 +1118,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p {
padding-left: 3%;
@ -1129,7 +1149,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 30px 0px #0000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
}
p2 {
@ -1157,7 +1177,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p3 {
@ -1184,7 +1204,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
p5 {
@ -1267,7 +1287,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.content {
position: relative;
@ -1382,7 +1402,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.href {
color: #353535;
@ -1415,7 +1435,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonright {
background-color: transparent;
@ -1441,7 +1461,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright {
background-color: transparent;
@ -1462,13 +1482,13 @@
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.help {
background-color: transparent;
@ -1494,7 +1514,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.response {
background-color: transparent;
@ -1520,7 +1540,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
.print {
background-color: transparent;
@ -1546,7 +1566,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
background: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
bodytitreleft {
color: black;
@ -1679,7 +1699,7 @@
color: black;
background-color: #CCCCCC;
z-index: 300;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
}
sectionvertical {
@ -1731,7 +1751,6 @@
<span class="dot"></span>
</div>
<ul>
<li>
<a href="../"><button class="button"><h7>button</h7>Wor(l)ds<h7>/button</h7>

@ -51,6 +51,8 @@
font-family: 'Brutbold';
src: url('Brut_Grotesque-Bold.otf');
}
*{ cursor:url('cursor.png'),auto;
}
brut {
font-family: 'Brut';
color: black;
@ -112,7 +114,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -173,7 +175,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -233,7 +235,7 @@
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
/*mix-blend-mode: hard-light;*/
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
@ -251,7 +253,7 @@
position: fixed;
bottom: 0;
left: 0;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.page {
page-break-after: always;
@ -970,6 +972,8 @@
background-attachment: fixed;
text-align: left;
position: absolute;
}
*{ cursor:url('cursor.png'),auto;
}
h1 {
color: transparent;
@ -1007,7 +1011,7 @@
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 500ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
h3 {
padding-left: 3%;
@ -1031,7 +1035,7 @@
color: transparent;
background-color: transparent;
color: black;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
@ -1181,7 +1185,7 @@
border-radius: 15px 15px 15px 15px;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
p5 {
padding-left: 1%;
@ -1229,7 +1233,7 @@
font-weight: normal;
text-align: left;
font-family: helvetica;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
@ -1245,7 +1249,7 @@
z-index: 300;
border-radius: 50px 50px 50px 50px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
sup {
color: transparent;
@ -1302,6 +1306,7 @@
.square:after {
content: "";
display: block;
font-family: helvetica;
padding-top: 50%;
padding-right: 50%;
z-index: 100;
@ -1309,6 +1314,7 @@
}
.square:hover {
color: black;
font-family: helvetica;
transition: all 400ms ease-in-out;
z-index: 300;
border-radius: 2% 2% 2% 2%;
@ -1316,7 +1322,6 @@
}
.content {
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*color: #353535;*/
color: transparent;
border-radius: 6% 6% 6% 6%;
@ -1325,11 +1330,17 @@
font-family: helvetica;
font-size: 20px;
height: 100%;
transition: all 400ms ease-in-out;
z-index: 100;
}
.content {
.content:hover {
color: black;
font-family: helvetica;
transition: all 400ms ease-in-out;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
}
footnotes {
color: transparent;
font-family: helvetica;
@ -1369,7 +1380,7 @@
color: black;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
boxlink {
content: "\a";
@ -1399,7 +1410,7 @@
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
border-radius: 100px 100px 100px 100px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
a{
text-decoration: none;
@ -1445,7 +1456,7 @@
background-color: transparent;
border-radius: 15px 15px 15px 15px;
z-index: 300;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.href {
color: #353535;
@ -1478,7 +1489,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background-color: transparent;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.buttonright {
background-color: transparent;
@ -1504,7 +1515,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background: #CCCCCC;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.buttonbottomright {
background-color: transparent;
@ -1525,13 +1536,13 @@
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.buttonbottomright:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background: #CCCCCC;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.help {
background-color: transparent;
@ -1557,7 +1568,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background: #CCCCCC;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.response {
background-color: transparent;
@ -1583,7 +1594,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background: #CCCCCC;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
.print {
background-color: transparent;
@ -1609,7 +1620,7 @@
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: transparent;
background: #CCCCCC;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
bodytitreleft {
color: transparent;
@ -1688,7 +1699,7 @@
z-index: 300;
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
ident {
text-indent: 100px;
@ -1794,7 +1805,7 @@
z-index: 300;
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
sectionvertical {
display: none;
@ -1828,7 +1839,7 @@
transition: all 400ms ease-in-out;
color: black;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
/*mix-blend-mode: hard-light;*/
/*/*mix-blend-mode: hard-light;*/*/
}
}
@ -1849,6 +1860,9 @@
.button {
left: 25%;
}
.button {
left: 25%;
}
.buttonright {
visibility:hidden;
@ -1862,8 +1876,7 @@
.print {
display: none;
}
}
}
</style>

@ -1,232 +1 @@
<!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 : <a href = "https://hub.xpub.nl/sandbot/words-for-the-future/LIQUID/LIQUID%20-%20Beginning%20print.jpg">the image</a> that was the original artistic response to LIQUID by TILT (Andrea Božić and Julia Willms) falls under their copyright and is excluded from this license.</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>
<html><head><meta http-equiv="Refresh" content="0; url='https://issue.xpub.nl/13'"/></head></html>

@ -1 +0,0 @@
<html><head><meta http-equiv="Refresh" content="0; url='https://issue.xpub.nl/13'"/></head></html>
Loading…
Cancel
Save