diff options
-rw-r--r-- | ps/vdo/index.html | 36 | ||||
-rw-r--r-- | pw/index.html | 126 |
2 files changed, 86 insertions, 76 deletions
diff --git a/ps/vdo/index.html b/ps/vdo/index.html index dd84117..4684246 100644 --- a/ps/vdo/index.html +++ b/ps/vdo/index.html @@ -3,8 +3,8 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Petites Singularités Éditions, Bruxelles</title> - <link rel="stylesheet" href="../../assets/css/txt.css"> + <title>Petites Singularités : enquêtes vidéo</title> + <link rel="stylesheet" href="/assets/css/txt.css"> </head> <body class="vdo"> <header> @@ -26,8 +26,8 @@ </header> <section class="video" id="felipe-fonseca"> <h2><a href="#felipe-fonseca">Felipe Fonseca</a></h2> - <video playsline autoplay muted controls poster="../../assets/img/foo.png"> - <source src="../../assets/img/camera-qui-tombe.webm" type="video/webm"> + <video playsline autoplay muted controls> + <source src="/assets/img/camera-qui-tombe.webm" type="video/webm"> </video> <p>Notice...</p> </section> @@ -69,35 +69,33 @@ </main> <aside> <nav> - <h3><a href="../">P.S.:</a></h3> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> <ul> <li> - <a href="../gfx/">GFX</a> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> <span>Collectif d'artiste</span> </li> <li> - <a href="../txt/">TXT</a> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> <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> - <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 + <h4><a href="https://pw.lesoiseaux.io/">pw.lesoiseaux.io</a></h4> + <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> 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êtes vidéos</h2> + <p>De vifs portraits à la parole singuliè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>©</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 + <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> |