diff options
| author | Your Name <you@example.com> | 2017-12-26 17:56:42 +0100 |
|---|---|---|
| committer | Your Name <you@example.com> | 2017-12-26 17:56:42 +0100 |
| commit | 169ea7a4d1c49e2f2cc876d775baed477f21c7e8 (patch) | |
| tree | b4c86c20a3c04d68313032dad444ae5250e81396 /pw | |
| parent | e263dde2d6b76db42fce4694fcbef13eaba891b8 (diff) | |
| download | lesoiseaux.io-169ea7a4d1c49e2f2cc876d775baed477f21c7e8.tar.gz | |
Placeholder for pw
Diffstat (limited to 'pw')
| -rw-r--r-- | pw/index.html | 75 |
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>©</span> 2017 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a> + — + <a href="http://artlibre.org/licence/lal/en/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre</a> + — + <a href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a> + — + Nous faisons <3 + </p> + </footer> </body> </html> |