You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
4.8 KiB
HTML
102 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Practical Vision!</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="style.css">
|
|
<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="scripts/plain-draggable.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<canvas id="myCanvas" style="z-index: -2000; position: absolute"></canvas>
|
|
|
|
<p style="margin-left: 20%; z-index:2000" id = "prova2">prova2</p>
|
|
|
|
|
|
<!-- <div style="z-index: -300">
|
|
<div><img id="img1" src="assets/practical.png" ></div>
|
|
<div><img id="img2" src="assets/practical.png" ></div>
|
|
<div> <img id="img3" src="assets/practical.png" ></div>
|
|
</div>-->
|
|
|
|
|
|
|
|
|
|
|
|
<p style="margin-left: 10%; z-index:2000; position: absolute" id="prova">PROVA</p>
|
|
|
|
|
|
<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 id="descriptio">
|
|
<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>:
|
|
you can find the republished text <a href="printing/index.html">here</a>.</p>
|
|
<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>
|
|
<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>Thank you,<br><a href="http://federicoponi.it">Federico Poni</a></p>
|
|
</div>
|
|
|
|
<button><a href="../">HOME</a></button>
|
|
|
|
<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>Original Contribution by <span href="http://jaladaafrica.org">Jalada.</span>
|
|
<br>
|
|
A special thanks to <span>El-Hadji Barsa Rachid Sagna</span> and <span>Munyao Kilolo.</span>
|
|
<br>
|
|
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>
|
|
<br>
|
|
Made with <span>love</span> and <span href="http://p5js.org">P5.js</span></p>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
draggable = new PlainDraggable(document.getElementById('descriptio'));
|
|
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
|
|
|
|
draggable = new PlainDraggable(document.getElementById('telegram'));
|
|
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
|
|
|
|
draggable = new PlainDraggable(document.getElementById('colo'));
|
|
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
|
|
|
|
draggable = new PlainDraggable(document.getElementById('tradu'));
|
|
draggable.containment = {left: 0, top: 0, width: '100%', height: '100%'};
|
|
|
|
</script>
|
|
|
|
<script src="./scripts/home.js" async defer></script>
|
|
<script src="./scripts/hcindex.js"></script>
|
|
<script src="./scripts/matrix.js"></script>
|
|
<script src="./scripts/P4Vector.js"></script>
|
|
|
|
</body>
|
|
</html>
|