commit practical vision

master
poni 4 years ago
parent 44e9943b46
commit 8cbe67001a

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 577 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 578 KiB

@ -1,22 +0,0 @@
@page{
size:A4;
background-color:lightgrey;
margin:10mm;
}
.JJ{
color:red;
}
.VB,
.VBG{
color:magenta;
}
.NN,
.NNP{
color:green;
}
.EX{
color: blue;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="manifesto.css">
<title>A LIQUID MANIFESTO</title>
<style type=""text/css"">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;
}
@font-face {
font-family: Roboto-Mono;
src: url(fonts/Roboto Mono)}
@page{
size: A3;
margin: 15mm;
background-image: url("A0Grid_30opac-01.png");
background-size: cover;
font-family: monospace;
border:1px dotted #00939b;
}
body{
margin: 15mm;
background-image: url("A0Grid_30opac-01.png");
background-size: cover;
font-family: Roboto Mono, monospace;
font-size: 10pt;
line-height: 1.4;
color: black;
padding-left: 150px;
padding-right: 150px;
padding-top: 25px;
}
h1{
width: 100%;
text-align: center;
font-family: monospace;
font-size:50pt;
line-height: 1.25;
color: #00939b;
}
</style>
</head>
<body>
<h1>A LIQUID MANIFESTO</h1>
<p>1. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">an</span> <span class="JJ">uncertain</span> <span class="NN">realm</span>. <span class="DT">The</span> <span class="NNS">concepts</span> <span class="VBN">needed</span> <span class="TO">to</span> <span class="VB">realise</span> <span class="PRP$">its</span> <span class="NN">potential</span> <span class="VBP">have</span> <span class="RB">not</span> <span class="RB">yet</span> <span class="VBN">existed</span> <span class="IN">until</span> <span class="RB">now</span>. <span class="DT">The</span> <span class="NN">hypercomplexity</span> <span class="CC">and</span> <span class="NN">hyperobject-ness</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">terrains</span> <span class="VBZ">exceeds</span> <span class="PRP$">our</span> <span class="NN">ability</span> <span class="TO">to</span> <span class="VB">observe</span> <span class="CC">or</span> <span class="VB">comprehend</span> <span class="PRP">them</span> <span class="IN">in</span> <span class="PRP$">their</span> <span class="NN">totality</span>. <span class="RB">Indeed</span>, <span class="WP">what</span> <span class="PRP">we</span> <span class="RB">typically</span> <span class="VBP">recognise</span> <span class="IN">as</span> <span class="NN">living</span> <span class="NNS">things</span> <span class="VBP">are</span> <span class="NNS">by-products</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">processes</span>. </p>
<hr width="100%" size="8" align="center">
<p>2. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="NN">worldview</span>. <span class="DT">A</span> <span class="NN">phantasmagoria</span> <span class="IN">of</span> <span class="NNS">effects</span>>, <span class="NN">disobedient</span> <span class="NNS">substances</span>, <span class="JJ">evasive</span> <span class="NNS">strategies</span>, <span class="NNS">dalliances</span>, <span class="NNS">skirmishes</span>, <span class="NNS">flirtations</span>, <span class="NNS">addictions</span>, <span class="JJ">quantum</span> <span class="NN">phenomena</span>, <span class="JJ">unexpected</span> <span class="NNS">twists</span>, <span class="JJ">sudden</span> <span class="NNS">turns</span>, <span class="JJ">furtive</span> <span class="NNS">exchanges</span>, <span class="RB">sly</span> <span class="NNS">manoeuvres</span>, <span class="IN">blind</span> <span class="NNS">alleys</span>, <span class="CC">and</span> <span class="JJ">exuberant</span> <span class="NNS">digressions</span>. <span class="PRP">It</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">reduced</span> <span class="IN">into</span> <span class="JJ">simple</span> <span class="NNS">ciphers</span> <span class="IN">of</span> <span class="NN">process</span>, <span class="NN">substance</span>, <span class="NN">method</span>, <span class="CC">or</span> <span class="NN">technology</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="DT">a</span> <span class="NN">set</span> <span class="IN">of</span> <span class="JJ">particular</span> <span class="NNS">materials</span> <span class="WDT">that</span> <span class="VBP">comprise</span> <span class="DT">a</span> <span class="JJ">recognizable</span> <span class="NN">body</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="JJ">vital</span> <span class="NNS">processes</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="VBN">shaped</span> <span class="VBG">according</span> <span class="TO">to</span> <span class="JJ">specific</span> <span class="NN">contexts</span> <span class="CC">and</span> <span class="JJ">subjective</span> <span class="NNS">encounters</span>. <span class="CC">Yet</span> <span class="PRP">we</span> <span class="VBP">recognise</span> <span class="PRP$">its</span> <span class="NN">coherence</span> <span class="IN">through</span> <span class="DT">the</span> <span class="NNS">lives</span> <span class="IN">of</span> <span class="NNS">beings</span>, <span class="WDT">which</span> <span class="VBP">remain</span> <span class="JJ">cogent</span> <span class="IN">despite</span> <span class="JJ">incalculable</span> <span class="JJ">persistent</span> <span class="NNS">changes</span> <span class="JJ">such</span> <span class="IN">as</span> <span class="NNS">flows</span>,<span class="NNS">ambiguities</span>, <span class="JJ">transitional</span> <span class="NNS">states</span> <span class="CC">and</span> <span class="VBG">tipping</span> <span class="NNS">points</span> <span class="IN">that</span> <span class="VBG">bring</span> <span class="RB">about</span> <span class="JJ">radical</span> <span class="NN">transformation</span> <span class="IN">within</span> <span class="JJ">physical</span> <span class="NNS">systems</span>.</p>
<hr width="100%" size="8" align="center">
<p>3. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="NN">kind</span> <span class="IN">of</span> <span class="FW">metabolic</span> <span class="PRP$">weather</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="JJ">dynamic</span> <span class="JJ">substrate</span> - <span class="CC">or</span> <span class="NN">hyperbody</span> - <span class="WDT">that</span> <span class="VBZ">permeates</span> <span class="DT">the</span> <span class="NN">atmosphere</span>, <span class="JJ">liquid</span> <span class="NNS">environments</span>, <span class="NNS">soils</span> <span class="CC">and</span> <span class="NNP">Earth's</span> <span class="NN">crust</span>. <span class="CC"></span> <span class="NNP">Metabolic</span> <span class="VBP">weather</span> <span class="JJ"></span> <span class="NNS">refers</span> <span class="TO">to</span> <span class="JJ">complex</span> <span class="NN">physical</span>, <span class="NN">chemical</span> <span class="CC">and</span> <span class="RB">even</span> <span class="JJ">biological</span> <span class="NNS">outcomes</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="VBN">provoked</span> <span class="WRB">when</span> <span class="NNS">fields</span> <span class="IN">of</span> <span class="NN">matter</span> <span class="IN">at</span> <span class="DT">the</span> <span class="NN">edge</span> <span class="IN">of</span> <span class="NN">chaos</span> <span class="NN">collide</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="NN">vector</span> <span class="IN">of</span> <span class="NN">infection</span>, <span class="DT">an</span> <span class="NN">expression</span> <span class="IN">of</span> <span class="JJ">recalcitrant</span> <span class="NN">materiality</span> <span class="CC">and</span> <span class="DT">a</span> <span class="NN">principle</span> <span class="IN">of</span> <span class="NN">ecopoiesis</span>, <span class="WDT">which</span> <span class="VBZ">underpins</span> <span class="DT">the</span> <span class="NN">process</span> <span class="IN">of</span> <span class="NN">living</span>, <span class="JJ">lifelike</span> <span class="NNS">events</span> - <span class="CC">and</span> <span class="RB">even</span> <span class="NN">life</span> <span class="PRP">itself</span>. <span class="DT">These</span> <span class="NN">life</span> <span class="NNS">forms</span> <span class="VBP">arise</span> <span class="IN">from</span> <span class="NN">energy</span> <span class="NNS">gradients</span>, <span class="NN">density</span> <span class="NNS">currents</span>, <span class="JJ">katabatic</span> <span class="NNS">flows</span>, <span class="NNS">whirlwinds</span>, <span class="NN">dust</span> <span class="NNS">clouds</span>, <span class="NN">pollution</span> <span class="CC">and</span> <span class="DT">the</span> <span class="JJ">myriad</span> <span class="NNS">expressions</span> <span class="IN">of</span> <span class="NN">matter</span> <span class="WDT">that</span> <span class="VBZ">detail</span> <span class="PRP$">our</span> (<span class="JJ">earthy</span>, <span class="JJ">liquid</span>, <span class="JJ">gaseous</span>) <span class="NNS">terrains</span>. </p>
<hr width="100%" size="8" align="center">
<p>4. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="JJ">immortal</span>. <span class="VBG">Arising</span> <span class="IN">from</span> <span class="PRP$">our</span> <span class="JJ">unique</span> <span class="JJ">planetary</span> <span class="NNS">conditions</span>, <span class="PRP$">its</span> <span class="NNS">ingredients</span> <span class="VBP">are</span> <span class="RB">continually</span> <span class="JJ">re-incorporated</span> <span class="IN">into</span> <span class="JJ">active</span> <span class="JJ">metabolic</span> <span class="NN">webs</span> <span class="IN">through</span> <span class="NNS">cycles</span> <span class="IN">of</span> <span class="NN">life</span> <span class="CC">and</span> <span class="NN">death</span>. <span class="JJS">Most</span> <span class="JJ">deceased</span> <span class="NN">liquid</span> <span class="NN">matter</span> <span class="VBZ">lies</span> <span class="NN">quiescent</span>, <span class="RB">patiently</span> <span class="VBG">waiting</span> <span class="IN">for</span> <span class="PRP$">its</span> <span class="NN">reanimation</span> <span class="IN">through</span> <span class="DT">the</span> <span class="JJ">persistent</span> <span class="NN">metabolisms</span> <span class="IN">within</span> <span class="PRP$">our</span> <span class="NNS">soils</span>.
<hr width="100%" size="8" align="center">
<p>5. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">exceeds</span> <span class="JJ">rhetoric</span>. <span class="PRP$">Its</span> <span class="NNS">concepts</span> <span class="MD">can</span> <span class="VB">be</span> <span class="VBN">embodied</span> <span class="CC">and</span> <span class="RB">experimentally</span> <span class="VBD">tested</span> <span class="VBG">using</span> <span class="DT">a</span> <span class="JJ">trans-disciplinary</span> <span class="NN">approach</span>, <span class="WDT">which</span> <span class="VBZ">draws</span> <span class="IN">upon</span> <span class="DT">a</span> <span class="NN">range</span> <span class="IN">of</span> <span class="JJ">conceptual</span> <span class="NNS">lenses</span> <span class="CC">and</span> <span class="NNS">techniques</span> <span class="TO">to</span> <span class="VB">involve</span> <span class="DT">the</span> <span class="JJ">liquid</span> <span class="NN">realm</span> <span class="IN">with</span> <span class="PRP$">its</span> <span class="JJ">own</span> <span class="JJ"></span> <span class="NN">voice</span> <span class="NNS"></span>. <span class="IN">From</span> <span class="DT">these</span> <span class="NNS">perspectives</span> <span class="VBP">liquid</span> <span class="NNS">technologies</span> <span class="VBP">emerge</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="JJ">capable</span> <span class="IN">of</span> <span class="VBG">generating</span> <span class="JJ">new</span> <span class="NNS">kinds</span> <span class="IN">of</span> <span class="NNS">artefacts</span>, <span class="IN">like</span> <span class="NNP">Bütschli</span> <span class="NNS">droplets</span>, <span class="WDT">which</span> <span class="VBP">are</span> <span class="JJ">liquid</span> <span class="NN">chemical</span> <span class="NNS">assemblages</span> <span class="JJ">capable</span> <span class="IN">of</span> <span class="RB">surprisingly</span> <span class="JJ">lifelike</span> <span class="NNS">behaviours</span>. <span class="DT">These</span> <span class="NNS">agents</span> <span class="VBP">exceed</span> <span class="NN">rhetoric</span>, <span class="IN">as</span> <span class="PRP">they</span> <span class="VBP">possess</span> <span class="PRP$">their</span> <span class="JJ">own</span> <span class="NN">agency</span>, <span class="NNS">semiotics</span>, <span class="CC">and</span> <span class="JJ">choreographic</span> <span class="NNS">impulses</span>, <span class="WDT">which</span> <span class="VBP">allow</span> <span class="PRP">us</span> <span class="TO">to</span> <span class="NN">value</span> <span class="CC">and</span> <span class="VB">engage</span> <span class="IN">in</span> <span class="NN">discourse</span> <span class="IN">with</span> <span class="PRP">them</span> <span class="IN">on</span> <span class="PRP$">their</span> <span class="NNS">terms</span>. <span class="DT">The</span> <span class="NN">difficulty</span> <span class="CC">and</span> <span class="NNS">slippages</span> <span class="IN">in</span> <span class="NN">meaning</span> <span class="CC">and</span> <span class="NN">volition</span> <span class="IN">between</span> <span class="VBG">participating</span> <span class="NNS">bodies</span> <span class="VBZ">creates</span> <span class="DT">the</span> <span class="NN">possibility</span> <span class="IN">of</span> <span class="JJ">en</span> <span class="VBG">evolving</span> <span class="JJ">poly-vocal</span> <span class="NNS">dialectics</span>.
<hr width="100%" size="8" align="center">
<p>6. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="NNS">provokes</span> <span class="DT">an</span> <span class="JJ">expanded</span> <span class="NN">notion</span> <span class="IN">of</span> <span class="NN">consciousness</span>. <span class="PRP$">Its</span> <span class="NN">thinking</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="JJ">molecular</span> <span class="NN">sea</span> <span class="IN">of</span> <span class="NNS">possibilities</span> <span class="WDT">that</span> <span class="VBP">resist</span> <span class="DT">the</span> <span class="JJ">rapid</span> <span class="NN">decay</span> <span class="NNS">towards</span> <span class="JJ">thermodynamic</span> <span class="NN">equilibrium</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="JJ">vital</span> <span class="NNS">moments</span> <span class="PRP">it</span> <span class="VBZ">indulges</span> <span class="DT">every</span> <span class="JJ">possible</span> <span class="NN">tactic</span> <span class="TO">to</span> <span class="VB">persist</span>, <span class="VBG">acquiring</span> <span class="DT">a</span> <span class="JJ">rich</span> <span class="NN">palette</span> <span class="IN">of</span> <span class="JJ">natural</span> <span class="NNS">resources</span>, <span class="NN">food</span> <span class="NNS">sources</span>, <span class="NN">waste</span> <span class="NNS">materials</span>, <span class="CC">and</span> <span class="NN">energy</span> <span class="NNS">fields</span>. <span class="DT">These</span> <span class="JJ">material</span> <span class="NNS">alliances</span> <span class="VBP">necessitate</span> <span class="NNS">decisions</span> <span class="WDT">that</span> <span class="VBP">do</span> <span class="RB">not</span> <span class="VB">require</span> <span class="DT">a</span> <span class="NN">coordinating</span> <span class="NN">centre</span>, <span class="IN">like</span> <span class="DT">the</span> <span class="NN">brain</span>.
<hr width="100%" size="8" align="center">
<p>7. <span class="NNP">Liquid</span> <span class="VBP">are</span> <span class="NN">non-bodies</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="IN">without</span> <span class="JJ">formal</span> <span class="NNS">boundaries</span> <span class="CC">and</span> <span class="VBP">are</span> <span class="RB">constantly</span> <span class="VBG">changing</span>.
<hr width="100%" size="8" align="center">
<p>8. <span class="JJ">Liquid</span> <span class="NNS">bodies</span> <span class="VBP">are</span> <span class="JJ">paradoxical</span> <span class="NNS">structures</span> <span class="WDT">that</span> <span class="VBP">possess</span> <span class="PRP$">their</span> <span class="JJ">own</span> <span class="NN">logic</span>. <span class="IN">Although</span> <span class="JJ">classical</span> <span class="NNS">laws</span> <span class="MD">may</span> <span class="VB">approximate</span> <span class="PRP$">their</span> <span class="NN">behaviour</span>, <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">predict</span> <span class="PRP">them</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="JJ">tangible</span> <span class="NNS">expressions</span> <span class="IN">of</span> <span class="JJ">nonlinear</span> <span class="NN">material</span> <span class="NNS">systems</span>, <span class="WDT">which</span> <span class="VBP">exist</span> <span class="IN">outside</span> <span class="IN">of</span> <span class="DT">the</span> <span class="JJ">current</span> <span class="NNS">frames</span> <span class="IN">of</span> <span class="NN">reference</span> <span class="IN">that</span> <span class="PRP$">our</span> <span class="JJ">global</span> <span class="JJ">industrial</span> <span class="NN">culture</span> <span class="VBZ">is</span> <span class="VBN">steeped</span> <span class="IN">in</span>. <span class="NNS">Aspects</span> <span class="IN">of</span> <span class="PRP$">their</span> <span class="NN">existence</span> <span class="NN">stray</span> <span class="IN">into</span> <span class="DT">the</span> <span class="JJ">unconventional</span> <span class="CC">and</span> <span class="JJ">liminal</span> <span class="NN">realms</span> <span class="IN">of</span> <span class="NNS">auras</span>, <span class="NN">quantum</span> <span class="NNS">physics</span>, <span class="CC">and</span> <span class="NNS">ectoplasms</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="NNS">realms</span> <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">appreciated</span> <span class="IN">by</span> <span class="JJ">objective</span> <span class="NN">measurement</span> <span class="CC">and</span> <span class="JJ">invite</span> <span class="JJ">subjective</span> <span class="NN">engagement</span>, <span class="IN">like</span> <span class="JJ">poetic</span> <span class="NNS">trysts</span>. <span class="PRP$">Their</span> <span class="JJ">diversionary</span> <span class="NNS">tactics</span> <span class="VBP">give</span> <span class="NN">rise</span> <span class="TO">to</span> <span class="DT">the</span> <span class="RB">very</span> <span class="VBZ">acts</span> <span class="IN">of</span> <span class="NN">life</span>, <span class="JJ">such</span> <span class="IN">as</span> <span class="DT">the</span> <span class="NN">capacity</span> <span class="TO">to</span> <span class="VB">heal</span>, <span class="VB">adapt</span>, <span class="NN">self-repair</span>, <span class="CC">and</span> <span class="VB">empathize</span>.
<hr width="100%" size="8" align="center">
<p>9.<span class="NNP">Liquid</span> <span class="NNS">bodies</span> <span class="VBP">are</span> <span class="JJ">pluri-pontent</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="JJ">capable</span> <span class="IN">of</span> <span class="JJ">many</span> <span class="NNS">acts</span> <span class="IN">of</span> <span class="NN">transformation</span>. <span class="PRP">They</span> <span class="VBP">de-simplify</span> <span class="DT">the</span> <span class="NN">matter</span> <span class="IN">of</span> <span class="VBG">being</span> <span class="DT">a</span> <span class="NN">body</span> <span class="IN">through</span> <span class="PRP$">their</span> <span class="JJ">visceral</span> <span class="NNS">entanglements</span>. <span class="IN">While</span> <span class="DT">the</span> <span class="NNP">Bête</span> <span class="NNP">Machine</span> <span class="VBZ">depends</span> <span class="IN">on</span> <span class="DT">an</span> <span class="JJ">abstracted</span> <span class="NN">understanding</span> <span class="IN">of</span> <span class="NN">anatomy</span> <span class="VBN">founded</span> <span class="IN">upon</span> <span class="NNS">generalizations</span> <span class="CC">and</span> <span class="NNS">ideals</span>, <span class="JJ">liquid</span> <span class="NNS">bodies</span> <span class="VBP">resist</span> <span class="DT">these</span> <span class="NNS">tropes</span>.
<hr width="100%" size="8" align="center">
<p>10. <span class="NNP">Liquid</span> <span class="VBZ">bodies</span> <span class="VBZ">discuss</span> <span class="DT">a</span> <span class="NN">mode</span> <span class="IN">of</span> <span class="NN">existence</span> <span class="WDT">that</span> <span class="VBZ">is</span> <span class="RB">constantly</span> <span class="VBG">changing</span> <span class="RB"></span> <span class="RB">not</span> <span class="IN">as</span> <span class="DT">the</span> <span class="JJ">cumulative</span> <span class="NNS">outcomes</span> <span class="IN">of</span> <span class="NN">error</span> <span class="NNP"></span> <span class="CC">but</span> <span class="IN">as</span> <span class="DT">a</span> <span class="RB">highly</span> <span class="VBN">choreographed</span> <span class="CC">and</span> <span class="JJ">continuous</span> <span class="NN">spectrum</span> <span class="NN">stream</span> <span class="IN">of</span> <span class="NNS">events</span> <span class="WDT">that</span> <span class="VBP">arise</span> <span class="IN">from</span> <span class="DT">the</span> <span class="JJ">physical</span> <span class="NNS">interactions</span> <span class="IN">of</span> <span class="NN">matter</span>. <span class="PRP">They</span> <span class="VBP">internalize</span> <span class="JJ">other</span> <span class="NNS">bodies</span> <span class="IN">as</span> <span class="NNS">manifolds</span> <span class="IN">within</span> <span class="PRP$">their</span> <span class="NN">substance</span> <span class="CC">and</span> <span class="VB">assert</span> <span class="PRP$">their</span> <span class="NN">identity</span> <span class="IN">through</span> <span class="PRP$">their</span> <span class="JJ">environmental</span> <span class="NN">contexts</span>. <span class="JJ">Such</span> <span class="NNS">entanglements</span> <span class="VBD">invoke</span> <span class="JJ">marginal</span> <span class="NNS">relations</span> <span class="IN">between</span> <span class="JJ">multiple</span> <span class="NNS">agencies</span> <span class="CC">and</span> <span class="VBP">exceed</span> <span class="DT">the</span> <span class="JJ">classical</span> <span class="NN">logic</span> <span class="IN">of</span> <span class="NNS">objects</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="JJ">inseparable</span> <span class="IN">from</span> <span class="PRP$">their</span> <span class="NN">context</span> <span class="CC">and</span> <span class="VBP">offer</span> <span class="NNS">ways</span> <span class="IN">of</span> <span class="NN">thinking</span> <span class="CC">and</span> <span class="VBG">experimenting</span> <span class="IN">with</span> <span class="DT">the</span> <span class="NNS">conventions</span> <span class="IN">of</span> <span class="VBG">making</span> <span class="CC">and</span> <span class="VBG">being</span> <span class="VBN">embodied</span>.
<hr width="100%" size="8" align="center">
<p>11. <span class="NNP">Liquid</span> <span class="VBZ">bodies</span> <span class="VBP">invite</span> <span class="PRP">us</span> <span class="TO">to</span> <span class="VB">articulate</span> <span class="DT">the</span> <span class="NN">fuzziness</span>, <span class="NNS">paradoxes</span> <span class="CC">and</span> <span class="NNS">uncertainties</span> <span class="IN">of</span> <span class="DT">the</span> <span class="NN">living</span> <span class="NN">realm</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="RB">still</span> <span class="RB">instantly</span> <span class="JJ">recognizable</span> <span class="CC">and</span> <span class="MD">can</span> <span class="VB">be</span> <span class="VBN">named</span> <span class="IN">as</span> <span class="NN">tornado</span>, <span class="NN">cirrus</span>, <span class="NN">soil</span>, <span class="NN">embryo</span>, <span class="CC">or</span> <span class="NN">biofilm</span>. <span class="DT">These</span> <span class="NNS">contradictions</span> <span class="VBP"></span> <span class="IN">of</span> <span class="NN">form</span> <span class="CC">and</span> <span class="NN">constancy</span> <span class="NNP"></span> <span class="NN">encourage</span> <span class="JJ">alternative</span> <span class="NNS">readings</span> <span class="IN">of</span> <span class="WRB">how</span> <span class="PRP">we</span> <span class="NN">order</span> <span class="CC">and</span> <span class="VB">sort</span> <span class="DT">the</span> <span class="NN">world</span>, <span class="WP$">whose</span> <span class="JJ">main</span> <span class="NN">methodology</span> <span class="VBZ">is</span> <span class="IN">through</span> <span class="VBG">relating</span> <span class="CD">one</span> <span class="NN">body</span> <span class="TO">to</span> <span class="DT">another</span>. <span class="RB">Indeed</span>, <span class="JJ">protean</span> <span class="NN">liquid</span> <span class="NNS">bodies</span> <span class="VBP">help</span> <span class="PRP">us</span> <span class="VBP">understand</span> <span class="IN">that</span> <span class="IN">while</span> <span class="JJ">universalisms</span>, <span class="NNS">averages</span> <span class="CC">and</span> <span class="NNS">generalizations</span> <span class="VBP">are</span> <span class="JJ">useful</span> <span class="IN">in</span> <span class="VBG">producing</span> <span class="NNS">maps</span> <span class="IN">of</span> <span class="PRP$">our</span> <span class="VBG">being</span> <span class="IN">in</span> <span class="DT">the</span> <span class="NN">world</span>, <span class="PRP">they</span> <span class="VBP">neglect</span> <span class="JJ">specific</span> <span class="NNS">details</span>, <span class="WDT">which</span> <span class="VBP"></span> <span class="VBG">bring</span> <span class="NN">forth</span> <span class="VBD"></span> <span class="DT">the</span> <span class="NN">materiality</span> <span class="IN">of</span> <span class="DT">the</span> <span class="NN">environment</span>.
<hr width="100%" size="8" align="center">
<p>12. <span class="NNP">Liquid</span> <span class="NNS">bodies</span> <span class="VBP">are</span> <span class="JJ">political</span> <span class="NNS">agents</span>. <span class="PRP">They</span> <span class="VBP">re-define</span> <span class="DT">the</span> <span class="NNS">boundaries</span> <span class="CC">and</span> <span class="NNS">conditions</span> <span class="IN">for</span> <span class="NN">existence</span> <span class="IN">in</span> <span class="DT">the</span> <span class="NN">context</span> <span class="IN">of</span> <span class="JJ">dynamic</span>, <span class="JJ">unruly</span> <span class="NNS">environments</span>. <span class="PRP">They</span> <span class="VBP">propose</span> <span class="JJ">alternative</span> <span class="NNS">modes</span> <span class="IN">of</span> <span class="NN">living</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="RB">radically</span> <span class="VBN">transformed</span>, <span class="JJ">monstrous</span>, <span class="NN">coherent</span>, <span class="JJ">raw</span> - <span class="CC">and</span> <span class="RB">selectively</span> <span class="VBN">permeated</span> <span class="IN">by</span> <span class="PRP$">their</span> <span class="JJ">nurturing</span> <span class="NNS">media</span>.
<hr width="100%" size="8" align="center">
<p>13. <span class="NNP">Liquid</span> <span class="VBZ">bodies</span> <span class="VBP">invite</span> <span class="PRP">us</span> <span class="TO">to</span> <span class="VB">understand</span> <span class="PRP$">our</span> <span class="VBG">being</span> <span class="IN">beyond</span> <span class="JJ">relational</span> <span class="NN">thinking</span> <span class="CC">and</span> <span class="NN">invent</span> <span class="NNS">monsters</span> <span class="WDT">that</span> <span class="VBP">defy</span> <span class="DT">all</span> <span class="VBG">existing</span> <span class="NNS">forms</span> <span class="IN">of</span> <span class="NN">categorization</span> <span class="TO">to</span> <span class="VB">make</span> <span class="JJ">possible</span> <span class="DT">a</span> <span class="JJ">new</span> <span class="NN">kind</span> <span class="IN">of</span> <span class="NN">corporeality</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="WP">what</span> <span class="VBP">remain</span> <span class="WRB">when</span> <span class="JJ">mechanical</span> <span class="NNS">explanations</span> <span class="MD">can</span> <span class="RB">no</span> <span class="RBR">longer</span> <span class="NN">account</span> <span class="IN">for</span> <span class="DT">the</span> <span class="NNS">experiences</span> <span class="IN">that</span> <span class="PRP">we</span> <span class="VBP">recognise</span> <span class="IN">as</span> <span class="VBG">being</span> <span class="JJ">alive</span>'.
<hr width="100%" size="8" align="center">
</body>

