cw/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport"      content="width=device-width, initial-scale=1.0">
    <title> P.S.: Cartographic Wanders ~ cw.lesoiseaux.io </title>
    <link rel="icon" href="../assets/img/favicon.png">
    <link rel="stylesheet" href="../assets/css/www.css">
    <script src="../assets/js/d3.v4.min.js"></script>
    <meta name="description"
	  content="Dans le projet Wholeheartedly/ApleinCoeur, il s'agit de tater la rondeur du monde, imaginer les flux de personnes, les réseaux naturels, la pulsation de notre planète et de ses habitants, mais chaudement à partir de nos écrans, grace aux supports de visualisation et à la cartographie numérique utilisant également les données issues des observations satellitaires qui nous permetttent de voyager par procuration.">
    </head>
  <body class="gfx">
    <header>
      <h1>Cartographic Wanders</h1>
      <p class="lead">
	<strong><a href="https://www.lesoiseaux.io/">*W</a> ~
	Cartographic Wanders</strong> propose un voyage au coeur des
	paysages comme on voyagerait au coeur des corps, cette carte
	figure des territoires abstraits, elle est aussi habitée par
	des données des humains et contribuent à la transformation et
	à l'évolution de l'image qui va se construire en répondant à
	leur rythme, une téléportation imaginaire dans l'organisme
	terre.
      </p>
    <nav>
      <ul>
	<li><a href="../assets/pdf/w-presentation-production.pdf">Présentation</a></li>
	<li><a href="cw-fiche-technique.pdf">Fiche technique</a></li>
	<li><a href="https://ps.zoethical.com/t/cartographic-wanders/829">Conversation</a></li>
      </ul>
    </nav>
    </header>
    <main>
      <article>
	<section class="viz">
	  <div id="view"></div>
	</section>
	<section class="viz">
	  <div id="view2"></div>
	</section>
      </article>
    </main>
    <aside>
      <nav>
	<h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3>
	<ul>
	  <li>
	    <a href="https://ps.lesoiseaux.io/gfx/">GFX</a>
	    <span>Collectif d'artiste</span>
	  </li>
	  <li>
	    <a href="https://ps.lesoiseaux.io/txt/">TXT</a>
	    <span>Éditions à Bruxelles</span>
	  </li>
	  <li>
	    <a href="https://ps.lesoiseaux.io/vdo/">VDO</a>
	    <span>Enquêtes vidéos</span>
	  </li>
	</ul>
      </nav>
    </aside>
    <script src="../assets/js/cw-app.js"></script>
    <footer>
      <h4><a href="https://cw.lesoiseaux.io/"
	   title="URL canonique : https://cw.lesoiseaux.io/">cw.lesoiseaux.io</a></h4>
      <p><span>Copyright</span> <span>&copy;</span> 2017
        &mdash;&nbsp;<a href="https://ps.lesoiseaux.io/"
	   title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a>
	&mdash;&nbsp;<a href="http://artlibre.org/licence/lal/en/"
	   title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre</a>
	&mdash;&nbsp;<a href="https://code.cepheide.org/lesoiseaux.io.git"
	   title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a>
	&mdash;&nbsp;Nous faisons &lt;3
      </p>
    </footer>
  </body>
</html>