aboutsummaryrefslogtreecommitdiff
path: root/pw/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'pw/index.html')
-rw-r--r--pw/index.html75
1 files changed, 70 insertions, 5 deletions
diff --git a/pw/index.html b/pw/index.html
index 6d38dde..0f32c47 100644
--- a/pw/index.html
+++ b/pw/index.html
@@ -2,11 +2,76 @@
<html>
<head>
<meta charset="UTF-8">
- <title> People Will </title>
- <link rel="icon" href="/assets/img/favicon.png">
- </head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title> P.S.: People Will ~ pw.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>
- <h1><a href="https://www.lesoiseaux.io/">*W</a> ~ PW</h1>
- <h2>People Will</h2>
+ <header>
+ <h1>People Will</h1>
+ <p class="lead">
+ <strong><a href="https://www.lesoiseaux.io/">*W</a> ~ People Will</strong>
+ <span class="DB">P.W.:</span> 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>
+ </header>
+ <main>
+ <article>
+ <section class="viz">
+ <video controls="true" poster="https://ps.lesoiseaux.io/in/people-will/felipe.fonseca.1080p.png">
+ <source src="http://vdo.lesoiseaux.io/felipe.fonseca/itv.ogv" type="video/ogg">
+ <source src="http://vdo.lesoiseaux.io/felipe.fonseca/itv.webm" type="video/webm">
+ <source src="http://vdo.lesoiseaux.io/felipe.fonseca/itv.mp4" type="video/mp4">
+ <p>This is a video tag. Your browser does not support
+ it. Download the
+ <a href="http://vdo.lesoiseaux.io/felipe.fonseca/itv.mp4">MP4</a>,
+ <a href="http://vdo.lesoiseaux.io/felipe.fonseca/itv.ogv">OGG</a>, or
+ <a href="http://vdo.lesoiseaux.io/felipe.fonseca/itv.webm">WebM</a> version.</p>
+ </video>
+ </section>
+ </article>
+ </main>
+ <aside>
+ <ul>
+ <li><a href="pw-presentation.pdf">Présentation</a></li>
+ <li><a href="pw-fiche-technique.pdf">Fiche technique</a></li>
+ <li><a href="https://ps.zoethical.com/c/www/people-will">Conversation</a></li>
+ </ul>
+ <div id='discourse-comments'></div>
+
+ <script type="text/javascript">
+ DiscourseEmbed = { discourseUrl: 'https://ps.zoethical.com/',
+ discourseEmbedUrl: 'https://pw.lesoiseaux.io/' };
+
+ (function() {
+ var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
+ d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
+ })();
+ </script>
+ </aside>
+ <footer>
+ <p><span>Copyright</span> <span>&copy;</span> 2017
+ <a href="https://ps.lesoiseaux.io/"
+ title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a>
+ &mdash;
+ <a href="http://artlibre.org/licence/lal/en/"
+ title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre</a>
+ &mdash;
+ <a href="https://code.cepheide.org/lesoiseaux.io.git"
+ title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a>
+ &mdash;
+ Nous faisons &lt;3
+ </p>
+ </footer>
</body>
</html>