@ -45,9 +45,3 @@ h1{
em{ em{
color: green; color: green;
} }
.NN {
border: 1px dotted #00939b;
color: #00939b;
font-size: 10pt;
font-style: italic;
}

@ -4,15 +4,22 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="manifesto.css"> <link rel="stylesheet" type="text/css" href="manifesto.css">
<title>A LIQUID MANIFESTO</title> <title>A LIQUID MANIFESTO</title>
<link rel="icon" href="liquid.png" type="image/png"/>
<style type=""text/css""> <style type=""text/css"">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%; div.column{display: inline-block; vertical-align: top; width: 50%;
} }
@font-face {
font-family: Roboto-Mono;
src: url(fonts/Roboto Mono)}
@page{ @page{
size: A3; size: A3;
@ -34,13 +41,16 @@ body{
font-size: 10pt; font-size: 10pt;
line-height: 1.4; line-height: 1.4;
color: black; color: black;
padding: 150px } padding-left: 150px;
padding-right: 150px;
padding-top: 25px;
} }
h1{ h1{
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 100pt; font-family: monospace;
font-size:50pt;
line-height: 1.25; line-height: 1.25;
color: #00939b; color: #00939b;
} }
@ -58,7 +68,9 @@ h1{
} </style> } </style>
</head> </head>
<body> <body>
<h1>A Liquid Manifesto</h1> <p>1. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">an</span> <span class="JJ">uncertain</span> <span class="NN">realm</span>. <span class="DT">The</span> <span class="NNS">concepts</span> <span class="VBN">needed</span> <span class="TO">to</span> <span class="VB">realise</span> <span class="PRP$">its</span> <span class="NN">potential</span> <span class="VBP">have</span> <span class="RB">not</span> <span class="RB">yet</span> <span class="VBN">existed</span> <span class="IN">until</span> <span class="RB">now</span>. <span class="DT">The</span> <span class="NN">hypercomplexity</span> <span class="CC">and</span> <span class="NN">hyperobject-ness</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">terrains</span> <span class="VBZ">exceeds</span> <span class="PRP$">our</span> <span class="NN">ability</span> <span class="TO">to</span> <span class="VB">observe</span> <span class="CC">or</span> <span class="VB">comprehend</span> <span class="PRP">them</span> <span class="IN">in</span> <span class="PRP$">their</span> <span class="NN">totality</span>. <span class="RB">Indeed</span>, <span class="WP">what</span> <span class="PRP">we</span> <span class="RB">typically</span> <span class="VBP">recognise</span> <span class="IN">as</span> <span class="NN">living</span> <span class="NNS">things</span> <span class="VBP">are</span> <span class="NNS">by-products</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">processes</span>. </p> <h1>A LIQUID MANIFESTO</h1>
<p>1. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">an</span> <span class="JJ">uncertain</span> <span class="NN">realm</span>. <span class="DT">The</span> <span class="NNS">concepts</span> <span class="VBN">needed</span> <span class="TO">to</span> <span class="VB">realise</span> <span class="PRP$">its</span> <span class="NN">potential</span> <span class="VBP">have</span> <span class="RB">not</span> <span class="RB">yet</span> <span class="VBN">existed</span> <span class="IN">until</span> <span class="RB">now</span>. <span class="DT">The</span> <span class="NN">hypercomplexity</span> <span class="CC">and</span> <span class="NN">hyperobject-ness</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">terrains</span> <span class="VBZ">exceeds</span> <span class="PRP$">our</span> <span class="NN">ability</span> <span class="TO">to</span> <span class="VB">observe</span> <span class="CC">or</span> <span class="VB">comprehend</span> <span class="PRP">them</span> <span class="IN">in</span> <span class="PRP$">their</span> <span class="NN">totality</span>. <span class="RB">Indeed</span>, <span class="WP">what</span> <span class="PRP">we</span> <span class="RB">typically</span> <span class="VBP">recognise</span> <span class="IN">as</span> <span class="NN">living</span> <span class="NNS">things</span> <span class="VBP">are</span> <span class="NNS">by-products</span> <span class="IN">of</span> <span class="NN">liquid</span> <span class="NNS">processes</span>. </p>
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">
<p>2. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="NN">worldview</span>. <span class="DT">A</span> <span class="NN">phantasmagoria</span> <span class="IN">of</span> <span class="NNS">effects</span>>, <span class="NN">disobedient</span> <span class="NNS">substances</span>, <span class="JJ">evasive</span> <span class="NNS">strategies</span>, <span class="NNS">dalliances</span>, <span class="NNS">skirmishes</span>, <span class="NNS">flirtations</span>, <span class="NNS">addictions</span>, <span class="JJ">quantum</span> <span class="NN">phenomena</span>, <span class="JJ">unexpected</span> <span class="NNS">twists</span>, <span class="JJ">sudden</span> <span class="NNS">turns</span>, <span class="JJ">furtive</span> <span class="NNS">exchanges</span>, <span class="RB">sly</span> <span class="NNS">manoeuvres</span>, <span class="IN">blind</span> <span class="NNS">alleys</span>, <span class="CC">and</span> <span class="JJ">exuberant</span> <span class="NNS">digressions</span>. <span class="PRP">It</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">reduced</span> <span class="IN">into</span> <span class="JJ">simple</span> <span class="NNS">ciphers</span> <span class="IN">of</span> <span class="NN">process</span>, <span class="NN">substance</span>, <span class="NN">method</span>, <span class="CC">or</span> <span class="NN">technology</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="DT">a</span> <span class="NN">set</span> <span class="IN">of</span> <span class="JJ">particular</span> <span class="NNS">materials</span> <span class="WDT">that</span> <span class="VBP">comprise</span> <span class="DT">a</span> <span class="JJ">recognizable</span> <span class="NN">body</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="JJ">vital</span> <span class="NNS">processes</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="VBN">shaped</span> <span class="VBG">according</span> <span class="TO">to</span> <span class="JJ">specific</span> <span class="NN">contexts</span> <span class="CC">and</span> <span class="JJ">subjective</span> <span class="NNS">encounters</span>. <span class="CC">Yet</span> <span class="PRP">we</span> <span class="VBP">recognise</span> <span class="PRP$">its</span> <span class="NN">coherence</span> <span class="IN">through</span> <span class="DT">the</span> <span class="NNS">lives</span> <span class="IN">of</span> <span class="NNS">beings</span>, <span class="WDT">which</span> <span class="VBP">remain</span> <span class="JJ">cogent</span> <span class="IN">despite</span> <span class="JJ">incalculable</span> <span class="JJ">persistent</span> <span class="NNS">changes</span> <span class="JJ">such</span> <span class="IN">as</span> <span class="NNS">flows</span>,<span class="NNS">ambiguities</span>, <span class="JJ">transitional</span> <span class="NNS">states</span> <span class="CC">and</span> <span class="VBG">tipping</span> <span class="NNS">points</span> <span class="IN">that</span> <span class="VBG">bring</span> <span class="RB">about</span> <span class="JJ">radical</span> <span class="NN">transformation</span> <span class="IN">within</span> <span class="JJ">physical</span> <span class="NNS">systems</span>.</p> <p>2. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="NN">worldview</span>. <span class="DT">A</span> <span class="NN">phantasmagoria</span> <span class="IN">of</span> <span class="NNS">effects</span>>, <span class="NN">disobedient</span> <span class="NNS">substances</span>, <span class="JJ">evasive</span> <span class="NNS">strategies</span>, <span class="NNS">dalliances</span>, <span class="NNS">skirmishes</span>, <span class="NNS">flirtations</span>, <span class="NNS">addictions</span>, <span class="JJ">quantum</span> <span class="NN">phenomena</span>, <span class="JJ">unexpected</span> <span class="NNS">twists</span>, <span class="JJ">sudden</span> <span class="NNS">turns</span>, <span class="JJ">furtive</span> <span class="NNS">exchanges</span>, <span class="RB">sly</span> <span class="NNS">manoeuvres</span>, <span class="IN">blind</span> <span class="NNS">alleys</span>, <span class="CC">and</span> <span class="JJ">exuberant</span> <span class="NNS">digressions</span>. <span class="PRP">It</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">reduced</span> <span class="IN">into</span> <span class="JJ">simple</span> <span class="NNS">ciphers</span> <span class="IN">of</span> <span class="NN">process</span>, <span class="NN">substance</span>, <span class="NN">method</span>, <span class="CC">or</span> <span class="NN">technology</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="DT">a</span> <span class="NN">set</span> <span class="IN">of</span> <span class="JJ">particular</span> <span class="NNS">materials</span> <span class="WDT">that</span> <span class="VBP">comprise</span> <span class="DT">a</span> <span class="JJ">recognizable</span> <span class="NN">body</span>. <span class="PRP">It</span> <span class="VBZ">is</span> <span class="RBR">more</span> <span class="IN">than</span> <span class="JJ">vital</span> <span class="NNS">processes</span> <span class="WDT">that</span> <span class="VBP">are</span> <span class="VBN">shaped</span> <span class="VBG">according</span> <span class="TO">to</span> <span class="JJ">specific</span> <span class="NN">contexts</span> <span class="CC">and</span> <span class="JJ">subjective</span> <span class="NNS">encounters</span>. <span class="CC">Yet</span> <span class="PRP">we</span> <span class="VBP">recognise</span> <span class="PRP$">its</span> <span class="NN">coherence</span> <span class="IN">through</span> <span class="DT">the</span> <span class="NNS">lives</span> <span class="IN">of</span> <span class="NNS">beings</span>, <span class="WDT">which</span> <span class="VBP">remain</span> <span class="JJ">cogent</span> <span class="IN">despite</span> <span class="JJ">incalculable</span> <span class="JJ">persistent</span> <span class="NNS">changes</span> <span class="JJ">such</span> <span class="IN">as</span> <span class="NNS">flows</span>,<span class="NNS">ambiguities</span>, <span class="JJ">transitional</span> <span class="NNS">states</span> <span class="CC">and</span> <span class="VBG">tipping</span> <span class="NNS">points</span> <span class="IN">that</span> <span class="VBG">bring</span> <span class="RB">about</span> <span class="JJ">radical</span> <span class="NN">transformation</span> <span class="IN">within</span> <span class="JJ">physical</span> <span class="NNS">systems</span>.</p>
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">
@ -70,7 +82,7 @@ h1{
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">
<p>6. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="NNS">provokes</span> <span class="DT">an</span> <span class="JJ">expanded</span> <span class="NN">notion</span> <span class="IN">of</span> <span class="NN">consciousness</span>. <span class="PRP$">Its</span> <span class="NN">thinking</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="JJ">molecular</span> <span class="NN">sea</span> <span class="IN">of</span> <span class="NNS">possibilities</span> <span class="WDT">that</span> <span class="VBP">resist</span> <span class="DT">the</span> <span class="JJ">rapid</span> <span class="NN">decay</span> <span class="NNS">towards</span> <span class="JJ">thermodynamic</span> <span class="NN">equilibrium</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="JJ">vital</span> <span class="NNS">moments</span> <span class="PRP">it</span> <span class="VBZ">indulges</span> <span class="DT">every</span> <span class="JJ">possible</span> <span class="NN">tactic</span> <span class="TO">to</span> <span class="VB">persist</span>, <span class="VBG">acquiring</span> <span class="DT">a</span> <span class="JJ">rich</span> <span class="NN">palette</span> <span class="IN">of</span> <span class="JJ">natural</span> <span class="NNS">resources</span>, <span class="NN">food</span> <span class="NNS">sources</span>, <span class="NN">waste</span> <span class="NNS">materials</span>, <span class="CC">and</span> <span class="NN">energy</span> <span class="NNS">fields</span>. <span class="DT">These</span> <span class="JJ">material</span> <span class="NNS">alliances</span> <span class="VBP">necessitate</span> <span class="NNS">decisions</span> <span class="WDT">that</span> <span class="VBP">do</span> <span class="RB">not</span> <span class="VB">require</span> <span class="DT">a</span> <span class="NN">coordinating</span> <span class="NN">centre</span>, <span class="IN">like</span> <span class="DT">the</span> <span class="NN">brain</span>. <p>6. <span class="NNP">Liquid</span> <span class="NN">life</span> <span class="NNS">provokes</span> <span class="DT">an</span> <span class="JJ">expanded</span> <span class="NN">notion</span> <span class="IN">of</span> <span class="NN">consciousness</span>. <span class="PRP$">Its</span> <span class="NN">thinking</span> <span class="VBZ">is</span> <span class="DT">a</span> <span class="JJ">molecular</span> <span class="NN">sea</span> <span class="IN">of</span> <span class="NNS">possibilities</span> <span class="WDT">that</span> <span class="VBP">resist</span> <span class="DT">the</span> <span class="JJ">rapid</span> <span class="NN">decay</span> <span class="NNS">towards</span> <span class="JJ">thermodynamic</span> <span class="NN">equilibrium</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="JJ">vital</span> <span class="NNS">moments</span> <span class="PRP">it</span> <span class="VBZ">indulges</span> <span class="DT">every</span> <span class="JJ">possible</span> <span class="NN">tactic</span> <span class="TO">to</span> <span class="VB">persist</span>, <span class="VBG">acquiring</span> <span class="DT">a</span> <span class="JJ">rich</span> <span class="NN">palette</span> <span class="IN">of</span> <span class="JJ">natural</span> <span class="NNS">resources</span>, <span class="NN">food</span> <span class="NNS">sources</span>, <span class="NN">waste</span> <span class="NNS">materials</span>, <span class="CC">and</span> <span class="NN">energy</span> <span class="NNS">fields</span>. <span class="DT">These</span> <span class="JJ">material</span> <span class="NNS">alliances</span> <span class="VBP">necessitate</span> <span class="NNS">decisions</span> <span class="WDT">that</span> <span class="VBP">do</span> <span class="RB">not</span> <span class="VB">require</span> <span class="DT">a</span> <span class="NN">coordinating</span> <span class="NN">centre</span>, <span class="IN">like</span> <span class="DT">the</span> <span class="NN">brain</span>.
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">
<p>7. <span class="NNP">Liquid</span> <span class="VBP">are</span> <span class="NNS">non-bodies</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="IN">without</span> <span class="JJ">formal</span> <span class="NNS">boundaries</span> <span class="CC">and</span> <span class="VBP">are</span> <span class="RB">constantly</span> <span class="VBG">changing</span>. <p>7. <span class="NNP">Liquid</span> <span class="VBP">are</span> <span class="NN">non-bodies</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="IN">without</span> <span class="JJ">formal</span> <span class="NNS">boundaries</span> <span class="CC">and</span> <span class="VBP">are</span> <span class="RB">constantly</span> <span class="VBG">changing</span>.
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">
<p>8. <span class="JJ">Liquid</span> <span class="NNS">bodies</span> <span class="VBP">are</span> <span class="JJ">paradoxical</span> <span class="NNS">structures</span> <span class="WDT">that</span> <span class="VBP">possess</span> <span class="PRP$">their</span> <span class="JJ">own</span> <span class="NN">logic</span>. <span class="IN">Although</span> <span class="JJ">classical</span> <span class="NNS">laws</span> <span class="MD">may</span> <span class="VB">approximate</span> <span class="PRP$">their</span> <span class="NN">behaviour</span>, <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">predict</span> <span class="PRP">them</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="JJ">tangible</span> <span class="NNS">expressions</span> <span class="IN">of</span> <span class="JJ">nonlinear</span> <span class="NN">material</span> <span class="NNS">systems</span>, <span class="WDT">which</span> <span class="VBP">exist</span> <span class="IN">outside</span> <span class="IN">of</span> <span class="DT">the</span> <span class="JJ">current</span> <span class="NNS">frames</span> <span class="IN">of</span> <span class="NN">reference</span> <span class="IN">that</span> <span class="PRP$">our</span> <span class="JJ">global</span> <span class="JJ">industrial</span> <span class="NN">culture</span> <span class="VBZ">is</span> <span class="VBN">steeped</span> <span class="IN">in</span>. <span class="NNS">Aspects</span> <span class="IN">of</span> <span class="PRP$">their</span> <span class="NN">existence</span> <span class="NN">stray</span> <span class="IN">into</span> <span class="DT">the</span> <span class="JJ">unconventional</span> <span class="CC">and</span> <span class="JJ">liminal</span> <span class="NN">realms</span> <span class="IN">of</span> <span class="NNS">auras</span>, <span class="NN">quantum</span> <span class="NNS">physics</span>, <span class="CC">and</span> <span class="NNS">ectoplasms</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="NNS">realms</span> <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">appreciated</span> <span class="IN">by</span> <span class="JJ">objective</span> <span class="NN">measurement</span> <span class="CC">and</span> <span class="JJ">invite</span> <span class="JJ">subjective</span> <span class="NN">engagement</span>, <span class="IN">like</span> <span class="JJ">poetic</span> <span class="NNS">trysts</span>. <span class="PRP$">Their</span> <span class="JJ">diversionary</span> <span class="NNS">tactics</span> <span class="VBP">give</span> <span class="NN">rise</span> <span class="TO">to</span> <span class="DT">the</span> <span class="RB">very</span> <span class="VBZ">acts</span> <span class="IN">of</span> <span class="NN">life</span>, <span class="JJ">such</span> <span class="IN">as</span> <span class="DT">the</span> <span class="NN">capacity</span> <span class="TO">to</span> <span class="VB">heal</span>, <span class="VB">adapt</span>, <span class="NN">self-repair</span>, <span class="CC">and</span> <span class="VB">empathize</span>. <p>8. <span class="JJ">Liquid</span> <span class="NNS">bodies</span> <span class="VBP">are</span> <span class="JJ">paradoxical</span> <span class="NNS">structures</span> <span class="WDT">that</span> <span class="VBP">possess</span> <span class="PRP$">their</span> <span class="JJ">own</span> <span class="NN">logic</span>. <span class="IN">Although</span> <span class="JJ">classical</span> <span class="NNS">laws</span> <span class="MD">may</span> <span class="VB">approximate</span> <span class="PRP$">their</span> <span class="NN">behaviour</span>, <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">predict</span> <span class="PRP">them</span>. <span class="PRP">They</span> <span class="VBP">are</span> <span class="JJ">tangible</span> <span class="NNS">expressions</span> <span class="IN">of</span> <span class="JJ">nonlinear</span> <span class="NN">material</span> <span class="NNS">systems</span>, <span class="WDT">which</span> <span class="VBP">exist</span> <span class="IN">outside</span> <span class="IN">of</span> <span class="DT">the</span> <span class="JJ">current</span> <span class="NNS">frames</span> <span class="IN">of</span> <span class="NN">reference</span> <span class="IN">that</span> <span class="PRP$">our</span> <span class="JJ">global</span> <span class="JJ">industrial</span> <span class="NN">culture</span> <span class="VBZ">is</span> <span class="VBN">steeped</span> <span class="IN">in</span>. <span class="NNS">Aspects</span> <span class="IN">of</span> <span class="PRP$">their</span> <span class="NN">existence</span> <span class="NN">stray</span> <span class="IN">into</span> <span class="DT">the</span> <span class="JJ">unconventional</span> <span class="CC">and</span> <span class="JJ">liminal</span> <span class="NN">realms</span> <span class="IN">of</span> <span class="NNS">auras</span>, <span class="NN">quantum</span> <span class="NNS">physics</span>, <span class="CC">and</span> <span class="NNS">ectoplasms</span>. <span class="IN">In</span> <span class="DT">these</span> <span class="NNS">realms</span> <span class="PRP">they</span> <span class="MD">can</span> <span class="RB">not</span> <span class="VB">be</span> <span class="VBN">appreciated</span> <span class="IN">by</span> <span class="JJ">objective</span> <span class="NN">measurement</span> <span class="CC">and</span> <span class="JJ">invite</span> <span class="JJ">subjective</span> <span class="NN">engagement</span>, <span class="IN">like</span> <span class="JJ">poetic</span> <span class="NNS">trysts</span>. <span class="PRP$">Their</span> <span class="JJ">diversionary</span> <span class="NNS">tactics</span> <span class="VBP">give</span> <span class="NN">rise</span> <span class="TO">to</span> <span class="DT">the</span> <span class="RB">very</span> <span class="VBZ">acts</span> <span class="IN">of</span> <span class="NN">life</span>, <span class="JJ">such</span> <span class="IN">as</span> <span class="DT">the</span> <span class="NN">capacity</span> <span class="TO">to</span> <span class="VB">heal</span>, <span class="VB">adapt</span>, <span class="NN">self-repair</span>, <span class="CC">and</span> <span class="VB">empathize</span>.
<hr width="100%" size="8" align="center"> <hr width="100%" size="8" align="center">

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="manifesto.css">
<title>TEXT AS IMAGE</title>
<link rel="icon" href="liquid.png" type="image/png"/>

@ -5,6 +5,8 @@
<meta name="generator" content="pandoc" /> <meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>ORIGINAL TEXT</title> <title>ORIGINAL TEXT</title>
<link rel="icon" href="liquid.png" type="image/png"/>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}

