ps vdo = pw

author: Your Name <you@example.com> 2017-12-31 17:17:06 +0100
committer: Your Name <you@example.com> 2017-12-31 17:17:06 +0100
commit: 90ac9db913a2aeefcdd6186ffd58774f6194fce6 (patch)
tree: be7a2911edb2437bda2f976690202a58fafa3e05 /pw
parent: 03a047717d71ec388c85deca89496bad5c76349a (diff)
download: lesoiseaux.io-90ac9db913a2aeefcdd6186ffd58774f6194fce6.tar.gz
1 files changed, 69 insertions, 57 deletions
diff --git a/pw/index.html b/pw/index.html
index b6f7711..4684246 100644
--- a/pw/index.html
+++ b/pw/index.html
@@ -1,57 +1,71 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="UTF-8">
-    <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>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Petites Singularités : enquêtes vidéo</title>
+    <link rel="stylesheet" href="/assets/css/txt.css">
+  </head>
   <body class="vdo">
     <header>
-      <h1>People Will</h1>
-      <p class="lead">
-	<strong><a href="https://www.lesoiseaux.io/"
-	title="Wholeheartedly Wandering Will">*W</a> ~ People
-	Will</strong> donne la parole (et l'image) à la volonté
-	humaine exprimée à travers les visions transindividuelles de
-	personnages singuliers. Chaque portrait offre un regard sur
-	des initiatives qui portent le vivant et l'humain dans ce
-	qu'il a de plus in(ter)dépendant et soucieux de répondre aux
-	exigences de la réalité et d'amplifier la commune imaginaire.
-      </p>
-      <nav>
-	<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/t/people-will/830">Conversation</a></li>
-	</ul>
-      </nav>
+      <h1>Petites Singularités</h1>
+      <h2>Enqu&ecirc;tes vid&eacute;os</h2>
+      <p>De vifs portraits &agrave; la parole singuli&egrave;re</p>
     </header>
     <main>
       <article>
-	<section class="viz">
-	  <h3>Video de Felipe</h3>
-	  <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>
-	  <section>
-	    <h3>Explication du projet</h3>
-	    <p>
-	    </p>
-	  </section>
-      </article>
+	<header>
+	  <p><strong><a href="https://www.lesoiseaux.io/">*W</a> ~
+	  People Will</strong> donne la parole (et l'image) à la
+	  volonté humaine exprimée à travers les visions
+	  transindividuelles de personnages singuliers. Chaque
+	  portrait offre un regard sur des initiatives qui portent le
+	  vivant et l'humain dans ce qu'il a de plus in(ter)dépendant
+	  et soucieux de répondre aux exigences de la réalité et
+	  d'amplifier la commune imaginaire.</p>
+	</header>
+	<section class="video" id="felipe-fonseca">
+	  <h2><a href="#felipe-fonseca">Felipe Fonseca</a></h2>
+	  <video playsline autoplay muted controls>
+	    <source src="/assets/img/camera-qui-tombe.webm" type="video/webm">
+	  </video>
+	  <p>Notice...</p>
+	</section>
+	<section class="outro">
+	  <h3>Entrevues</h3>
+	  <p><span>Ces enquêtes portent sur des personnes engagées
+	  dans leur communauté par des projets vivants et
+	  autonomes.</span> Chaque vidéo témoigne d'un acte situé et
+	  de son expérience vécue. Elles nous emmènent, au fil des
+	  rencontres, dans une série d'aventures qui gravitent autour
+	  de la possibilité de l'autonomie, la valeur de l'initiative
+	  et de son ancrage dans la communauté. La puissance de ces
+	  multiples initiatives contraste avec l'austérité capitaliste
+	  qui en nie la vivacité ou même l'existence. Avec ces
+	  portraits, il s'agit pour nous de poursuivre notre
+	  exploration des petites singularités, de construire l'image
+	  qui se forme au sein de <span class="ps">P.S.:</span> par la
+	  correspondance entre la réflexion et la rencontre : nouer
+	  cette conversation est un des moyens par lesquels <span
+	  class="ps">P.S.:</span> contribue à un réseau, la diffusion
+	  de ces enquêtes est matérialisée également par <a
+	  href="https://ps.zoethical.com/t/people-will/830">le fil de
+	  discussion associé</a>.
+	  </p>
+	</section>
+<!--	<aside>
+	  <ul>
+	    <li><a href="#">
+	      <img src="vdo-placeholder.png" alt="Felipe Fonseca"></a></li>
+ 	    <li><a href="#">
+	      <img src="vdo-placeholder.png" alt="Dr. Barbara Nathweiser"></a></li>
+ 	    <li><a href="#">
+	      <img src="vdo-placeholder.png" alt="Mohinder Kumar"></a></li>
+ 	    <li><a href="#">
+	      <img src="vdo-placeholder.png" alt="Ricardo et Pierre"></a></li>
+	  </ul>
+	</aside>
+-->      </article>
     </main>
     <aside>
       <nav>
@@ -66,24 +80,22 @@
 	    <span>Éditions à Bruxelles</span>
 	  </li>
 	  <li>
-	    <a href="https://pw.lesoiseaux.io/">VDO</a>
+	    <a href="https://ps.lesoiseaux.io/vdo/">VDO</a>
 	    <span>Enquêtes vidéos</span>
 	  </li>
 	</ul>
       </nav>
     </aside>
     <footer>
+      <h4><a href="https://pw.lesoiseaux.io/">pw.lesoiseaux.io</a></h4>
       <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
+      <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>
author	Your Name <you@example.com>	2017-12-31 17:17:06 +0100
committer	Your Name <you@example.com>	2017-12-31 17:17:06 +0100
commit	90ac9db913a2aeefcdd6186ffd58774f6194fce6 (patch)
tree	be7a2911edb2437bda2f976690202a58fafa3e05 /pw
parent	03a047717d71ec388c85deca89496bad5c76349a (diff)
download	lesoiseaux.io-90ac9db913a2aeefcdd6186ffd58774f6194fce6.tar.gz