@ -3,6 +3,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script>
<title> LIQUID </title> <title> LIQUID </title>
<link rel="icon" href="liquid.png" type="image/png"/>
</head> </head>
<style> <style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

@ -0,0 +1,335 @@
/*-- SCREEN */
@media screen {
@font-face {
font-family: wfdtf;
src: url(Fonts/wftfs-Regular.otf)
}
@font-face {
font-family: EBGaramond;
src: url(Fonts/EBGaramond-Italic.ttf)
}
.bottom {
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
background: white;
}
body {
background-image: url("Imageresearch/PP1.blue.png");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 5mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
columns: 3;
}
h1 {
font-family: sans-serif;
color: black;
background: white;
}
.bio {
color: blue;
font-size: 7pt;
columns: 1;
}
.dida {
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
.dida2 {
color: black;
font-size: 10pt;
background: white;
font-family: EBGaramond;
}
a:link {
color: blue;
}
a:visited {
color: blue;
}
.symbol {
font-family: wfdtf;
color: blue;
font-size: 10pt;
}
.logo{
position: bottom;
color:blue;
font-family: wfdtf;
font-size: 31pt;
}
img{
padding: 0;
max-width: 100%;
height: auto;
}
input[type="place"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="yourname"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="people"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="mission"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="friend"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="what"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="study"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="language"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
.footnotes{
color: black;
font-size: 7pt;
}
}
/*-- PRINT */
@page {
size: 297mm, 420mm;
margin-left: 20mm;
margin-right: 5mm;
margin-top: 5mm;
margin-bottom: 5mm;
}
@media print {
@font-face {
font-family: wfdtf;
src: url(Fonts/wftfs-Regular.otf)
}
@font-face {
font-family: EBGaramond;
src: url(Fonts/EBGaramond-Italic.ttf)
}
p1 {
page-break-before: always;
}
.bottom {
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
background: white;
}
body {
background-image: url("Imageresearch/PP1.blue.png");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
columns: 3;
}
h1 {
font-family: sans-serif;
color: black;
background: white;
}
.bio {
color: blue;
font-size: 7pt;
columns: 1;
}
img{
max-width: 100%;
height: auto
}
.dida {
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
a:link {
color: blue;
}
a:visited {
color: blue;
}
.logo{
position: bottom;
color:blue;
font-family: wfdtf;
font-size: 50pt;
}
input[type="place"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="yourname"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="people"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="mission"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="friend"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="what"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="study"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="language"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
.footnotes{
color: black;
font-size: 7pt;
}
.dida2 {
color: black;
font-size: 10pt;
font-family: EBGaramond;
background: white;
}
.rotate {
transform: rotate(180deg);
transform-origin: left bottom 5px;
float: left;
position:fixed;
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
aside {
display: block;
position: relative;
margin: 40px 0;
}
aside h3 {
font-family: EBGaramond;
text-transform: uppercase;
background: #369;
color: blue;
font-size: 10pt;
line-height: 24px;
/* Abs positioning makes it not take up vert space */
position: absolute;
top: -1000px;
left: 0;
/* Border is the new background */
background: none;
/* Rotate from top left corner (not default) */
transform-origin: 0 0;
transform: rotate(-90deg)
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 158 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 41 KiB

@ -1,98 +1,249 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Practical Vision!</title> <title></title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script>
<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>
</head> </head>
<body> <body>
<div class='testa'>
<button><a href="#practical" id="lefty">Back to Start</a></button>
<button><a target="_blank" href="../">WOR(L)DS FOR THE FUTURE</a></button>
<button><a href="./printing/index.html">Practical Vision</a></button>
<button><a target="_blank" href="assets/practical_vision.pdf">Print!</a></button>
</div>
<canvas id="myCanvas" style="z-index: -2000; position: absolute"></canvas> <div id="telegram">
<p style="font-size: 3vw ;">A Practical BOT</p>
<a href="http://t.me/practical_vision_bot" target="_blank">@practical_vision_bot</a>
<p>This Telegram BOT makes a crowd-sourced dictionary with your translations.
You can add every word/sentence you want from english to be translated into any language!
<br><br>
<span><span class="v">word</span> : translation : language</span>
<br>
<i><span class="v">hello</span> : dji safoul : Jola</i><br>
<button id="closeT">Close</button>
</div>
<p style="margin-left: 20%; z-index:2000" id = "prova2">prova2</p>
<!-- <div style="z-index: -300"> <div id="descriptio">
<div><img id="img1" src="assets/practical.png" ></div> <p style="font-size: 3vw ;">Hey!</p>
<div><img id="img2" src="assets/practical.png" ></div> <p>This is the playground of the republished text <b>Practical Vision</b>, by Jalada:
<div> <img id="img3" src="assets/practical.png" ></div> you can find the republished text <a href="printing/index.html" target="_blank">here</a>.</p>
</div>--> <p>You can navigate through the page clicking the <span id="links">underlined links</span>:
with green links you go and with purple one you come back.</p>
<p>Thank you,<br><a target="_blank" href="http://federicoponi.it">Federico</a></p>
<button id="closeD">Close</button>
</div>
<!-- <a id="c" href="#culino" style="margin-left: 130%; position: absolute; width: 50%; border: red 1px solid; height: 50vw "></a> -->
<!-- <a id="culinoino" href="#cc" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw; margin-left: 65%;" >→</a> -->
<!-- <div><a id="cino" href="#culinoino" style="margin-left: 500%; position: absolute; width: 50%; border: blue 1px solid; height: 50vw ">cane</a></div> -->
<p style="margin-left: 10%; z-index:2000; position: absolute" id="prova">PROVA</p>
<div class="texts">
<div class="left">
<div><p>Ngũgi wa Thiongo has used the term<br>
<a3 class="pink" style="text-decoration: none;" id="practical">
<span id="randomTitle"></span>
</a3><br>
to espress the opportunity
to disseminate <a target="_blank" href="https://jaladaafrica.org/2020/10/28/translation-project/">African
Literature</a> <span2 class="green" style="font-family: Arial, Helvetica, sans-serif;"></span2> the Digital
Age makes it possible.
<br><br>
<a id="00" href="#0" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw;"></a>
<!-- <a id="culino" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw; " href="#c">→</a> -->
</p></div>
<div><a id="-2" href="#-1" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw;"></a>
<p>But <a id="0" href="#00" class="pink">Practical Vision</a> can manage also other <a id="1" href="#2">marginalised topics</a>.
</p></div>
<div>
<a class="pink" id="-1" href="#-2" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw;"></a>
<p>When more <a id="mov" href="#start" >Practical Vision</a>
watch themselves, they create translations
between <a id="7" href="#8">different</a> <span class="lang" class="pink">languages</span>.
</p></div>
<div><p>In fact, <a id="2" href="#1" class="pink">Practical Vision</a>
is not a standard vision.<br>
It attempts to take <a id="5" href="#6">care</a>
of <a id="3" href="#4">diversity</a> as a whole.
</p></div>
<div><p><a id="11" href="#20" class="pink">Complexity contains</a>
dreams and violence,
skyscrapers and slums,
freedom and control,
smart fridges and phone cables,
colonialism and conspiracies,
holy buildings and sheds full of computers to store data and so on.
</p></div>
<div id="tradu">
<span class="primo">Practical Vision<span class="pico">(English)</span></span><br>
<span class="secondo" >Èkaane Edjiouk<span class="pico">(Jola)</span></span><br>
<span class="primo">Woni Wi Meko <span class="pico">(Kiikamba)</span></span><br>
<span class="secondo" >Dhana Tekelezwaji <span class="pico">(Kiswahili)</span></span><br>
<span class="primo">Umbono Oqondile <span class="pico">(IsiZulau)</span></span><br>
<span class="secondo" >Déffe Guisse <span class="pico">(Wolof)</span></span>
</div> </div>
<div class="center">
<div id="descriptio"> <div class="container">
<h2>Ka Soumai!</h2>
<p>This is the playground of the republished text <b>Practical Vision</b>, by <a href="http://jaladaafrica.org">Jalada</a>: <div><img id="img1" src="assets/practical.png" ></div>
you can find the republished text <a href="printing/index.html">here</a>.</p> <div><img id="img2" src="assets/practical.png" ></div>
<p>What you see in the background is my response to the text, a reflection about the meaning of Complexity related to the language.</p> <div> <img id="img3" src="assets/practical.png" ></div>
<p>If you are also interested to print, <a href="export/practical_vision.pdf">here</a> you can download the printable file. If you also like this page, there is the possibility to print it as a poster, <a href="export/practical_complexity.pdf">here</a>!</p> <p id="eccezione">(scroll up!)<br><br>This is an example of how <a id="start" href="#mov" class="pink">Practical Vision</a> work, <a id="cane" href="#canino">inhabitating</a> this hyperobject.</a></p>
<p>Thank you,<br><a href="http://federicoponi.it">Federico Poni</a></p>
</div> </div>
<button><a href="../">HOME</a></button> <p><a id="12" href="#13" class="green">They</a> attempt to protect past and
<a id="8" href="#7" class="pink">future</a> cultures and they work through
<a href="#5" id="6" class="pink">organic and inorganic networks</a>.
</p>
<div id="telegram">
<h2>A practical Telegram BOT</h2>
<a href="http://t.me/practical_vision_bot">@practical_vision_bot</a>
<p>This Telegram BOT makes a crowd-sourced dictionary with your translations. You can add every word/sentence you want from english to be translated into any language! Search for it and follow the instructions to add new translations:
<br><br>
<span><span class="v">word</span> : translation : language</span>
<br>
<i><span class="v">hello</span> : dji safoul : Jola</i>
</div>
<div id="colo"> <p>A <a id="16" href="#14">hyperobject</a> is <a id="29" href="#17" class="pink">something</a>
<p>Original Contribution by <span href="http://jaladaafrica.org">Jalada.</span> that creates, continuously, small
<br> or big events somewhere.
A special thanks to <span>El-Hadji Barsa Rachid Sagna</span> and <span>Munyao Kilolo.</span> Not here, not there - it is more a
<br> <a id="10" href="#9" class="pink">shadow</a>.</p>
Original Artistic Response by <span href="http://printthefuture.nl/">Print The Future.</span>
<br>
Republished and complexified by <span href="http://federicoponi.it">Federico Poni.</span> <p class="green">A hyperobject is <a href="#3" id="4" class="pink">multi</a>-dimensional.
<br> That means <a id="9" href="#10">we cannot see</a>
Made with <span>love</span> and <span href="http://p5js.org">P5.js</span></p> the effects of its events clearly.</p>
</div> </div>
<div class="right">
<p>Surprise! This is a <a href="../DRAW" target="_blank">bonus</a> for you.</p>
<p><a target="_blank" href="details/index.html">Here</a> a focus of Practical Vision <a href="#cane" id="canino" class="pink">living</a> in the <a target="_blank" href="complex/index.html">hyperobject</a>.
<br> <a id="cino" href="#culoinoino" class="pink" style="font-family: Arial, Helvetica, sans-serif; font-size: 8vw;"></a> </p>
<p><a id="culoinoino" href="#cino" style="font-family: Arial, Helvetica, sans-serif; font-size: 10vw;"></a><br><br>
<a id="13" href="#12" class="pink">They</a> inhabit this
<a id="14" href="#16" class="pink">hyperobject</span></a> called <a href="#18" id="15">Complexity.</a><br><br><a href="#23" id="bonus">*</a></p>
<p class="green">The <a id="18" href="#15" class="pink">Complexity</a> is a very big
<a id="17" href="#29">hyperobject</a>:<br>it contains all
the different existing
<a href="#25" id="19">realities</a>.</p>
<p>Its easy to guess the <a id="23" href="#bonus" class="pink">Complexity</a> is a complex dude.</p>
<p><a id="20" href="#11">Complexity</a> is the magnificent
result of <a id="25" href="#19" class="pink">interaction.</a>
Interaction is possible thanks
to <a class="lang" id="21" href="#26">language</a>.</p>
<p>Programming <a id="24" href="#27" class="pink"><span class="lang">languages</span></a> (currently) are close to 700.<br>
Human <span class="lang">languages</span> are closer to 9600.</p>
<p><a id="26" href="#21" class="pink">There are a lot</a> of different kind of <a class="lang" href="#24" id="27">languages</a>.</p>
</p>
</div>
</div>
<script> <script>
draggable = new PlainDraggable(document.getElementById('descriptio'));
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
draggable = new PlainDraggable(document.getElementById('telegram')); var links = document.querySelectorAll('a');
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'}; links = Array.prototype.slice.call(links);
draggable = new PlainDraggable(document.getElementById('colo')); links.forEach(link => {
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'}; var href = link.getAttribute('href');
if(link.getAttribute('href').startsWith('#')){
// console.log('addingClickHandler',link);
link.addEventListener('click',function(e){
e.preventDefault();
var dest = document.getElementById(href.substring(1)).parentNode;
// console.log('click', href, dest)
dest.scrollIntoView({behavior: "smooth", block: "center", inline: "center"});
})
}
draggable = new PlainDraggable(document.getElementById('tradu')); });
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
draggable = new PlainDraggable(document.getElementById('descriptio'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '1000%'};
draggable2 = new PlainDraggable(document.getElementById('telegram'));
draggable2.containment = {left: 0, top: 0, width: '1000%', height: '1000%'};
const closeD = document.querySelector("#closeD");
const descriptio = document.querySelector("#descriptio");
const closeT = document.querySelector("#closeT");
const telegram = document.querySelector("#telegram");
closeT.addEventListener('click', () =>{
telegram.style.visibility = "hidden";
});
closeD.addEventListener('click', () =>{
descriptio.style.visibility = "hidden";
});
randomTitle = document.getElementById("randomTitle");
var typewriter = new Typewriter(randomTitle, {
loop:true,
cursor:""
});
typewriter.typeString('PRACTICAL VISION')
.pauseFor(100)
.deleteAll()
.typeString('ÈKAANE EDJIOUK')
.pauseFor(300)
.deleteAll()
.typeString('PRACTICAL VISION')
.pauseFor(100)
.deleteAll()
.typeString('WONI WI MEKO')
.pauseFor(300)
.deleteAll()
.typeString('PRACTICAL VISION')
.pauseFor(100)
.deleteAll()
.typeString('DHANA TEKELEZWAJI')
.pauseFor(300)
.deleteAll()
.typeString('PRACTICAL VISION')
.pauseFor(100)
.deleteAll()
.typeString('UMBONO OQONDILE')
.pauseFor(300)
.deleteAll()
.typeString('PRACTICAL VISION')
.pauseFor(100)
.deleteAll()
.typeString('DÈFFE GUISSE')
.pauseFor(300)
.deleteAll()
.start();
</script>
<script src="./scripts/home.js" async defer></script> </script>
<script src="./scripts/hcindex.js"></script> <script src="./scripts/hcindex.js"></script>
<script src="./scripts/matrix.js"></script> <script src="./scripts/matrix.js"></script>
<script src="./scripts/P4Vector.js"></script> <script src="./scripts/P4Vector.js"></script>

@ -1,3 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
@ -10,12 +12,22 @@
<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="../P.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<div class='testa'>
<button><a href="#start" id="lefty" >Back to Start</a></button>
<button><a target="_blank" href="../">WOR(L)DS FOR THE FUTURE</a></button>
<button><a href="../">Back to Home</a></button>
<button><a target="_blank" href="assets/practical_vision.pdf">Print!</a></button>
</div>
<a id="start"></a>
<div class="row" id="supra"> <div class="row" id="supra">
<p class="barsa">Jola <br>and English. <br>Practical translations<br>with my friend Barsa, <br><span id="barsa">from Coubanao, Senegal</span></p> <p class="barsa">Jola <br>and English. <br>Practical translations<br>with my friend Barsa, <br><span id="barsa">from Coubanao, Senegal</span></p>
<div id="title"> <div id="title">
@ -39,11 +51,11 @@
<div class="column left"> <div class="column left">
<p>A few weeks back someone told me that it is an exceptional achievement for a short story to be translated into a dozen languages. I had never really thought about it, as I am not drawn from a long tradition of scholarship in literary translations. I could not quantify his statement in any way. For me those words came across as a big compliment given the scope of the work done by the Jalada Collective in the past year in the <span id="tradu-pre">area of translations</span> and the use of digital facilities.</p> <p>A few weeks back someone told me that it is an exceptional achievement for a short story to be translated into a dozen languages. I had never really thought about it, as I am not drawn from a long tradition of scholarship in literary translations. I could not quantify his statement in any way. For me those words came across as a big compliment given the scope of the work done by the Jalada Collective in the past year in the <span id="tradu-pre">area of translations</span> and the use of digital facilities.</p>
<p><a class= "link" href="http://jaladaafrica.org">Jalada is a pan-African collective</a>of young African writers from all over the African continent, of which I am member as well as the managing editor. It began in 2013 during a workshop convened by renowned editor,<a class= "link" href="https://vi.wikipedia.org/wiki/Ellah_Wakatama_Allfrey">Ellah Wakatama Allfrey.</a>We had a lively conversation among the participants about what we as young African creatives drawn from different geographical locations could do with the resources <p><a class= "link" target="_blank" href="http://jaladaafrica.org">Jalada is a pan-African collective</a> of young African writers from all over the African continent, of which I am member as well as the managing editor. It began in 2013 during a workshop convened by renowned editor,<a class= "link" target="_blank" href="https://vi.wikipedia.org/wiki/Ellah_Wakatama_Allfrey"> Ellah Wakatama Allfrey. </a>We had a lively conversation among the participants about what we as young African creatives drawn from different geographical locations could do with the resources
we valued: language<a href="../ATATA/index_text.html" class="glyph" id="language"><span>A</span></a>, knowledge<a href="../../LIQUID/draft.html" class="glyph" id="knowledge"><span>L</span></a> and our <span id="focus-one" >web</span> of connections. So Jalada was born. From wherever we were, we worked together online<a href="../../HOPE/index.html" class="glyph" id="online"><span>H</span></a> in what seemed like a virtual office. All you needed to do was post a message, and another member would take action. The Internet became an enabler of collaboration<a href="../../LIQUID/draft.html" class="glyph" id="collaboration"><span>L</span></a> and a resource in the production process of a digital Jalada magazine. <a class= "link" href="https://jaladaafrica.org/publications/">Our first thematic issue</a>tackled the often-underexplored subject of mental health within the African context. Our second anthology focused on stories of fictionalized sexual experiences in ways that broke the implied modesty of our fictional boundaries. We also did an anthology on Afrofutures, a publication that allowed us, as Africans, to capture multiple<a href="../../LIQUID/draft.html" class="glyph" id="multiplicity"><span>L</span></a> and alternative ways of imagining futures.</p> we valued: language<a href="../ATATA/index_text.html" class="glyph" id="language"><span>A</span></a>, knowledge<a href="../../LIQUID/draft.html" class="glyph" id="knowledge"><span>L</span></a> and our <span id="focus-one" >web</span> of connections. So Jalada was born. From wherever we were, we worked together online<a href="../../HOPE/index.html" class="glyph" id="online"><span>H</span></a> in what seemed like a virtual office. All you needed to do was post a message, and another member would take action. The Internet became an enabler of collaboration<a href="../../LIQUID/draft.html" class="glyph" id="collaboration"><span>L</span></a> and a resource in the production process of a digital Jalada magazine. <a target="_blank" class= "link" href="https://jaladaafrica.org/publications/">Our first thematic issue </a>tackled the often-underexplored subject of mental health within the African context. Our second anthology focused on stories of fictionalized sexual experiences in ways that broke the implied modesty of our fictional boundaries. We also did an anthology on Afrofutures, a publication that allowed us, as Africans, to capture multiple<a href="../../LIQUID/draft.html" class="glyph" id="multiplicity"><span>L</span></a> and alternative ways of imagining futures.</p>
<p2 class="subtitle">The Translation Issue</p2> <p2 class="subtitle">The Translation Issue</p2>
<p>Then, we embarked on a translation project in which we aimed to have one short story translated into as many languages as possible. <a class= "link" href="https://jaladaafrica.org/2020/10/28/translation-project/">Since March 2016,</a>when we first published the story <i>Ituĩka Rĩa Mũrũngarũ: Kana Kĩrĩa Gĩtũmaga Andũ Mathiĩ Marũngiĩ</i>,<a class="foot" href="#footnoteone-r" id="footnoteone">[1]</a>the story has been translated into sixty-eight languages. <p>Then, we embarked on a translation project in which we aimed to have one short story translated into as many languages as possible. <a class= "link" target="_blank" href="https://jaladaafrica.org/2020/10/28/translation-project/">Since March 2016, </a>when we first published the story <i>Ituĩka Rĩa Mũrũngarũ: Kana Kĩrĩa Gĩtũmaga Andũ Mathiĩ Marũngiĩ</i>,<a class="foot" href="#footnoteone-r" id="footnoteone">[1]</a>the story has been translated into sixty-eight languages.
The initiative has been critically lauded by several scholars as one of the most essential projects in fostering communication amongst readers and speakers of different languages across the globe. The initiative has been critically lauded by several scholars as one of the most essential projects in fostering communication amongst readers and speakers of different languages across the globe.
@ -76,7 +88,7 @@
<span id="focus-learnafricans" >What if</span> that beautiful desire to learn and appreciate a foreign language was also inherently directed towards other African Languages? In failing to have enough systems that can facilitate this kind of interest and indulgence, the online publishing of stories in different languages, <span id="focus-learnafricans" >What if</span> that beautiful desire to learn and appreciate a foreign language was also inherently directed towards other African Languages? In failing to have enough systems that can facilitate this kind of interest and indulgence, the online publishing of stories in different languages,
<span id="website-salta" >multilingual performances</span>, and podcasts are a small but possibly vital contribution. Not just for readers that want to read other languages, but those who have grown up with very little exposure to written texts in their own mother tongue.</p> <span id="website-salta" ><a target="_blank" href="http:salta.su/djisafoul" target="_blank">multilingual performances</a></span>, and podcasts are a small but possibly vital contribution. Not just for readers that want to read other languages, but those who have grown up with very little exposure to written texts in their own mother tongue.</p>
<p><span id="focus-term" >Ngũgi wa Thiongo </span>has used the term “practical vision” to describe the fresh opportunities for disseminating African literature that the digital age makes possible. <p><span id="focus-term" >Ngũgi wa Thiongo </span>has used the term “practical vision” to describe the fresh opportunities for disseminating African literature that the digital age makes possible.
@ -95,7 +107,7 @@
As practical visionaries, interested more in <span id="focus-turningideas" >turning ideas into actions</span>, we work with full acknowledgement of what has come before. We take into consideration the conversations that have been held on the subject, and bring these further by pursuing our translation work in ways that examine barriers of the past and find ways to overcome them now.</p> As practical visionaries, interested more in <span id="focus-turningideas" >turning ideas into actions</span>, we work with full acknowledgement of what has come before. We take into consideration the conversations that have been held on the subject, and bring these further by pursuing our translation work in ways that examine barriers of the past and find ways to overcome them now.</p>
<p>Just as we have created and continue to create a database of literary<a href="../../--/index.html" class="glyph" id="literary"><span>M</span></a> translators, we want to establish a base of devoted readers. Earlier in the process, someone was quick to ask me, rather sceptically, what happens after we have published the translations and who will even be interested in reading them? Once the first Translation Issue was published, the translators and our most devoted readers started sharing the work on Facebook, Twitter, and Blogs while expressing their excitement at seeing such a publication. People tweeted links and shared specific languages on their timelines. A twitter user in Ethiopia, @LindaYohannes, tweeted<br><a href="https://twitter.com/LindaYohannes/status/713060642836578304" id="tweetQuote">“Reading Ngugi in #Amharic! This feels so right!”</a><br>Digital technologies helped us tap into greater and faster possibilities whereas the mere exhaustion of putting together the volume in print form would have been enough excuse for us to store the print copies in the warehouse for a month or two before venturing into marketing and distribution. The reality of such exhausting stretch of time in the production process was for a long while the reason why people kept stuck in conversation and never got into doing.</p> <p>Just as we have created and continue to create a database of literary<a href="../../--/index.html" class="glyph" id="literary"><span>M</span></a> translators, we want to establish a base of devoted readers. Earlier in the process, someone was quick to ask me, rather sceptically, what happens after we have published the translations and who will even be interested in reading them? Once the first Translation Issue was published, the translators and our most devoted readers started sharing the work on Facebook, Twitter, and Blogs while expressing their excitement at seeing such a publication. People tweeted links and shared specific languages on their timelines. A twitter user in Ethiopia, @LindaYohannes, tweeted<br><a target="_blank" href="https://twitter.com/LindaYohannes/status/713060642836578304" id="tweetQuote">“Reading Ngugi in #Amharic! This feels so right!”</a><br>Digital technologies helped us tap into greater and faster possibilities whereas the mere exhaustion of putting together the volume in print form would have been enough excuse for us to store the print copies in the warehouse for a month or two before venturing into marketing and distribution. The reality of such exhausting stretch of time in the production process was for a long while the reason why people kept stuck in conversation and never got into doing.</p>
<p2 class="subtitle">Creating digital networks for translation</p2> <p2 class="subtitle">Creating digital networks for translation</p2>
@ -132,15 +144,15 @@
<div class="credit"> <div class="credit">
<h3> <h3>
Original Contribution by <span href="http://jaladaafrica.org">Jalada.</span> Original Contribution by <a target="_blank" href="http://jaladaafrica.org">Jalada.</a>
<br> <br>
A special thanks to <span>El-Hadji Barsa Rachid Sagna</span> and <span>Munyao Kilolo.</span> A special thanks to <span>El-Hadji Barsa Rachid Sagna</span> and <span>Munyao Kilolo.</span>
<br> <br>
Original Artistic Response by <span href="http://printthefuture.nl/">Print The Future.</span> Original Artistic Response by <a target="_blank" href="http://printthefuture.nl/">Print The Future.</a>
<br> <br>
Republished and complexified by <span href="http://federicoponi.it">Federico Poni.</span> Republished and complexified by <a target="_blank" href="http://federicoponi.it">Federico Poni.</a>
<br> <br>
Made with <span>love</span> and <span href="http://p5js.org">P5.js</span> Made with <span>love</span> and <a target="_blank" href="http://p5js.org">P5.js</a>
</h3> </h3>
</div> </div>
@ -152,7 +164,7 @@
<div class="column right"> <div class="column right">
<div id="tradu" style="line-height:20px;"> <div id="tradu" style="line-height:.5vw;">
<span class="primo">Woni<br>Wi Meko <span class="pico">(Kiikamba)</span></span><br> <span class="primo">Woni<br>Wi Meko <span class="pico">(Kiikamba)</span></span><br>
<span class="secondo" >Dhana<br>Tekelezwaji <span class="pico">(Kiswahili)</span></span><br> <span class="secondo" >Dhana<br>Tekelezwaji <span class="pico">(Kiswahili)</span></span><br>
<span class="primo">Umbono<br>Oqondile <span class="pico">(IsiZulau)</span></span><br> <span class="primo">Umbono<br>Oqondile <span class="pico">(IsiZulau)</span></span><br>
@ -176,7 +188,7 @@
<p id="focus-europ-one-r" style="margin-top:40px"><span id="focus-europ-two-r" >Many Nairobians learn French and German even if it is not necessary, this comes from their colonial heritage.<br>Sure, in itself it is a beautiful thing, since all knowledge is power, but this attitude often means people almost neglect their own <span class="language">mothertongue</span>.</span></p> <p id="focus-europ-one-r" style="margin-top:40px"><span id="focus-europ-two-r" >Many Nairobians learn French and German even if it is not necessary, this comes from their colonial heritage.<br>Sure, in itself it is a beautiful thing, since all knowledge is power, but this attitude often means people almost neglect their own <span class="language">mothertongue</span>.</span></p>
<img src="../assets/simpleShapes.png" style="width: 30%; margin:0 0 0 25%;;transform: rotate(73deg)" > <img src="../assets/simpleShapes.png" id='ss1' style=" margin:0 0 0 25%;" >
<p id="focus-learnafricans-r">What if that beautiful desire to learn and appreciate a foreign <span class="language">language</span> was also inherently directed towards other African <span class="language">Languages</span>?</p> <p id="focus-learnafricans-r">What if that beautiful desire to learn and appreciate a foreign <span class="language">language</span> was also inherently directed towards other African <span class="language">Languages</span>?</p>
@ -188,9 +200,9 @@
<p id="feed-net-one-r" ><span id="feed-net-two-r" ><span id="feed-net-three-r" >Practical Vision lives also in the digital realm. They protect past and future cultures, thanks to organic and inorganic networks.</span></span></p> <p id="feed-net-one-r" ><span id="feed-net-two-r" ><span id="feed-net-three-r" >Practical Vision lives also in the digital realm. They protect past and future cultures, thanks to organic and inorganic networks.</span></span></p>
<img src="../assets/simpleShapes.png" style="width: 30%; margin: 0 0 0 55%; transform: rotate(250deg);"> <img src="../assets/simpleShapes.png" id='ss2' style=" margin: 0 0 0 55%; ">
<p id="focus-turningideas-r" >Practical Vision fights against the attempt of a single <span class="language">language</span> culture → Practical Vision fights against this global standardisation →  Practical Vision thinks about another balanced globality.</p> <p id="focus-turningideas-r" >Practical Vision fights against the attempt of a single <span class="language">language</span> culture → Practical Vision fights against this global standardisation → Practical Vision thinks about another balanced globality.</p>
@ -202,7 +214,7 @@
<p id="the-future-is-multi-lingual-r">THE FUTURE IS<span class="language"> MULTI-LINGUAL</span> !</p> <p id="the-future-is-multi-lingual-r">THE FUTURE IS<span class="language"> MULTI-LINGUAL</span> !</p>
<p style="text-align: center; margin-top: 10px; margin-left: 90px"><img src="../assets/infograph.png" id="focus-infograph-r" ><br>Imagining better worlds is a multi-cultural discipline.</p> <p ><img src="../assets/infograph.png" id="focus-infograph-r" ><br>Imagining better worlds is a multi-cultural discipline.</p>
<p id="main-statement-r" >THERE ARE MORE THAN SIX THOUSAND NINE HUNDRED <span class="language">LANGUAGES</span> ACROSS THE WORLD</p> <p id="main-statement-r" >THERE ARE MORE THAN SIX THOUSAND NINE HUNDRED <span class="language">LANGUAGES</span> ACROSS THE WORLD</p>
@ -216,7 +228,7 @@
<p class="tito">A practical Telegram BOT</p> <p class="tito">A practical Telegram BOT</p>
<p class="link">@practical_vision_bot</p> <p class="link">@practical_vision_bot</p>
<p>This Telegram BOT makes a  crowd-sourced dictionary with your translations. You can add every word/sentence you want from english to be translated into any language! Search for it and follow the instructions to add new translations:<br><br> <p>This Telegram BOT makes a crowd-sourced dictionary with your translations. You can add every word/sentence you want from english to be translated into any language! Search for it and follow the instructions to add new translations:<br><br>
<span><span class="v">word</span> : translation : language</span><br> <span><span class="v">word</span> : translation : language</span><br>
<i><span class="v">hello</span> : dji safoul : Jola</i> <i><span class="v">hello</span> : dji safoul : Jola</i>
@ -231,5 +243,5 @@
</body> </body>
<script src="../scripts/print.js"></script> <script src="../scripts/print.js" defer async></script>
</html> </html>

@ -1,19 +1,19 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
scroll-behavior: smooth;
} }
html {
/* width: 100%; */ .row{
/* min-height: 100%; */ margin: 10% 15%
} }
body { body {
/* margin-top:10%; */ width: 100%;
margin: 0; /* margin: 0; */
height: 100%;
padding: 0; padding: 0;
width: 100%
} }
.row:after { .row:after {
@ -61,110 +61,94 @@ src: url("../assets/fonts/Sinistre-StCaroline.woff");
:root{ :root{
/* --porpora: font-family: "Porpora";
--sinistre: font-family: "Sinistre";
--cotham: font-family: "CothamSans"; */
font-family: "HKGrotesk"; font-family: "HKGrotesk";
--regular: 2vw; --regular: 1.5vw;
--focus: 4vw; --focus: 2vw;
--focus2: 5vw; --focus2: 4.5vw;
--title: 16vw; --title: 10vw;
--footnote: 14px; --footnote: 1vw;
--subtitle: 3px; --subtitle: 5vw;
--inl-reg: 20px; --inl-reg: 1.5vw;
--inl-foot: 14px; /* --inl-foot: 14px; */
--purple: #ff1493; --purple: #ff14d0;
--green: #0DF46F; --green: #0F0;
--green-tit: #0DF46F80; --green-tit: rgb(0,0,0,0.8)
} }
.barsa{ .barsa{
color: var(--green); color: var(--green);
font-size: var(--focus); font-size: var(--focus);
line-height: 26px; line-height: 2vw;
position: absolute; position: absolute;
margin-top: 160px; margin-top: 10vw;
} }
#title{ #title{
margin: 60px 0 70px 0; margin: 5vw 0 4vw 0;
line-height: 10px; line-height: 1.5vw;
} }
.jola, .jola2{ .jola, .jola2{
line-height: 0.2px; line-height: 1vw;
font-family: "Sinistre"; font-family: "Sinistre";
color: var(--purple); color: var(--purple);
font-size: var(--title); font-size: var(--title);
margin-left: 350px; margin-left: 12vw;
} }
.jola2{ .jola2{
margin-left: 500px; margin-left: 20vw;
color: var(--purple); color: var(--purple);
} }
.eng, .eng2{ .eng, .eng2{
line-height: 70px; line-height: 2vw;
font-family: "CothamSans"; font-family: "CothamSans";
font-size: var(--title); font-size: var(--title);
color: var(--green-tit) color: var(--green-tit)
} }
.eng2{ .eng2{
margin-left: 105px; margin-left: 7.5vw;
} }
img{ img{
width:200px; width: 60%;
display: absolute; display: absolute;
/* margin: 5% 20% ; */
} }
.column { .column {
float: left; float: left;
/* height: 10000px; */
} }
.right{ .right{
width: 30%;
/* display: flex; margin-right: 2vw
flex-direction: column;
align-content: space-between;
align-content: space-evenly;
list-style: none; */
width: 390px;
margin-right: 0
/* height: 100%; */
} }
.right p{ .right p{
font-size: var(--focus); font-size: var(--focus);
color: var(--green); color: var(--green);
text-align: right; text-align: right;
} }
.right p,a{ .right p,a{
margin: 75px 10px; margin: 55% 0;
line-height: 24px; line-height: 2vw;
} }
.right a{ .right a{
font-size: 16px; font-size: 1.5vw;
color: var(--green); color: var(--green);
margin-left: 150px; margin-left: 4vw ;
} }
.left{ .left{
width: 730px; width: 65%;
/* height: 100%; */
} }
@ -175,15 +159,15 @@ img{
} }
.left a{ .left a{
text-decoration: none; /* text-decoration: none; */
color: var(--purple); color: var(--purple);
line-height: var(--inl-reg) line-height: var(--inl-reg)
} }
ol{ ol{
font-size:30px; font-size:2vw;
margin-left: 40px margin-left: 2vw
} }
li{ li{
@ -192,14 +176,11 @@ li{
#body{ #body{
/* max-width: 100%; */
position: absolute; position: absolute;
} }
#supra{ #supra{
width:297mm; /* width:297mm; */
/* height: 417mm; */
/* margin:auto; */
} }
#footnoteone, #footnotetwo{ #footnoteone, #footnotetwo{
@ -222,7 +203,6 @@ li{
} }
.credit{ .credit{
/* margin-left: 0.8cm; */
text-align: left; text-align: left;
font-size: var(--regular); font-size: var(--regular);
color: var(--purple); color: var(--purple);
@ -236,13 +216,8 @@ p2{
color: var(--green); color: var(--green);
font-size: var(--subtitle); font-size: var(--subtitle);
font-family: "CothamSans"; font-family: "CothamSans";
/* font-family: "Mazius"; */
/* font-family: "Porpora"; */
/* font-family: "HKGrotesk"; */
margin: 0; margin: 0;
line-height: 40px; line-height: 4.5vw;
text-align: justify; text-align: justify;
text-justify: inter-word; text-justify: inter-word;
text-transform: uppercase; text-transform: uppercase;
@ -250,34 +225,33 @@ p2{
#tweetQuote{ #tweetQuote{
color: var(--green); color: var(--green);
/* margin-left: 10%; */
font-style: italic; font-style: italic;
line-height: 60px; line-height: 5vw;
font-size: 24px; font-size: 2vw;
} }
a{ a{
text-decoration: none; /* text-decoration: none; */
color: var(--green); color: var(--green);
text-align: left text-align: left
} }
a:visited{
text-decoration: none;
}
.language{ .language{
font-family: "Sinistre"; font-family: "Sinistre";
} }
#tradu{ #tradu{
text-align: right; text-align: right;
margin-right:50px; margin-right:1vw;
transform: rotate(3deg); transform: rotate(3deg);
} }
#tradu span{ #tradu span{
line-height: 2vw
line-height: 27px
} }
#tradu .pico{ #tradu .pico{
@ -300,38 +274,37 @@ a{
.telegram{ .telegram{
text-align: right; text-align: right;
border: var(--green) solid 3px; border: var(--green) solid 3px;
padding:8px; padding: .5vw;
width:350px; width:130%;
margin-left: 30px margin-left: 2vw
} }
.telegram .tito{ .telegram .tito{
color: var(--purple); color: var(--purple);
font-size:var(--focus2); font-size:var(--focus2);
line-height: 48px; line-height: 4.2vw;
} }
.telegram p a{ .telegram p a{
font-size: var(--focus); font-size: var(--focus);
line-height: 80px; line-height: 20vw;
text-align: right; text-align: right;
margin-right: 200px /* margin-right: 10vw */
} }
.telegram p{ .telegram p{
color: var(--purple); color: var(--purple);
font-size:var(--regular); font-size:var(--regular);
line-height: 20px; line-height: 1.5vw;
margin:0; margin:0;
padding-left: 20px padding-left: 1vwx
} }
.telegram .link{ .telegram .link{
font-size: var(--focus); font-size: var(--focus);
color: var(--green); color: var(--green);
margin: 24px 0 margin: 3vw 0
} }
.telegram span{ .telegram span{
@ -356,15 +329,141 @@ line-height: 20px;
.glyph span{ .glyph span{
font-size: 20px font-size: 1.5vw
}
.glyph{
text-decoration: none;
}
.glyph:hover{
color: #0F0;
-webkit-filter: blur(1px);
filter: blur(1px);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;
}
#ss1{
animation: giragira1 1s infinite;
}
#ss2{
animation: giragira2 1s infinite;
}
button{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
margin: 0 .5vw;
min-width: 10vw;
/* min-height: 2.5vw; */
background-color: rgba(255, 255, 255, 0.7);
border-radius: 50px;
text-decoration: none;
margin-bottom: 1vw;
padding: .5vw 1vw;
box-shadow: 5px 5px 10px rgba(130, 130, 130, 0.7);
/* box-shadow: 5px 8px 30px var(--pink); */
}
#lefty{
color: var(--green);
}
.testa{
z-index: 100;
top: 1.5vw;
left: 1vw;
height: 0;
/* padding: 1vw; */
/* margin: 0; */
position: fixed;
/* display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; */
/*
height: 0;
box-sizing: border-box; */
}
button a{
/* font-family: "CothamSans"; */
text-decoration: none;
font-size: 1.5vw;
color: var(--purple);
}
@media only screen and (max-width: 600px) {
.row{
margin: 15% 0
} }
:root{
--regular: 2vw;
--focus: 2vw;
--focus2: 4.5vw;
--title: 10vw;
--footnote: 1vw;
--subtitle: 5vw;
--inl-reg: 2vw;
}
#focus-infograph-r{
width: 80%;
}
.telegram{
text-align: right;
border: var(--green) solid 3px;
padding: .5vw;
width:100%;
margin-left: 2vw
}
.telegram p{
line-height: 2vw;
}
button{
min-width: 22vw;
}
}
@keyframes giragira1{
0% {transform: rotate(185deg);}
50%{transform: rotate(195deg);}
100% {transform: rotate(185deg);}
}
@keyframes giragira2{
0% {transform: rotate(350deg);}
50%{transform: rotate(360deg);}
100% {transform: rotate(350deg);}
}

@ -15,13 +15,24 @@ let points = [];
function windowResized() { function windowResized() {
resizeCanvas(innerWidth/2,innerHeight); resizeCanvas(innerWidth*0.9,innerHeight);
} }
function setup() { function setup() {
var cnv = createCanvas(innerWidth/2, windowHeight, WEBGL); var mq = window.matchMedia( "(max-width: 600px)" );
cnv.position(0,0); if (mq.matches) {
var cnv = createCanvas(innerWidth, windowHeight, WEBGL);
cnv.position(innerWidth/15);
cnv.style('z-index','-10')
}
else {
var cnv = createCanvas(innerWidth*0.9, windowHeight, WEBGL);
cnv.position(innerWidth*1.35);
cnv.style('z-index','-10') cnv.style('z-index','-10')
}
points[0] = new P4Vector(-1, -1, -1, 1); points[0] = new P4Vector(-1, -1, -1, 1);
points[1] = new P4Vector(1, -1, -1, 1); points[1] = new P4Vector(1, -1, -1, 1);

@ -1,29 +0,0 @@
var prova = document.getElementById("prova2");
let provaBez = prova.getBoundingClientRect();
var prova2 = document.getElementById("prova");
let provaBez2 = prova2.getBoundingClientRect();
let x1 = provaBez.left;
let y1 = provaBez.top;
let x2 = provaBez2.left;
let y2 = provaBez2.top;
console.log(x1,y1, 200, 100, x2, y2)
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight;
ctx.beginPath();
ctx.bezierCurveTo(x1,y1, 200, 100, x2, y2);
ctx.stroke();

@ -1,107 +1,107 @@
var ciccio =` // var ciccio =`
<p>A few weeks back someone told me that it is an exceptional achievement for a short story to be translated into a dozen languages. I had never really thought about it, as I am not drawn from a long tradition of scholarship in literary translations. I could not quantify his statement in any way. For me those words came across as a big compliment given the scope of the work done by the Jalada Collective in the past year in the area of translations and the use of digital facilities.</p> // <p>A few weeks back someone told me that it is an exceptional achievement for a short story to be translated into a dozen languages. I had never really thought about it, as I am not drawn from a long tradition of scholarship in literary translations. I could not quantify his statement in any way. For me those words came across as a big compliment given the scope of the work done by the Jalada Collective in the past year in the area of translations and the use of digital facilities.</p>
<p><a href="http://jaladaafrica.org">Jalada is a pan-African collective</a>of young African writers from all over the African continent, of which I am member as well as the managing editor. It began in 2013 during a workshop convened by renowned editor,<a href="https://vi.wikipedia.org/wiki/Ellah_Wakatama_Allfrey">Ellah Wakatama Allfrey.</a>We had a lively conversation among the participants about what we as young African creatives drawn from different geographical locations could do with the resources // <p><a href="http://jaladaafrica.org">Jalada is a pan-African collective</a>of young African writers from all over the African continent, of which I am member as well as the managing editor. It began in 2013 during a workshop convened by renowned editor,<a href="https://vi.wikipedia.org/wiki/Ellah_Wakatama_Allfrey">Ellah Wakatama Allfrey.</a>We had a lively conversation among the participants about what we as young African creatives drawn from different geographical locations could do with the resources
<span id="focus-one" >we valued</span>: language, knowledge and our web of connections. So Jalada was born. From wherever we were, we worked together online in what seemed like a virtual office. All you needed to do was post a message, and another member would take action. The Internet became an enabler of collaboration and a resource in the production process of a digital Jalada magazine. <a href="https://jaladaafrica.org/publications/">Our first thematic issue</a>tackled the often-underexplored subject of mental health within the African context. Our second anthology focused on stories of fictionalized sexual experiences in ways that broke the implied modesty of our fictional boundaries. We also did an anthology on Afrofutures, a publication that allowed us, as Africans, to capture multiple and alternative ways of imagining futures.</p> // <span id="focus-one" >we valued</span>: language, knowledge and our web of connections. So Jalada was born. From wherever we were, we worked together online in what seemed like a virtual office. All you needed to do was post a message, and another member would take action. The Internet became an enabler of collaboration and a resource in the production process of a digital Jalada magazine. <a href="https://jaladaafrica.org/publications/">Our first thematic issue</a>tackled the often-underexplored subject of mental health within the African context. Our second anthology focused on stories of fictionalized sexual experiences in ways that broke the implied modesty of our fictional boundaries. We also did an anthology on Afrofutures, a publication that allowed us, as Africans, to capture multiple and alternative ways of imagining futures.</p>
<p2 class="subtitle">The Translation Issue</p2> // <p2 class="subtitle">The Translation Issue</p2>
<p>Then, we embarked on a translation project in which we aimed to have one short story translated into as many languages as possible. <a href="https://jaladaafrica.org/2020/10/28/translation-project/">Since March 2016,</a>when we first published the story <i>Ituĩka Rĩa Mũrũngarũ: Kana Kĩrĩa Gĩtũmaga Andũ Mathiĩ Marũngiĩ</i>,<a class="foot" href="#footnoteone-r[1] </a>the story has been translated into sixty-eight languages. // <p>Then, we embarked on a translation project in which we aimed to have one short story translated into as many languages as possible. <a href="https://jaladaafrica.org/2020/10/28/translation-project/">Since March 2016,</a>when we first published the story <i>Ituĩka Rĩa Mũrũngarũ: Kana Kĩrĩa Gĩtũmaga Andũ Mathiĩ Marũngiĩ</i>,<a class="foot" href="#footnoteone-r[1] </a>the story has been translated into sixty-eight languages.
The initiative has been critically lauded by several scholars as one of the most essential projects in fostering communication amongst readers and speakers of different languages across the globe. // The initiative has been critically lauded by several scholars as one of the most essential projects in fostering communication amongst readers and speakers of different languages across the globe.
Under the umbrella of the powerful magic of storytelling, online publishing has enabled different languages and cultures to find expression and converse with each other. The Jalada website, where the story and its translations are published, acts as a kind of portal to a multiplicity of languages wherein you can find codified languages you may never have heard about. Because for us at Jalada we are keen on multiple narrative modes of textual and visual storytelling, the story continues to be available in podcasts and live multilingual dramatizations.</p> // Under the umbrella of the powerful magic of storytelling, online publishing has enabled different languages and cultures to find expression and converse with each other. The Jalada website, where the story and its translations are published, acts as a kind of portal to a multiplicity of languages wherein you can find codified languages you may never have heard about. Because for us at Jalada we are keen on multiple narrative modes of textual and visual storytelling, the story continues to be available in podcasts and live multilingual dramatizations.</p>
<p>We conceptualised the Jalada translations issue with a specific focus on African Languages. Each language remains a representation of a specific culture on the continent. Taken together, our continent is infinitely rich in its cultural resources. // <p>We conceptualised the Jalada translations issue with a specific focus on African Languages. Each language remains a representation of a specific culture on the continent. Taken together, our continent is infinitely rich in its cultural resources.
<span id="feed-africa-one" >Over 2000 languages exist across the 54 nations. </span> Imagine the monumental impact of a story in all these languages. It would be an immovable symbol. In history and in scholarship it would stand as a testament to the fact that // <span id="feed-africa-one" >Over 2000 languages exist across the 54 nations. </span> Imagine the monumental impact of a story in all these languages. It would be an immovable symbol. In history and in scholarship it would stand as a testament to the fact that
<span id="feed-langeq" >all languages are equal:</span> It does not matter the origins, the color, or the number of people who use any specific language, nor the standardisation of such a language or the lack thereof.</span> // <span id="feed-langeq" >all languages are equal:</span> It does not matter the origins, the color, or the number of people who use any specific language, nor the standardisation of such a language or the lack thereof.</span>
The coming together of all those languages would smash any doubt that in our diversity immense beauty can be created with a great and lasting impact.</p> // The coming together of all those languages would smash any doubt that in our diversity immense beauty can be created with a great and lasting impact.</p>
<p>Jalada Translations issue was born from the firm faith that one day, whether it is during my lifetime or in the generations to come, one such short story will exist in all African languages. // <p>Jalada Translations issue was born from the firm faith that one day, whether it is during my lifetime or in the generations to come, one such short story will exist in all African languages.
<span id="feed-counterhegemonic" >I want to imagine </span>that over the years the spill over effect of this will transform our attitudes towards the use of our mother tongues and the languages that we learn from our neighbours through our daily interactions. I want to imagine the impact it might have on the access that our children have to texts written in all manner of languages, especially the marginalised languages. We continually learn to reap from the resources that we have. One such irrefutable resource is the language of our mother tongues.</p> // <span id="feed-counterhegemonic" >I want to imagine </span>that over the years the spill over effect of this will transform our attitudes towards the use of our mother tongues and the languages that we learn from our neighbours through our daily interactions. I want to imagine the impact it might have on the access that our children have to texts written in all manner of languages, especially the marginalised languages. We continually learn to reap from the resources that we have. One such irrefutable resource is the language of our mother tongues.</p>
<p2 class="subtitle">The Illusion of Unifying Language</p2> // <p2 class="subtitle">The Illusion of Unifying Language</p2>
<p>Some of the distinctive African languages represented in the translations issue have suffered many years of non-representation in the written form. There are worrisome statistics of the number of books or articles that have been published in these languages. Yet, across many countries and regions within the continent, thousands, tens of thousands, or millions of people use these languages every day. // <p>Some of the distinctive African languages represented in the translations issue have suffered many years of non-representation in the written form. There are worrisome statistics of the number of books or articles that have been published in these languages. Yet, across many countries and regions within the continent, thousands, tens of thousands, or millions of people use these languages every day.
They transact businesses, they pray, they love, and dream of love and life in these languages. And yet, so little is written in them. What is even more worrying is the fewer number of people who get access to these written resources. Most of the written material is in European languages English, French, and Portuguese as well as a few dominant African national languages.</p> // They transact businesses, they pray, they love, and dream of love and life in these languages. And yet, so little is written in them. What is even more worrying is the fewer number of people who get access to these written resources. Most of the written material is in European languages English, French, and Portuguese as well as a few dominant African national languages.</p>
<p>The illusion of unifying a nation through a single language is wide spread. This has meant a very deliberate marginalisation of African languages and the almost brutal emphasis on the spread and dominance of English or other European languages. Additionally, // <p>The illusion of unifying a nation through a single language is wide spread. This has meant a very deliberate marginalisation of African languages and the almost brutal emphasis on the spread and dominance of English or other European languages. Additionally,
<span id="feed-senegal" >we feed on that illusion</span> instilled in us by our education systems, which were designed by European colonialists to serve the empire and then continued as desirable norms by post-colonial governments. But there is a daily struggle from many quarters and initiatives to effect change in our school systems.</p> // <span id="feed-senegal" >we feed on that illusion</span> instilled in us by our education systems, which were designed by European colonialists to serve the empire and then continued as desirable norms by post-colonial governments. But there is a daily struggle from many quarters and initiatives to effect change in our school systems.</p>
<p>Today, one does not need to go to a well-equipped library to see texts in other languages. You only need to log into social media, and you will see the flow of conversations in all manner of languages, albeit a little inconstant. We do not have to look at that with suspicion. We do not have to feel hate and resentment for the existence of the other or feel burdened by the colonial idea that this is divisive. Over the years, // <p>Today, one does not need to go to a well-equipped library to see texts in other languages. You only need to log into social media, and you will see the flow of conversations in all manner of languages, albeit a little inconstant. We do not have to look at that with suspicion. We do not have to feel hate and resentment for the existence of the other or feel burdened by the colonial idea that this is divisive. Over the years,
<span id="focus-europ-one" >I have noted</span>how many young Nairobians flood institutions to learn French and German. marvel at the possibility of acquiring what is not necessarily ours. // <span id="focus-europ-one" >I have noted</span>how many young Nairobians flood institutions to learn French and German. marvel at the possibility of acquiring what is not necessarily ours.
<span id="focus-europ-two" > in itself</span> is a beautiful thing; all knowledge is power. However, most of the individuals learning these languages will never go to France or Germany. They will use that resource they have attained amongst themselves in a very small circle, or for employment purpose such as to serve the occasional tourist or to work at one of the multinationals. Even worse, sometimes it is never put to use. It exists merely as a placeholder in a Curriculum vita or for prestige, such as when someone mentions that they have studied this or that European Language. In their minds they remain psychologically arrested in the desire and continually gravitate towards the European home of the new learned language. However, they will interact very occasionally with speakers of other African Languages. // <span id="focus-europ-two" > in itself</span> is a beautiful thing; all knowledge is power. However, most of the individuals learning these languages will never go to France or Germany. They will use that resource they have attained amongst themselves in a very small circle, or for employment purpose such as to serve the occasional tourist or to work at one of the multinationals. Even worse, sometimes it is never put to use. It exists merely as a placeholder in a Curriculum vita or for prestige, such as when someone mentions that they have studied this or that European Language. In their minds they remain psychologically arrested in the desire and continually gravitate towards the European home of the new learned language. However, they will interact very occasionally with speakers of other African Languages.
<span id="focus-learnafricans" >What if</span> that beautiful desire to learn and appreciate a foreign language was also inherently directed towards other African Languages? In failing to have enough systems that can facilitate this kind of interest and indulgence, the online publishing of stories in different languages, // <span id="focus-learnafricans" >What if</span> that beautiful desire to learn and appreciate a foreign language was also inherently directed towards other African Languages? In failing to have enough systems that can facilitate this kind of interest and indulgence, the online publishing of stories in different languages,
<span id="website-salta" >multilingual performances</span>, and podcasts are a small but possibly vital contribution. Not just for readers that want to read other languages, but those who have grown up with very little exposure to written texts in their own mother tongue.</p> // <span id="website-salta" >multilingual performances</span>, and podcasts are a small but possibly vital contribution. Not just for readers that want to read other languages, but those who have grown up with very little exposure to written texts in their own mother tongue.</p>
<p><span id="focus-term" >Ngũgi wa Thiongo </span>has used the term practical vision to describe the fresh opportunities for disseminating African literature that the digital age makes possible. // <p><span id="focus-term" >Ngũgi wa Thiongo </span>has used the term “practical vision” to describe the fresh opportunities for disseminating African literature that the digital age makes possible.
<span id="feed-net-one" >Practical vision </span>is about activating dreams in the present; it is about translating a vision that seems at far distance into a doing that brings you there. // <span id="feed-net-one" >Practical vision </span>is about activating dreams in the present; it is about translating a vision that seems at far distance into a doing that brings you there.
<span id="feed-scheme-wrp" >What we envision,</span> is building a future of multilingual pride and connections that know no boundaries between writers, publishers, and readers. And because of our access to and connectivity with the Internet, we are able to move beyond mere conversations towards the execution of ideas. This however requires grit and a lot of help from all corners. If we had done the Translation Issue in the pre-internet age, it would have taken us decades and huge financial means to put it together. The web of translators grew because of my colleagues and interested participants who encouraged others to contribute to the bringing together of sixty-eight languages into one volume. The volume bears the hallmark of conversations between cultures, languages, and people of the world. Thanks to the generosity invested by the writers and translators we were able to do this work efficiently in less than a year.</span> Our ways of consuming information have changed radically since oral literature was shared around a bonfire in early evenings. As publisher we therefore try to understand the changing nature of communication and the resultant structures. // <span id="feed-scheme-wrp" >What we envision,</span> is building a future of multilingual pride and connections that know no boundaries between writers, publishers, and readers. And because of our access to and connectivity with the Internet, we are able to move beyond mere conversations towards the execution of ideas. This however requires grit and a lot of help from all corners. If we had done the Translation Issue in the pre-internet age, it would have taken us decades and huge financial means to put it together. The web of translators grew because of my colleagues and interested participants who encouraged others to contribute to the bringing together of sixty-eight languages into one volume. The volume bears the hallmark of conversations between cultures, languages, and people of the world. Thanks to the generosity invested by the writers and translators we were able to do this work efficiently in less than a year.</span> Our ways of consuming information have changed radically since oral literature was shared around a bonfire in early evenings. As publisher we therefore try to understand the changing nature of communication and the resultant structures.
<span id="feed-net-two" >We want</span> to find ways to take full advantage of digital facilities as it is the reality of our generation and of those to come.</p> // <span id="feed-net-two" >We want</span> to find ways to take full advantage of digital facilities as it is the reality of our generation and of those to come.</p>
<p2 class="subtitle">Practical Vision</p2> // <p2 class="subtitle">Practical Vision</p2>
<p>We continue to experiment with many more ways to tap into these digital facilities to share stories in all manner of African Languages. The current question is how we can have a continued publication of translations that allow a conversation between the languages of Africa and those of the world. // <p>We continue to experiment with many more ways to tap into these digital facilities to share stories in all manner of African Languages. The current question is how we can have a continued publication of translations that allow a conversation between the languages of Africa and those of the world.
<span id="feed-net-three" >Can we create</span> a digital publication that captures the infinite resources in our languages and cultures? In order to meet this challenge, we decided to select one short story a year short enough to allow a relatively ease of work in terms of translation that was powerful enough to speak across multiple cultures. // <span id="feed-net-three" >Can we create</span> a digital publication that captures the infinite resources in our languages and cultures? In order to meet this challenge, we decided to select one short story a year short enough to allow a relatively ease of work in terms of translation that was powerful enough to speak across multiple cultures.
<p>Our vision is to have each story translated into as many African Languages as possible. And one day, in the not so distant future, we will have an online archive of stories and translations in all manner of languages. Pursuit of such a vision is not easy. There is a great deal of misconception about African Languages and their places in our personal and communal intellectual discourse. In our contribution to improving the publication of, as well as encouraging readership of works in African languages we needed to lay a firm foundation. First, we recognise that there are voices that have come before us who have already done a great deal to fight for language rights. Our selection of a story by Ngũgi wa Thiongo was a recognition towards those who had taken responsibility for our languages. // <p>Our vision is to have each story translated into as many African Languages as possible. And one day, in the not so distant future, we will have an online archive of stories and translations in all manner of languages. Pursuit of such a vision is not easy. There is a great deal of misconception about African Languages and their places in our personal and communal intellectual discourse. In our contribution to improving the publication of, as well as encouraging readership of works in African languages we needed to lay a firm foundation. First, we recognise that there are voices that have come before us who have already done a great deal to fight for language rights. Our selection of a story by Ngũgi wa Thiongo was a recognition towards those who had taken responsibility for our languages.
<span id="focus-turningideas" >As practical visionaries</span>, interested more in turning ideas into actions, we work with full acknowledgement of what has come before. We take into consideration the conversations that have been held on the subject, and bring these further by pursuing our translation work in ways that examine barriers of the past and find ways to overcome them now.</p> // <span id="focus-turningideas" >As practical visionaries</span>, interested more in turning ideas into actions, we work with full acknowledgement of what has come before. We take into consideration the conversations that have been held on the subject, and bring these further by pursuing our translation work in ways that examine barriers of the past and find ways to overcome them now.</p>
<p>Just as we have created and continue to create a database of literary translators, we want to establish a base of devoted readers. Earlier in the process, someone was quick to ask me, rather sceptically, what happens after we have published the translations and who will even be interested in reading them? Once the first Translation Issue was published, the translators and our most devoted readers started sharing the work on Facebook, Twitter, and Blogs while expressing their excitement at seeing such a publication. People tweeted links and shared specific languages on their timelines. A twitter user in Ethiopia, @LindaYohannes, tweeted<br><a href="https://twitter.com/LindaYohannes/status/713060642836578304">Reading Ngugi in #Amharic! This feels so right!</a><br>Digital technologies helped us tap into greater and faster possibilities whereas the mere exhaustion of putting together the volume in print form would have been enough excuse for us to store the print copies in the warehouse for a month or two before venturing into marketing and distribution. The reality of such exhausting stretch of time in the production process was for a long while the reason why people kept stuck in conversation and never got into doing.</p> // <p>Just as we have created and continue to create a database of literary translators, we want to establish a base of devoted readers. Earlier in the process, someone was quick to ask me, rather sceptically, what happens after we have published the translations and who will even be interested in reading them? Once the first Translation Issue was published, the translators and our most devoted readers started sharing the work on Facebook, Twitter, and Blogs while expressing their excitement at seeing such a publication. People tweeted links and shared specific languages on their timelines. A twitter user in Ethiopia, @LindaYohannes, tweeted<br><a href="https://twitter.com/LindaYohannes/status/713060642836578304">“Reading Ngugi in #Amharic! This feels so right!”</a><br>Digital technologies helped us tap into greater and faster possibilities whereas the mere exhaustion of putting together the volume in print form would have been enough excuse for us to store the print copies in the warehouse for a month or two before venturing into marketing and distribution. The reality of such exhausting stretch of time in the production process was for a long while the reason why people kept stuck in conversation and never got into doing.</p>
<p2 class="subtitle">Creating digital networks for translation</p2> // <p2 class="subtitle">Creating digital networks for translation</p2>
<p><span id="feed-coll-net-one" >The connection that is formed between the writer and publisher</span> is quite important, but the connection formed with reader is also crucial. We know by now that there are people across the continent and in the diaspora who believe in the importance of marginalised languages. Perhaps in their love for the translated stories and the process of translation, they too will be inspired to write and translate. In practise, this // <p><span id="feed-coll-net-one" >The connection that is formed between the writer and publisher</span> is quite important, but the connection formed with reader is also crucial. We know by now that there are people across the continent and in the diaspora who believe in the importance of marginalised languages. Perhaps in their love for the translated stories and the process of translation, they too will be inspired to write and translate. In practise, this
<span id="feed-coll-net-two" >collective effort </span>will call for a continuous and growing engagement with multi-linguistic storytelling practices. Vigorous social media campaigns and the sharing of the work in all possible media will enhance such reciprocal relations. Also the collaboration with universities and other learning institutions, can create interest or integrate the idea of African languages in research and teaching practises. // <span id="feed-coll-net-two" >collective effort </span>will call for a continuous and growing engagement with multi-linguistic storytelling practices. Vigorous social media campaigns and the sharing of the work in all possible media will enhance such reciprocal relations. Also the collaboration with universities and other learning institutions, can create interest or integrate the idea of African languages in research and teaching practises.
<span id="focus-multilang" >We find it especially important that children grow up with multi-lingual content and digital facilities will make access possible at a minimal cost.</span> We believe that a generation of young people with a passion for their languages, whatever these languages may be, will be here to hold this vision together for a very long time. To grow that generation we must continue to encourage those among us with the intellectual facilities and various experiences to participate in projects such as the Jalada translations issue. New translators will get the space to experiment with their abilities. // <span id="focus-multilang" >We find it especially important that children grow up with multi-lingual content and digital facilities will make access possible at a minimal cost.</span> We believe that a generation of young people with a passion for their languages, whatever these languages may be, will be here to hold this vision together for a very long time. To grow that generation we must continue to encourage those among us with the intellectual facilities and various experiences to participate in projects such as the Jalada translations issue. New translators will get the space to experiment with their abilities.
<span id="feed-coll-net-three" >And those who</span> have already made attempts in prior translation issues will have the opportunity to continue in a supportive environment that allows their talents to grow.</p> // <span id="feed-coll-net-three" >And those who</span> have already made attempts in prior translation issues will have the opportunity to continue in a supportive environment that allows their talents to grow.</p>
<p>An important step in executing such a practical approach in the area of translations is to keep a good connection between different players: the writers who are interested in different languages, the translators who value the great power in the stories, and the various publishers who have demonstrated their willingness to disseminate these works further and further. This would not be possible without the connections and collaborative processes we have put in place. // <p>An important step in executing such a practical approach in the area of translations is to keep a good connection between different players: the writers who are interested in different languages, the translators who value the great power in the stories, and the various publishers who have demonstrated their willingness to disseminate these works further and further. This would not be possible without the connections and collaborative processes we have put in place.
<span id="feed-coll-net-four" >At the heart of our practical vision</span> lies a growing network of connections, without which ideas would remain mere ideas. Adapting the structure of digital media as a web of connections onto our way of working allows for the perseverance and sharing of our valued resources: languages and the knowledge they carry.</p> // <span id="feed-coll-net-four" >At the heart of our practical vision</span> lies a growing network of connections, without which ideas would remain mere ideas. Adapting the structure of digital media as a web of connections onto our way of working allows for the perseverance and sharing of our valued resources: languages and the knowledge they carry.</p>
<p2 class="subtitle" id="the-future-is-multi-lingual" >The Future is Multi-lingual</p2> // <p2 class="subtitle" id="the-future-is-multi-lingual" >The Future is Multi-lingual</p2>
<p>However, despite the crucial importance of digital platforms we have seen that the work can grow into more than digitally published pieces once they have reached a widespread audience. From its digital space, Ngũgi wa Thiongos story has been adapted for the stage on several occasions. Each dramatization celebrated the power of // <p>However, despite the crucial importance of digital platforms we have seen that the work can grow into more than digitally published pieces once they have reached a widespread audience. From its digital space, Ngũgi wa Thiongos story has been adapted for the stage on several occasions. Each dramatization celebrated the power of
<span id="focus-infograph" >cultural diversity in imagining better worlds.</span> Secondly, the story has also gone into print. In Sweden, as a children book; for the occasion of the Mboka Festival of Arts Culture and Sport in three Gambian Languages (Wolof, Mandika, and Fula); and publishers across Spain will print editions in Spanish, Catalan, Galician, Basque, Bable, and Occitan. From digital to stage, to print and then back into the digital realm: In India, a print publication of a translation in Kannada, a Dravidian language, was later republished in an Indian online magazine that reached a few million readers. In the USA, the story was nominated for a project that aims to make short digital eBooks available on the subway for a year. // <span id="focus-infograph" >cultural diversity in imagining better worlds.</span> Secondly, the story has also gone into print. In Sweden, as a children book; for the occasion of the Mboka Festival of Arts Culture and Sport in three Gambian Languages (Wolof, Mandika, and Fula); and publishers across Spain will print editions in Spanish, Catalan, Galician, Basque, Bable, and Occitan. From digital to stage, to print and then back into the digital realm: In India, a print publication of a translation in Kannada, a Dravidian language, was later republished in an Indian online magazine that reached a few million readers. In the USA, the story was nominated for a project that aims to make short digital eBooks available on the subway for a year.
<span id="main-statement" >There are more than six thousand nine hundred more languages across the world, and so the story travels.</span> In the future, we hope to see the translators that we work with move on to bigger challenges. For them to take up translation of fictional and non-fiction books. While shorter works can be read much more easily online, actual books may require print publication, and in this sense, // <span id="main-statement" >There are more than six thousand nine hundred more languages across the world, and so the story travels.</span> In the future, we hope to see the translators that we work with move on to bigger challenges. For them to take up translation of fictional and non-fiction books. While shorter works can be read much more easily online, actual books may require print publication, and in this sense,
<span id="feed-coll-net-five" >the digital and the analogue co-exist in mutual advantage.</span></p> // <span id="feed-coll-net-five" >the digital and the analogue co-exist in mutual advantage.</span></p>
<p>Over the course of ten years we envision having ongoing translations of about ten different stories. With each story translated into a hundred or more languages, we will have made it a // <p>Over the course of ten years we envision having ongoing translations of about ten different stories. With each story translated into a hundred or more languages, we will have made it a
normal practise to write and translate into and between African Languages. With this practice comes the idea of conversation between the languages as they appear alongside each other. The beauty is in the use of any known language anywhere in the world with confidence and the faith in the good of what is your own, and respecting the faith and confidence of the other in using and celebrating what is theirs.</p> // normal practise to write and translate into and between African Languages. With this practice comes the idea of conversation between the languages as they appear alongside each other. The beauty is in the use of any known language anywhere in the world with confidence and the faith in the good of what is your own, and respecting the faith and confidence of the other in using and celebrating what is theirs.</p>
<p><span id="focus-end" >And this is the future</span>: a place for practical visionaries. A time of multilingual pride and connections that know no boundaries between writers, publishers, and readers. When we act out our ideas, the future will smash the difficulty of access through digital technologies; the exclusion of languages through translations; and the limitations of opportunities through the growth of collective work. We will wake up one day soon and feel the light of possibility shine upon our faces. And because the Upright Revolution of digital innovation is inevitable, the publisher, the writer, the translator and the reader // <p><span id="focus-end" >And this is the future</span>: a place for practical visionaries. A time of multilingual pride and connections that know no boundaries between writers, publishers, and readers. When we act out our ideas, the future will smash the difficulty of access through digital technologies; the exclusion of languages through translations; and the limitations of opportunities through the growth of collective work. We will wake up one day soon and feel the light of possibility shine upon our faces. And because the Upright Revolution of digital innovation is inevitable, the publisher, the writer, the translator and the reader
<span id="feed-bot" > wants the works to survive and remain relevant</span> must find ways of taking advantage of the digital technologies at their disposal.</p> // <span id="feed-bot" > wants the works to survive and remain relevant</span> must find ways of taking advantage of the digital technologies at their disposal.</p>
`; // `;
var ciccio = ciccio.split(" "); // var ciccio = ciccio.split(" ");
var cicciolen= ciccio.length; // var cicciolen= ciccio.length;
var z; // var z;
var ids = []; // var ids = [];
for(z=0; z < cicciolen; z++){ // for(z=0; z < cicciolen; z++){
if (ciccio[z].includes("id=")){ // if (ciccio[z].includes("id=")){
ids.push(ciccio[z].replace("id=","").replace(/["]/g,"")); // ids.push(ciccio[z].replace("id=","").replace(/["]/g,""));
}; // };
}; // };
// console.log(ids) // console.log(ids)
@ -116,15 +116,15 @@ normal practise to write and translate into and between African Languages. With
// } // }
for (i = 0; i<30 ; i++){ // for (i = 0; i<30 ; i++){
variables += `\n\ \n\ // variables += `\n\ \n\
var varia`+i+` = document.getElementById("`+ids[i]+`"); // var varia`+i+` = document.getElementById("`+ids[i]+`");
var varia`+i+i+i+` = document.getElementById("`+ids[i]+`-r"); \n\ // var varia`+i+i+i+` = document.getElementById("`+ids[i]+`-r"); \n\
let c`+i+`x = varia`+i+`.offsetLeft + varia`+i+`.offsetWidth / 4; \n\ // let c`+i+`x = varia`+i+`.offsetLeft + varia`+i+`.offsetWidth / 4; \n\
let c`+i+`y= varia`+i+`.offsetTop + varia`+i+`.offsetHeight / 2; \n\ // let c`+i+`y= varia`+i+`.offsetTop + varia`+i+`.offsetHeight / 2; \n\
let c`+i+i+i+`x = varia`+i+i+i+`.offsetLeft + varia`+i+i+i+`.offsetWidth / 4; \n\ // let c`+i+i+i+`x = varia`+i+i+i+`.offsetLeft + varia`+i+i+i+`.offsetWidth / 4; \n\
let c`+i+i+i+`y= varia`+i+i+i+`.offsetTop + varia`+i+i+i+`.offsetHeight / 2;` // let c`+i+i+i+`y= varia`+i+i+i+`.offsetTop + varia`+i+i+i+`.offsetHeight / 2;`
} // }
// for (i = 0; i<30 ; i++){ // for (i = 0; i<30 ; i++){
// variables += `\n\ \n\ // variables += `\n\ \n\
@ -447,12 +447,11 @@ function setup(){
noFill(); noFill();
stroke(13, 244, 111, 40 ); stroke(13, 244, 111, 40 );
scribble.scribbleEllipse(cenglx-120, cengly,720,220); scribble.scribbleEllipse(cenglx, cengly,720,220);
strokeWeight(2 ); strokeWeight(2 );
stroke(255,105,180, 40 ); stroke(255,105,180, 40 );
scribble.scribbleEllipse(cenglx-115, cengly,710,180); scribble.scribbleEllipse(cenglx, cengly,710,180);
scribble.scribbleEllipse(cbx,cby+170,280,50);
scribble.scribbleLine(cbx+170, cby+180, cenglx-300, cengly);
stroke(255,105,180, 40 ); stroke(255,105,180, 40 );
@ -501,25 +500,25 @@ scribble.scribbleEllipse(c14x, c14y,200,30);
scribble.scribbleLine(c14x, c14y, c141414x, c141414y); scribble.scribbleLine(c14x, c14y, c141414x, c141414y);
scribble.scribbleEllipse(c16x, c16y+55,200,30); scribble.scribbleEllipse(c16x, c16y,200,30);
scribble.scribbleLine(c16x, c16y+55, c161616x, c161616y); scribble.scribbleLine(c16x, c16y, c161616x, c161616y);
scribble.scribbleEllipse(c18x, c18y+55,200,30); scribble.scribbleEllipse(c18x, c18y,200,30);
scribble.scribbleLine(c18x, c18y+55, c181818x, c181818y); scribble.scribbleLine(c18x, c18y, c181818x, c181818y);
stroke(255,105,180, 40 ); stroke(255,105,180, 40 );
scribble.scribbleEllipse(c20x, c20y+55,300,40); scribble.scribbleEllipse(c20x, c20y,300,40);
scribble.scribbleLine(c20x, c20y+55, c202020x, c202020y); scribble.scribbleLine(c20x, c20y, c202020x, c202020y);
stroke(13, 244, 111, 60 ); stroke(13, 244, 111, 60 );
scribble.scribbleEllipse(c22x, c22y+55,200,30); scribble.scribbleEllipse(c22x, c22y,200,30);
scribble.scribbleLine(c22x, c22y+55, c222222x, c222222y); scribble.scribbleLine(c22x, c22y, c222222x, c222222y);
scribble.scribbleEllipse(c24x, c24y+55,200,30); scribble.scribbleEllipse(c24x, c24y,200,30);
scribble.scribbleLine(c24x, c24y+55, c242424x, c242424y); scribble.scribbleLine(c24x, c24y, c242424x, c242424y);
scribble.scribbleEllipse(c1x, c1y,200,30); scribble.scribbleEllipse(c1x, c1y,200,30);
@ -550,27 +549,27 @@ scribble.scribbleEllipse(c13x, c13y,200,30);
scribble.scribbleLine(c13x, c13y, c131313x, c131313y); scribble.scribbleLine(c13x, c13y, c131313x, c131313y);
scribble.scribbleEllipse(c15x, c15y+55,200,30); scribble.scribbleEllipse(c15x, c15y,200,30);
scribble.scribbleLine(c15x, c15y+55, c151515x, c151515y); scribble.scribbleLine(c15x, c15y, c151515x, c151515y);
scribble.scribbleEllipse(c17x, c17y+55,200,30); scribble.scribbleEllipse(c17x, c17y,200,30);
scribble.scribbleLine(c17x, c17y+55, c171717x, c171717y); scribble.scribbleLine(c17x, c17y, c171717x, c171717y);
scribble.scribbleEllipse(c19x, c19y+55,200,30); scribble.scribbleEllipse(c19x, c19y,200,30);
scribble.scribbleLine(c19x, c19y+55, c191919x, c191919y); scribble.scribbleLine(c19x, c19y, c191919x, c191919y);
scribble.scribbleEllipse(c21x, c21y+55,200,30); scribble.scribbleEllipse(c21x, c21y,200,30);
scribble.scribbleLine(c21x, c21y+55, c212121x, c212121y); scribble.scribbleLine(c21x, c21y, c212121x, c212121y);
scribble.scribbleEllipse(c23x, c23y+55,200,30); scribble.scribbleEllipse(c23x, c23y,200,30);
scribble.scribbleLine(c23x, c23y+55, c232323x, c232323y); scribble.scribbleLine(c23x, c23y, c232323x, c232323y);
scribble.scribbleEllipse(c25x, c25y+55,200,30); scribble.scribbleEllipse(c25x, c25y,200,30);
scribble.scribbleLine(c25x, c25y+55, c252525x, c252525y); scribble.scribbleLine(c25x, c25y, c252525x, c252525y);
@ -580,7 +579,3 @@ function draw(){
} }
//}
//document.addEventListener("DOMContentLoaded", go);

@ -10,7 +10,7 @@ const totalDudes = 25;
for (let i = 0; i < totalDudes; i++) { for (let i = 0; i < totalDudes; i++) {
// create a new Sprite that uses the image name that we just generated as its source // create a new Sprite that uses the image name that we just generated as its source
const dude = PIXI.Sprite.from('../assets/practical2.png'); const dude = PIXI.Sprite.from('../assets/simpleShapes.png');
// set the anchor point so the texture is centerd on the sprite // set the anchor point so the texture is centerd on the sprite
// dude.anchor.set(); // dude.anchor.set();

@ -1,24 +1,8 @@
* {
box-sizing: border-box;
}
@font-face { @font-face {
font-family: "CothamSans"; font-family: "CothamSans";
src: url("./assets/fonts/CothamSans.otf"); src: url("./assets/fonts/CothamSans.otf");
} }
@font-face {
font-family: "Mazius";
src: url("./assets/fonts/MAZIUSREVIEW20.09-Extraitalic.woff");
}
@font-face {
font-family: "Porpora";
src: url("./assets/fonts/Porpora-Regular.woff");
}
@font-face{ @font-face{
font-family: "Sinistre"; font-family: "Sinistre";
src: url("./assets/fonts/Sinistre-StCaroline.woff"); src: url("./assets/fonts/Sinistre-StCaroline.woff");
@ -29,203 +13,330 @@ src: url("./assets/fonts/Sinistre-StCaroline.woff");
src: url("./assets/fonts/HKGrotesk-Regular.woff"); src: url("./assets/fonts/HKGrotesk-Regular.woff");
} }
@font-face { :root{
font-family: "HKGrotesk-Light"; font-family:"CothamSans";
src: url("./assets/fonts/HKGrotesk-Light.otf"); --reg:4vw;
--tit:6vw;
--green:#00ff00;
--pink: #ff14d0;
} }
@font-face { * {
font-family: "wftfs-Regular"; box-sizing: border-box;
src: url("./assets/fonts/wftfs-Regular.otf");
} }
:root{
font-family: "HKGrotesk";
--regular: 16px;
--focus: 24px;
--focus2: 48px;
--title: 150px;
--footnote: 14px;
--subtitle: 32px;
--inl-reg: 20px;
--inl-foot: 14px;
--pink: #ff1493; html {
--green: #0DF46F; margin: 0;
--green-tit: #0DF46F80; scroll-behavior: smooth;
} }
body {
html, body {
margin: 0; margin: 0;
padding: 0; width: 300%;
max-width: 100%; z-index: 1000;
min-height: 100vh;
} }
button{
z-index: 20000;
}
img{
width: 30%;
}
div{ img{
align-self: center; width: 10%;
justify-self: center;
} }
.container{ .container{
display: grid;
z-index: -100; z-index: -100;
justify-items: center; /* margin-bottom: 100vw; */
grid-template-columns: auto auto auto; margin-left: -30% ;
justify-content: center; /* margin-bottom: 1%; */
margin-left: 50%; /* position: absolute; */
} }
#img1{ #img1{
animation: infinite cycle1 3s ; animation: infinite cycle1 3s ;
margin-left: 50%; /* margin-left: -40%; */
} }
#img2{ #img2{
animation: infinite cycle2 3s ; animation: infinite cycle2 3s ;
margin-left: -30%;
margin-top: 5% */
} }
#img3{ #img3{
animation: infinite cycle3 3s ; animation: infinite cycle3 3s ;
/* /* margin-top: -15%; */
margin-left: 10%; */
} }
#descriptio{
width: 30%;
margin-left: 60%;
z-index: 20;
border: var(--green) solid 3px;
background-color: rgba(0,255,0,.05); p, a{
font-size: var(--reg);
} }
#descriptio p {
padding: 0 1vw;
color: var(--green)
.texts{
margin: 1.5%;
} }
.texts .left,.center,.right{
float: left;
width: 33%;
}
#tradu{ #eccezione{
width: 30%; width: 70%;
margin-left: 60%; margin-left: 35% ;
z-index: 20;
border: var(--green) solid 3px;
background-color: rgba(0,255,0,.05);
text-align: right;
margin-right:50px;
} }
#tradu span{ .left{
text-align: left;
}
line-height: 27px .center{
text-align: center;
} }
#tradu .pico{ .right{
font-size:var(--regular); text-align: right;
font-family: "Sinistre";
} }
#tradu .primo{
color: var(--green);
font-family: "Mazius";
font-size:var(--focus2);
#practical{
font-size: var(--tit);
color: var(--pink);
} }
#tradu .secondo{
color: var(--purple); .left{
font-size:var(--focus2); margin-top: -4%;
font-family: "Porpora";
} }
.left p{
padding: 20% 5%;
}
.center p{
padding: 20% 5%;
}
#telegram{ .right p{
text-align: right; padding: 20% 0 ;
border: var(--pink) solid 3px; }
background-color: rgba(250,20,150,.05);
width: 30%;
margin-left: 60%;
margin-top: 30%;
z-index: 20;
.center{
/* margin-top: 28%; */
}
.right{
/* margin-top: 20% ; */
} }
.left div{
display: flex;
justify-content: center;
align-items: center;
}
#telegram p a{
font-size: var(--focus);
line-height: 80px;
text-align: right;
margin-right: 200px;
padding: 1vw;
a{
color:var(--green);
/* text-decoration: underline; */
/* text-decoration-color: var(--pink); */
/* -webkit-text-decoration-color:var(--pink); */
text-shadow: 10px 10px 4px rgba(51, 255, 0, 0.1)
} }
#telegram p{ p{
text-shadow: 10px 10px 5px rgba(0,0,0, 0.1)
}
span2{
color:var(--pink); color:var(--pink);
font-size:var(--regular); text-shadow: 10px 10px 4px rgba(51, 255, 0, 0.1)
line-height: 20px; }
margin:0;
padding-left: 20px
button{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
margin: 0 .5vw;
min-width: 10vw;
/* min-height: 2.5vw; */
background-color: rgba(255, 255, 255, 0.7);
border-radius: 50px;
text-decoration: none;
margin-bottom: 1vw;
padding: .5vw 1vw;
box-shadow: 5px 5px 10px rgba(130, 130, 130, 0.7);
/* box-shadow: 5px 8px 30px var(--pink); */
}
.testa{
z-index: 100;
top: 1.5vw;
left: 1vw;
height: 0;
/* padding: 1vw; */
/* margin: 0; */
position: fixed;
/* display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row; */
/*
height: 0;
box-sizing: border-box; */
}
#lefty{
color: var(--green);
} }
#telegram:nth-child(0){ button a{
font-family: "HKGrotesk";
text-decoration: none;
font-size: 1.5vw;
color: var(--pink); color: var(--pink);
font-size: 100px;
line-height: 48px;
} }
#telegram .link{
font-size: var(--focus); #descriptio{
width: 13%;
margin: 5% 0 0 10%;
z-index: 20;
border: var(--pink) solid 3px;
background-color: rgba(255, 0, 242, 0.8);
box-shadow: 10px 10px 20px rgba(130, 130, 130, 0.7)
}
#descriptio p{
padding: 0 1vw;
font-size: 2vw;
color: white;
text-shadow: none;
}
#descriptio a{
padding: 0 1vw;
font-size: 2vw;
color: var(--green); color: var(--green);
margin: 24px 0 text-shadow: none;
}
#telegram{
width: 9%;
margin: 3% 0 0 20%;
z-index: 20;
border: var(--pink) solid 3px;
background-color: rgba(255,255,255, 0.9);
box-shadow: 10px 10px 20px rgba(255, 0, 242, 0.8);
}
#telegram p{
padding: 0 1vw;
font-size: 2vw;
color: var(--pink);
text-shadow: none;
} }
#telegram span{ #telegram a{
font-size:var(--focus); padding: 0 1vw;
color: var(--purple); font-size: 2vw;
font-family: "Sinistre" color: var(--green);
text-shadow: none;
} }
#telegram i { #descriptio button{
font-family: "HKGrotesk-Light"; font-size: 1vw;
font-size:var(--focus); margin-top: 1vw;
color: var(--purple); /* text-align: center; */
color: var(--pink);
margin: 0 1vw 2vw 1vw;
} }
#telegram .v{ #telegram button{
color: var(--green) font-size: 1vw;
margin: 2vw 0 0 0;
/* text-align: center; */
color: var(--pink);
bottom: 1vw;
} }
@keyframes cycle1 { @keyframes cycle1 {
0% { transform: rotate(88deg); margin-left: 50%;} 0% { transform: rotate(88deg); }
50% {transform: rotate(121deg); margin-left: 50%;} 50% {transform: rotate(121deg); }
99% {transform: rotate(88deg); margin-left: 50%;} 100% {transform: rotate(88deg);}
} }
@keyframes cycle2 { @keyframes cycle2 {
0% { transform: rotate(1deg)} 0% { transform: rotate(1deg)}
50% {transform: rotate(33deg)} 50% {transform: rotate(33deg)}
99% {transform: rotate(1deg);} 100% {transform: rotate(1deg);}
} }
@keyframes cycle3 { @keyframes cycle3 {
0% { transform: rotate(185deg)} 0% { transform: rotate(185deg)}
50% {transform: rotate(151deg)} 50% {transform: rotate(151deg)}
99% {transform: rotate(185deg);} 100% {transform: rotate(185deg);}
}
#links{
text-decoration: underline;
}
.pink{
color: var(--pink);
}
.lang, a3{
font-family: "Sinistre";
}
#randomTitle{
font-size: 7vw;
line-height: 1.5vw;
}
@media only screen and (max-width: 600px) {
.row{
width: 22%;
}
.right p{
padding: 80% 5%;
}
.center p{
padding: 80% 5%;
}
.left p{
padding: 80% 5%;
}
} }

@ -18,7 +18,7 @@
body{ body{
background: white; background: #FBFBF9;
width: 150%; width: 150%;
height: 52%; height: 52%;
@ -26,7 +26,7 @@ body{
#symbol{ #symbol{
position: absolute; position: absolute;
top: 76px; top: 2.6%;
margin-left: 2%; margin-left: 2%;
font-family: 'wftfs-Regular'; font-family: 'wftfs-Regular';
font-size: 47px; font-size: 47px;
@ -41,7 +41,7 @@ h1 {
font-size: 24px; font-size: 24px;
position: absolute; position: absolute;
left: 4%; left: 4%;
top: 5%; top: 2%;
text-justify: inter-word; text-justify: inter-word;
line-height: 2.4; line-height: 2.4;
} }
@ -56,8 +56,8 @@ h1 {
#btn { #btn {
position: absolute; position: absolute;
padding: 5px; padding: 5px;
top: 80px; top: 55px;
left: 540px; left: 562px;
color: blue; color: blue;
font-family: sans-serif; font-family: sans-serif;
font-size: 11pt; font-size: 11pt;
@ -79,7 +79,7 @@ h1 {
display: inline-block; display: inline-block;
width: 420px; width: 420px;
margin-left: 2%; margin-left: 2%;
margin-top: 6%; margin-top: 5%;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
} }
@ -87,7 +87,7 @@ h1 {
#text { #text {
position: relative; position: relative;
margin-top: 2.8%; margin-top: 2.2%;
columns: 420px; columns: 420px;
column-gap: 60px; column-gap: 60px;
@ -98,18 +98,19 @@ h1 {
} }
#fulltext { #footnote{
position: absolute; font-family: 'Avenir';
height: 92%; font-size: 12px;
padding-right: 15px; color: black;
margin-top: 5%; line-height: -0.5;
text-align: left;
color: white;
background-color:black;
width: 4800px; display: inline-block;
height: 88%; padding: 10px;
text-align: 26px; margin-left: -2%;
text-justify: inter-word; border: 1px solid;
box-shadow: 5px 5px blue;"
} }
@ -159,7 +160,7 @@ The word undecidable appears in Six Memos for the Next Millennium written by Ita
Calvinos fourth memo,<span id = foot>¹</span>Visibility, revolves around the capacity of literature to generate images and to create a kind of “mental cinema” where fantasies can flow continuously. Calvino focuses on the imagination as “the repertory of what is potential; what is hypothetical; what does not exist and has never existed; and perhaps will never exist but might have existed.”<span id = foot>²</span> The main concern that he brings forth lies within the relation between contemporary culture and imagination: the risk to definitely lose, in the overproduction of images, the power of bringing visions into focus with our eyes shut and in fact of “thinking in terms of images.”<span id = foot>³</span> <br><br> Calvinos fourth memo,<span id = foot>¹</span>Visibility, revolves around the capacity of literature to generate images and to create a kind of “mental cinema” where fantasies can flow continuously. Calvino focuses on the imagination as “the repertory of what is potential; what is hypothetical; what does not exist and has never existed; and perhaps will never exist but might have existed.”<span id = foot>²</span> The main concern that he brings forth lies within the relation between contemporary culture and imagination: the risk to definitely lose, in the overproduction of images, the power of bringing visions into focus with our eyes shut and in fact of “thinking in terms of images.”<span id = foot>³</span> <br><br>
<span id= footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;"> <span id= footnote>
1. Out of five, the sixth lecture was never written, as the author died suddenly and the series remained unfinished, and yet published with its original, and now misleading, title.<br> 1. Out of five, the sixth lecture was never written, as the author died suddenly and the series remained unfinished, and yet published with its original, and now misleading, title.<br>
2. Italo Calvino, Visibility, in Six Memos for the Next Millennium, Harvard University Press, Cambridge 1988, p. 91<br> 2. Italo Calvino, Visibility, in Six Memos for the Next Millennium, Harvard University Press, Cambridge 1988, p. 91<br>
3. ibid, p. 92..<br></span><br><br> 3. ibid, p. 92..<br></span><br><br>
@ -170,7 +171,7 @@ In the last pages of the lecture, he proposes a shift from understanding the fan
For Calvino, artistic operations involve, by the means of the infinity of linguistic possibilities, the infinity of the artists imagination, and the infinity of contingencies. Therefore, “[the] attempts to escape the vortex of multiplicity are useless.”<span id = foot></span> In his fifth memo, he subsequently focuses on <i>multiplicity</i> as a way for literature to comprehend the complex nature of the world that for the author is a whole of wholes, where the acts of watching and knowing also intervene in the observed reality and alter it. Calvino is particularly fascinated by literary works that are built upon a combinatory logic or that are readable as different narratives. The lecture revolves around some novels that contain multiple worlds and make space for the readers imaginations. The common source to all these experiments seems to rely in the understanding of the contemporary novel “as an encyclopedia, as a method of knowledge, and, above all, as a network of connections between the events, the people, and the things of the world.”⁷ For Calvino, artistic operations involve, by the means of the infinity of linguistic possibilities, the infinity of the artists imagination, and the infinity of contingencies. Therefore, “[the] attempts to escape the vortex of multiplicity are useless.”<span id = foot></span> In his fifth memo, he subsequently focuses on <i>multiplicity</i> as a way for literature to comprehend the complex nature of the world that for the author is a whole of wholes, where the acts of watching and knowing also intervene in the observed reality and alter it. Calvino is particularly fascinated by literary works that are built upon a combinatory logic or that are readable as different narratives. The lecture revolves around some novels that contain multiple worlds and make space for the readers imaginations. The common source to all these experiments seems to rely in the understanding of the contemporary novel “as an encyclopedia, as a method of knowledge, and, above all, as a network of connections between the events, the people, and the things of the world.”⁷
<br><br> <br><br>
<span id = footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;"> <span id = footnote>
4. ibid, p. 97.<br> 4. ibid, p. 97.<br>
5. ibid.<br> 5. ibid.<br>
6. ibid, p. 98.<br> 6. ibid, p. 98.<br>
@ -180,7 +181,7 @@ For Calvino, artistic operations involve, by the means of the infinity of lingui
Therefore, lets think visibility and multiplicity together, as: a multiplication of visibilities. They are traits specific to artistic production and define a context for the undecidable, or rather for undecidability, as the quality of being undecidable. Calvino seems to suggest that literature<span id = foot></span> can be particularly productive of futures, if it makes itself visible and multiple. Which is to say, if it doesnt give up on involving radically different realities into its operation modes and doesnt fade out from the scene of the real world. We might stretch this line of thought a bit further and propose that arts potentiality is that of multiplying the visible as an actual counterstrategy to the proliferation of images that surrounds us. A strategy that is capable of producing different conditions of visibility. Embracing what we are capable to see but also think and imagine, to fantasise and conceptualise; and bringing into existence different configurations of public spaces, collective subjectivities, and social gatherings. Embracing what we are capable to see Therefore, lets think visibility and multiplicity together, as: a multiplication of visibilities. They are traits specific to artistic production and define a context for the undecidable, or rather for undecidability, as the quality of being undecidable. Calvino seems to suggest that literature<span id = foot></span> can be particularly productive of futures, if it makes itself visible and multiple. Which is to say, if it doesnt give up on involving radically different realities into its operation modes and doesnt fade out from the scene of the real world. We might stretch this line of thought a bit further and propose that arts potentiality is that of multiplying the visible as an actual counterstrategy to the proliferation of images that surrounds us. A strategy that is capable of producing different conditions of visibility. Embracing what we are capable to see but also think and imagine, to fantasise and conceptualise; and bringing into existence different configurations of public spaces, collective subjectivities, and social gatherings. Embracing what we are capable to see
but also think and imagine, to fantasise and conceptualise; and bringing into existence different configurations of public spaces, collective subjectivities, and social gatherings.<br><br> but also think and imagine, to fantasise and conceptualise; and bringing into existence different configurations of public spaces, collective subjectivities, and social gatherings.<br><br>
<span id = footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;"> <span id = footnote>
8. Or art which is the term I will use below for the rest of this essay.</span><br><br> 8. Or art which is the term I will use below for the rest of this essay.</span><br><br>
@ -198,7 +199,7 @@ A good example of an undecidable artwork is Markus Öhrns Azdora, a long-term
Similar to other artistic projects that one could trace back to the practice of undecidability, <i>Azdora</i> mingles different realities and fantastic worlds and also activates a participatory dynamic, yet preserving “the grey <i>artistic</i> work of participatory art.”<span id = foot></span> In other words, it creates and protects a space of indeterminacy. In fact, <i>Azdora</i> is at the same time a performative picture, an artistic fantasy, a community theatre work, an emancipatory process, an ongoing workshop, a social ritual, and a concert. Furthermore, from the project a documentary movie and a sociological survey have been produced,<span id = foot>¹⁰</span> multiplying the possibility to access the work from different angles and via different formats. If the coexistence of different media already implies different angles, durations, discourses, and forms of spectatorship, the performance itself keeps an undecidable bound between its real and fictional ontologies. The performative work of <i>Azdora</i> is then intrinsically political according to Rancière definition of metapolitics: a destabilising action that produces a conflict vis à vis what is thinkable and speakable. Azdora allows different interpretations and produces conflicting discourses, yet remaining untouched. This does not necessarily mean complete though as, on the contrary, it is generating a multiplicity of different gazes that are all legitimate and complete but yet do not exhaust the work. This is what makes the performance itself unfulfilled and thus incomplete and open. Similar to other artistic projects that one could trace back to the practice of undecidability, <i>Azdora</i> mingles different realities and fantastic worlds and also activates a participatory dynamic, yet preserving “the grey <i>artistic</i> work of participatory art.”<span id = foot></span> In other words, it creates and protects a space of indeterminacy. In fact, <i>Azdora</i> is at the same time a performative picture, an artistic fantasy, a community theatre work, an emancipatory process, an ongoing workshop, a social ritual, and a concert. Furthermore, from the project a documentary movie and a sociological survey have been produced,<span id = foot>¹⁰</span> multiplying the possibility to access the work from different angles and via different formats. If the coexistence of different media already implies different angles, durations, discourses, and forms of spectatorship, the performance itself keeps an undecidable bound between its real and fictional ontologies. The performative work of <i>Azdora</i> is then intrinsically political according to Rancière definition of metapolitics: a destabilising action that produces a conflict vis à vis what is thinkable and speakable. Azdora allows different interpretations and produces conflicting discourses, yet remaining untouched. This does not necessarily mean complete though as, on the contrary, it is generating a multiplicity of different gazes that are all legitimate and complete but yet do not exhaust the work. This is what makes the performance itself unfulfilled and thus incomplete and open.
<br><br> <br><br>
<span id = footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;"> <span id = footnote>
9. Claire Bishop, Artificial Hells. Participatory Art and the Politics of Spectatorship, Verso, London-New York 2012, p. 33.<br> 9. Claire Bishop, Artificial Hells. Participatory Art and the Politics of Spectatorship, Verso, London-New York 2012, p. 33.<br>
10. Respectively by the independent filmmaker Sarah Barberis and by the researcher Laura Gemini at the Urbino University.</span><br><br> 10. Respectively by the independent filmmaker Sarah Barberis and by the researcher Laura Gemini at the Urbino University.</span><br><br>
@ -208,7 +209,7 @@ An undecidable artwork is, in other words, a site where different and even contr
What is peculiar to this kind of artworks then, and what within them can produce an understanding of the place of art and of its politics today, is that they generate a multiplicity of gazes and of forms of spectatorship that also coexist one next to the other without mediating between their own positions and points of view. The multiplicity of gazes produced and gathered by undecidable artworks does not compose itself into a community, as there is no common present. Rather, it generates a radical collectivity based on multiplicity and on conflicting positions that are not called to any form of negotiation, but just to a cohabitation of the space of the work. Spectators and their views and imaginations are acknowledged as equal parts of a collective body that exist next to each other. They dont fuse in one common thought and dont see or reflect one common image, yet effect each other by their sheer presence and existence, operating as a prism that multiplies the reality it reflects. A space of communication is opened here that is not meant for unilateral or bilateral exchanges, but rather for a circulation of information and interpretations both of fictions and projections. A circulation over which no one not even the artist exercises a full control. The place of the author is then challenged and responsibility is shared with the audience not as a participant,<span id = foot>¹¹</span> but rather as an unknowable and undecidable collective body that receives, reverberates, and twists it. What is peculiar to this kind of artworks then, and what within them can produce an understanding of the place of art and of its politics today, is that they generate a multiplicity of gazes and of forms of spectatorship that also coexist one next to the other without mediating between their own positions and points of view. The multiplicity of gazes produced and gathered by undecidable artworks does not compose itself into a community, as there is no common present. Rather, it generates a radical collectivity based on multiplicity and on conflicting positions that are not called to any form of negotiation, but just to a cohabitation of the space of the work. Spectators and their views and imaginations are acknowledged as equal parts of a collective body that exist next to each other. They dont fuse in one common thought and dont see or reflect one common image, yet effect each other by their sheer presence and existence, operating as a prism that multiplies the reality it reflects. A space of communication is opened here that is not meant for unilateral or bilateral exchanges, but rather for a circulation of information and interpretations both of fictions and projections. A circulation over which no one not even the artist exercises a full control. The place of the author is then challenged and responsibility is shared with the audience not as a participant,<span id = foot>¹¹</span> but rather as an unknowable and undecidable collective body that receives, reverberates, and twists it.
<br><br> <br><br>
<span id = footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;">11. An active group of spectators invited to exercise over the artwork </span> <span id = footnote>11. An active group of spectators invited to exercise over the artwork </span>
<br><br> <br><br>
Multiple forms of public spaces and collective subjectivities thus arise and start inhabiting a productive time that goes much beyond the artwork itself and is still loaded by the specific geography of infinities that it has produced. The kind of collective body that undecidability produces could of course be seen as an image of a possible or future societal structure, but it is rather an enigmatic subject: it is not there to actualize itself but to keep being a sheer, glimmering potentiality. Indeed, as a practice of undecidability, art produces a collectivity, a future time, and an elsewhere, but does not claim any agency over them. It rather operates in a regime of prefiguration,¹² which is to say it does not tend towards a pre-existing, visible image. On the contrary, it proceeds in the darkness in order to produce different forms of visibility within it. Multiple forms of public spaces and collective subjectivities thus arise and start inhabiting a productive time that goes much beyond the artwork itself and is still loaded by the specific geography of infinities that it has produced. The kind of collective body that undecidability produces could of course be seen as an image of a possible or future societal structure, but it is rather an enigmatic subject: it is not there to actualize itself but to keep being a sheer, glimmering potentiality. Indeed, as a practice of undecidability, art produces a collectivity, a future time, and an elsewhere, but does not claim any agency over them. It rather operates in a regime of prefiguration,¹² which is to say it does not tend towards a pre-existing, visible image. On the contrary, it proceeds in the darkness in order to produce different forms of visibility within it.
@ -216,7 +217,7 @@ Undecidability could then be detached from art and applied to curation, institut
Ultimately, a political dimension does spring from an art that practices its undecidability and from its encounter with a multiplicity of gazes. Preserving it is possible also by curating the relation between the artworks and their spectators and by setting the conditions for an intensity that can last in time and reverberate much wider and much longer than in the actual shared space and time of the performance. Through the combination of the encounter between undecidable art, multiplicity of gazes, and a curatorial dimension a condition of existence is produced that is intrinsically and utterly political as it is, with Samuel Becketts words in The Unnamable, about being “all these words, all these strangers, this dust of words, with no ground for their settling”. Ultimately, a political dimension does spring from an art that practices its undecidability and from its encounter with a multiplicity of gazes. Preserving it is possible also by curating the relation between the artworks and their spectators and by setting the conditions for an intensity that can last in time and reverberate much wider and much longer than in the actual shared space and time of the performance. Through the combination of the encounter between undecidable art, multiplicity of gazes, and a curatorial dimension a condition of existence is produced that is intrinsically and utterly political as it is, with Samuel Becketts words in The Unnamable, about being “all these words, all these strangers, this dust of words, with no ground for their settling”.
<br><br> <br><br>
<span id = footnote style = "font-family: 'Avenir'; font-size: 12px; color: black; line-height: -0.5; text-align: left; color: white; background-color:black; display: inline-block; padding: 10px; margin-left: -2%;"> 12. See Valeria Graziano, Prefigurative Practices: Raw Materials for a Political Positioning of Art, Leaving the Avant-garde, in Elke van Campenhout and Lilia Mestre (ed.), Turn, Turtle! Reenacting the Institute, Alexander Verlag, Berlin 2016, pp. 158-172.</span><br><br> <span id = footnote> 12. See Valeria Graziano, Prefigurative Practices: Raw Materials for a Political Positioning of Art, Leaving the Avant-garde, in Elke van Campenhout and Lilia Mestre (ed.), Turn, Turtle! Reenacting the Institute, Alexander Verlag, Berlin 2016, pp. 158-172.</span><br><br>
</div> </div>

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=0.4, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=0.4, user-scalable=yes" />
<link rel='stylesheet' href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"> <link rel='stylesheet' href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap">
<link rel="icon" type="image/x-icon" href="../UNDECIDABILITY/und.ico">
<style> <style>
@ -25,9 +26,10 @@
body{ body{
background: white; background: #FBFBF9;
width: 100%; width: 100%;
height: auto; height: auto;
cursor: url('../UNDECIDABILITY/und.ico'), auto;
} }
@ -35,9 +37,13 @@ a{
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-style: dotted; text-decoration-style: dotted;
color: blue; color: blue;
cursor: pointer;
} }
body, a : hover{
cursor: url("../UNDECIDABILITY/und.ico");
}
#title{ #title{
position: absolute; position: absolute;
@ -69,16 +75,29 @@ h1 {
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
padding: 5px; padding: 5px;
width: 27%; width: 640px;
margin-left: 30%; margin-left: 30.4%;
line-height: 1.45; line-height: 1.45;
letter-spacing: 0.5px; letter-spacing: 0.5px;
text-align: center; text-align: center;
cursor: url('../UNDECIDABILITY/und.ico'), auto;
} }
#voice{
background-color: black;
color: white;
font-family:'Avenir';
font-size: 13pt;
position:absolute;
display: inline-block;
margin-left: 25%;
top: -2px;
padding: 10px;
border: 1px solid;
box-shadow: 5px 5px blue;"
}
#relevantext { #relevantext {
@ -92,15 +111,16 @@ h1 {
line-height: 1.65; line-height: 1.65;
text-align: 25px; text-align: 25px;
text-justify: inter-word; text-justify: inter-word;
width: 27%; width: 695px;
text-decoration: none; text-decoration: none;
color: black; color: black;
cursor: url('../UNDECIDABILITY/und.ico'), auto;
} }
#relevantext a{ #relevantext a{
color: #635E69; color: #635E69;
cursor: pointer;
} }
@ -136,7 +156,7 @@ h1 {
#leftintro{ #leftintro{
position: absolute; position: absolute;
left: 2.5%; left: 2.5%;
top: 200px; top: 160px;
color: blue; color: blue;
font-family: 'Avenir'; font-family: 'Avenir';
font-size: 14px; font-size: 14px;
@ -162,6 +182,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
@ -181,6 +202,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
#emoji3 { #emoji3 {
@ -199,6 +221,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
@ -218,6 +241,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
#emoji5 { #emoji5 {
@ -236,6 +260,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
#emoji6 { #emoji6 {
@ -254,6 +279,7 @@ h1 {
line-height: 2; line-height: 2;
border: 1px solid; border: 1px solid;
box-shadow: 5px 5px blue; box-shadow: 5px 5px blue;
cursor: pointer;
} }
#printext { #printext {
display: none;} display: none;}
@ -614,7 +640,7 @@ h1 {
</div> </div>
<div id = wrap style = "border: 1px solid; position: absolute; z-index: initial; top: 110px; width: 33%; 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%; "></div>
<h1 id = intro> <h1 id = intro>
@ -624,7 +650,7 @@ h1 {
<div id = relevantext><br> <div id = relevantext><br>
<div id = voice style = "background-color: black; color: white; font-family:'Avenir'; font-size: 14pt; position:absolute; display: inline-block; margin-left: 25%; top: 5px; padding: 5px; border: 1px solid; box-shadow: 5px 5px blue;"><b>Imagine that you are an artist now.</b></div><br><br> <div id = voice><b>Imagine that you are an artist now.</b></div><br><br>
<b>MULTIPLYING THE VISIBLE</b>&nbsp; <span style = "font-size: 10pt;">(From p.3, 4 in the original essay)</span><br> <b>MULTIPLYING THE VISIBLE</b>&nbsp; <span style = "font-size: 10pt;">(From p.3, 4 in the original essay)</span><br>
The main concern that he brings forth lies within the relation between contemporary culture and imagination&nbsp;: the risk to definitely lose, <a href="../HOPE/#media2"><div class = sy>H</div>&nbsp;&nbsp;&nbsp;in the overproduction of images</a>, the power of bringing visions into focus with our eyes shut and in fact of “thinking in terms of images.<br> The main concern that he brings forth lies within the relation between contemporary culture and imagination&nbsp;: the risk to definitely lose, <a href="../HOPE/#media2"><div class = sy>H</div>&nbsp;&nbsp;&nbsp;in the overproduction of images</a>, the power of bringing visions into focus with our eyes shut and in fact of “thinking in terms of images.<br>
@ -643,14 +669,14 @@ The main concern that he brings forth lies within the relation between contempor
<b>ACTUAL AND POTENTIAL WORLDS</b>&nbsp; <span style = "font-size: 10pt;">(From p.4, 5)</span><br> <b>ACTUAL AND POTENTIAL WORLDS</b>&nbsp; <span style = "font-size: 10pt;">(From p.4)</span><br>
In fact, undecidability is a specific force at work that consciously articulates, redefines, or alters the complex system of links, bounds, and resonances between different <div class = sy>M</div>&nbsp;&nbsp;&nbsp;<a href="../--/">potential and actual worlds.</a> In this sense, undecidability is a quality specific to some artworks within which the three worlds that Calvino describes meet and yet remain untouched, autonomous, and recognizable.<br> An artwork can indeed create a magnetic field where different actual worlds coexist and, by living next to each other yet not sharing a common horizon, generate a potential world. Then potential does not mean possible. In fact, if something is possible when it contains and under certain terms performs the possibility of its actualisation, a world is potential when it can maintain its <p>potentiality</p> and never actualize itself into one actual form. In fact, undecidability is a specific force at work that consciously articulates, redefines, or alters the complex system of links, bounds, and resonances between different <div class = sy>M</div>&nbsp;&nbsp;&nbsp;<a href="../--/">potential and actual worlds.</a> In this sense, undecidability is a quality specific to some artworks within which the three worlds that Calvino describes meet and yet remain untouched, autonomous, and recognizable.<br> An artwork can indeed create a magnetic field where different actual worlds coexist and, by living next to each other yet not sharing a common horizon, generate a potential world. Then potential does not mean possible. In fact, if something is possible when it contains and under certain terms performs the possibility of its actualisation, a world is potential when it can maintain its <p>potentiality</p> and never actualize itself into one actual form.
In particular, the potentiality generated by undecidable artworks is grounded in a logic of addition and contradiction that is specific of art. A logic of and… and… and… as opposite to the logic of either… or… that seems to rule reality.<br><br><br> In particular, the potentiality generated by undecidable artworks is grounded in a logic of addition and contradiction that is specific of art. A logic of and… and… and… as opposite to the logic of either… or… that seems to rule reality.<br><br><br>
<div id = "emoji2" onclick="changeText(this)"><b>Chap2: Potentiality</b><span style = "font-size: 9pt; color: white; font-family: 'Avenir';">&nbsp;&nbsp;(Click to read)</span></div> <div id = "emoji2" onclick="changeText(this)"><b>Chap2: Potentiality</b><span style = "font-size: 9pt; color: white; font-family: 'Avenir';">&nbsp;&nbsp;(Click to read)</span></div>
<br><br><br><br> <br><br><br><br>
<br>Artworks are places where contradictory realities can coexist without withdrawing or cancelling each other out. They can be sites of existence and of experience where images let go of their representational nature and just exist as such. None of the images of an artwork are being more or less real than the others, no matter whether they come as pieces of reality or as products of individual or collective fantasies. It is the art(work) as such that creates a ground where all the images that come into visibility share the same gradient of reality, no matter whether they harmoniously coexist or are radically conflicting.<br> <br><span style = "font-size: 10pt;">(From p.4)</span><br>Artworks are places where contradictory realities can coexist without withdrawing or cancelling each other out. They can be sites of existence and of experience where images let go of their representational nature and just exist as such. None of the images of an artwork are being more or less real than the others, no matter whether they come as pieces of reality or as products of individual or collective fantasies. It is the art(work) as such that creates a ground where all the images that come into visibility share the same gradient of reality, no matter whether they harmoniously coexist or are radically conflicting.<br>
If every work builds up complete systems that are offered to its visitors or spectators to enter into if the invitation of art is often that of losing the contact with known worlds in order to slip into others something radically different happens within an art that practices its undecidability. <br> If every work builds up complete systems that are offered to its visitors or spectators to enter into if the invitation of art is often that of losing the contact with known worlds in order to slip into others something radically different happens within an art that practices its undecidability. <br>
Here, spectators are invited to enter the works fictional world carrying with themselves the so-called real world and all their other fictional worlds; a space is created where all these worlds are equally welcomed. The artwork may then be navigated either by only choosing one layer of reality, or by continuously stepping from one world to another different dimensions are made available without any form of hierarchy or predicted relations. Such dynamics seems to occur in <p>performative</p> works in particular, as the contemporaneity of production, consumption, and experience that is typical of performance intensifies the possibility of undecidable links between different realities.<br><br><br><br> Here, spectators are invited to enter the works fictional world carrying with themselves the so-called real world and all their other fictional worlds; a space is created where all these worlds are equally welcomed. The artwork may then be navigated either by only choosing one layer of reality, or by continuously stepping from one world to another different dimensions are made available without any form of hierarchy or predicted relations. Such dynamics seems to occur in <p>performative</p> works in particular, as the contemporaneity of production, consumption, and experience that is typical of performance intensifies the possibility of undecidable links between different realities.<br><br><br><br>
@ -722,7 +748,7 @@ var chap1 = document.getElementById("emoji");
chap1.addEventListener('click', function changeText(){ chap1.addEventListener('click', function changeText(){
chap1.innerHTML = "When are your 'thinking <b>and</b> imagining <b>and</b> fantasisng <b>and</b> conceptualising' born?<br> Have you ever seen physical births of these activities? They are not tangible <b>and</b> not visible. Don't you normally have them during your daily rituals? For instance,<br><br>when you have a 🚿 to refresh yourself.<br><b>And</b> when you drink a cup of ☕.<br><b>And</b> when you get some 🔆. <br><b>And</b> when you water your 🌱. <br><b>And</b> when you smoke 🚬 <br><b>And</b> when you 📞 your freinds.<br> You may think you're not in working mode, yet in fact, unconsciously get into labours..."; chap1.innerHTML = "When are your 'thinking <b>and</b> imagining <b>and</b> fantasisng <b>and</b> conceptualising' born?<br> Have you ever seen physical births of these activities? They are not tangible <b>and</b> not visible. Don't you normally have them during your daily rituals? For instance,<br><br>when you have a 🚿 to refresh yourself.<br><b>And</b> when you drink a cup of ☕.<br><b>And</b> when you get some 🔆. <br><b>And</b> when you water your 🌱. <br><b>And</b> when you smoke 🚬 <br><b>And</b> when you 📞 your freinds.<br> You may think you're not in working mode, yet in fact, unconsciously get into labours...";
chap1.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; left: 8px; margin-left: 14%; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"}); chap1.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; margin-left: 12%; left: 30px; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"});
@ -730,7 +756,7 @@ var chap2 = document.getElementById("emoji2");
chap2.addEventListener('click', function changeText(){ chap2.addEventListener('click', function changeText(){
chap2.innerHTML = "You've got some pictures in your head.<br>They aren't emobodied in reality yet, but you seem excited somehow.<br> Because potentiality of the pictures are infinite.<br> They are fluid <b>and</b> ungrabbable.<br> As if they are like :<br>☁️ <b>and</b> 🌫<b>and</b> 🌈<b>and</b> 🌊<b>and</b> ☄...<br>You grab a 🖊 <b>and</b> start to 📝 all the scenarios on a note <b>and</b> wear 🎧 to listen to 🎶 to get into emotions, <b>and</b> read some 📚 for inspirations.<br>These might not be considered as so called <i>productive</i> <b>and</b> <i>efficient</i>. But still they are a signficant source of your work."; chap2.innerHTML = "You've got some pictures in your head.<br>They aren't emobodied in reality yet, but you seem excited somehow.<br> Because potentiality of the pictures are infinite.<br> They are fluid <b>and</b> ungrabbable.<br> As if they are like :<br>☁️ <b>and</b> 🌫<b>and</b> 🌈<b>and</b> 🌊<b>and</b> ☄...<br>You grab a 🖊 <b>and</b> start to 📝 all the scenarios on a note <b>and</b> wear 🎧 to listen to 🎶 to get into emotions, <b>and</b> read some 📚 for inspirations.<br>These might not be considered as so called <i>productive</i> <b>and</b> <i>efficient</i>. But still they are a signficant source of your work.";
chap2.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; left: 5px; margin-left: 12%; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;" chap2.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; margin-left: 12%; left: 30px; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"
}); });
@ -738,16 +764,16 @@ chap2.addEventListener('click', function changeText(){
var chap3 = document.getElementById("emoji3"); var chap3 = document.getElementById("emoji3");
chap3.addEventListener('click', function changeText(){ chap3.addEventListener('click', function changeText(){
chap3.innerHTML = "Imagine that you will experiment the potentiality through a performance.<br> For you ⏱ <b>and</b> 💭 <b>and</b> 👁 <b>and</b> 👃<b>and</b> 👄 <b>and</b> 🦵 <b>and</b> ✋ are all materials. Now you are on the stage <b>and</b> moving your body as itself is your artistic langauge. <br>How does the every single movement prove its value? What you're producing is not an object, but rather moments <b>and</b> emotions.<br>Yes, it cannot be displayed on a shelf in a shop, because the performance exists only at the particular moment <b>and</b> place <b>and</b> with audiences near you. It would possibly be recorded as a video clip, but then the value of the document would become transformed, because the live interaction at that very instant won't stay there anymore. Meaning, you inspire 👨‍👨‍🦳👩‍🦱🧕 's impression, which is the very value of your work."; chap3.innerHTML = "Imagine that you will experiment the potentiality through a performance.<br> For you ⏱ <b>and</b> 💭 <b>and</b> 👁 <b>and</b> 👃<b>and</b> 👄 <b>and</b> 🦵 <b>and</b> ✋ are all materials.<br>Now you are on the stage <b>and</b> moving your body as itself is your artistic langauge. <br>How does the every single movement prove its value? What you're producing is not an object, but rather moments <b>and</b> emotions.<br>Yes, it cannot be displayed on a shelf in a shop, because the performance exists only at the particular moment <b>and</b> place <b>and</b> with audiences near you. It would possibly be recorded as a video clip, but then the value of the document would become transformed, because the live interaction at that very instant won't stay there anymore. Meaning, you inspire 👨‍👨‍🦳👩‍🦱🧕 's impression, which is the very value of your work.";
chap3.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; left: 5px; margin-left: 12%; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;" chap3.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; margin-left: 12%; left: 30px; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"
}); });
var chap4 = document.getElementById("emoji4"); var chap4 = document.getElementById("emoji4");
chap4.addEventListener('click', function changeText(){ chap4.addEventListener('click', function changeText(){
chap4.innerHTML = "You may say you don't feel direct and obvious effect <b>and</b> influence that your performance brings. This is because what 👨‍👨‍🦳👩‍🦱🧕 purchased from you are emotions <b>and</b> experiences, which are composed of ⏱ <b>and</b> 💭 <b>and</b> ❕❔ .<br> You offer audiences an arena of the immaterial experiment. They feel and think without rules <b>and</b> limitations. Unknown energy is shared between you and them.<br>Your movement coming with the spectatorship is still located in a part of system, but at the same time it might be a gesture against the system that takes material <i>give and take</i> rule for granted."; chap4.innerHTML = "You may say you don't feel direct and obvious effect <b>and</b> influence that your performance brings. This is because what 👨‍👨‍🦳👩‍🦱🧕 purchased from you are emotions <b>and</b> experiences, which are composed of ⏱ <b>and</b> 💭 <b>and</b> ❕❔ .<br> You offer audiences an arena of the immaterial experience. They feel and think as they want. Unknown energy is shared between you and them.<br>Your movement coming with the spectatorship is still located in a part of system, but at the same time it might be a gesture against the system that takes material <i>give and take</i> rule for granted.";
chap4.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; left: 5px; margin-left: 12%; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;" chap4.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; margin-left: 12%; left: 30px; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"
}); });
@ -755,8 +781,8 @@ chap4.addEventListener('click', function changeText(){
var chap5 = document.getElementById("emoji5"); var chap5 = document.getElementById("emoji5");
chap5.addEventListener('click', function changeText(){ chap5.addEventListener('click', function changeText(){
chap5.innerHTML = "What <b>and</b> who do you work for?<br>You may feel the output that your work has a bit different features with other current products <b>and</b> commodities.<br>You may do art for your identity's sake, as well as for supporting yourself financially. Whether putting the label called 'labour' on your performance is a bit tricky, because you're standing between the establiment <b>and</b> your fundamental autonomy. Mediation among the dimensions are not easy as you think. Your practice that contains a lot of immaterial labours, <b>and</b> whether the labours are surely considered as classic labours is still controversial. Thus not only what you do, but also how you do is undecidable."; chap5.innerHTML = "What <b>and</b> who do you work for?<br>The output made by your work seems to have a bit different features with other current products <b>and</b> commodities.<br>You may do art for your identity's sake, as well as for your living's sake. <br>Whether putting the label called 'labour' on your performance is a bit tricky, because you're standing between the establiment <b>and</b> your fundamental autonomy. Mediation of the ironic dimensions is not easy as you think. Your practice contains a lot of immaterial labours, <b>and</b> whether the labours are surely regarded as classic labours is still controversial. Thus, not only what you do, but also how you do is undecidable.";
chap5.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; left: 5px; margin-left: 12%; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;" chap5.style.cssText = "position: relative; display: inline-block; font-size: 16px; font-family: 'Avenir'; margin-left: 12%; left: 30px; line-height: 1.8; color: white; background-color: black; width: 60%; text-align: left; border: 1px solid; box-shadow: 5px 5px blue;"
}); });

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

@ -19,7 +19,7 @@
body{ body{
background: white; background: #FBFBF9;
width: 100%; width: 100%;
height: auto; height: auto;

Loading…
Cancel
Save