Add new visual version...

author: Your Name <you@example.com> 2017-12-28 21:56:42 +0100
committer: Your Name <you@example.com> 2017-12-28 21:56:42 +0100
commit: e3d5ebb12d2fb731100ff4b568d049ee59a4de8f (patch)
tree: 2ba666649a8df55356209f0009df5397a45bf16e
parent: 6352b1fed84c4d79664d2de2d2ee28c6c4ff6d0b (diff)
download: lesoiseaux.io-e3d5ebb12d2fb731100ff4b568d049ee59a4de8f.tar.gz
7 files changed, 361 insertions, 25 deletions
diff --git a/assets/js/ps-app.js b/assets/js/ps-app.js
new file mode 100644
index 0000000..66d67fe
--- /dev/null
+++ b/assets/js/ps-app.js
@@ -0,0 +1,15 @@
+(function($) {
+
+    $(document).ready(function() {
+
+	// Make each .media section clickable to reach ./<id>/
+	$('.media section').each(function(_, e) {
+	    e.onclick = function(e) {
+		window.location = './' + e.target.id + '/'
+		return false
+	    }
+	})
+
+    });
+
+})($)
diff --git a/cw/index.html b/cw/index.html
index 0d0c6f2..56ee01a 100644
--- a/cw/index.html
+++ b/cw/index.html
@@ -6,11 +6,12 @@
     <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">
+    <link rel="stylesheet" href="../assets/css/txt.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>
+  <body class="gfx">
     <header>
       <h1>Cartographic Wanders</h1>
       <p class="lead">
@@ -23,6 +24,13 @@
 	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>
@@ -35,11 +43,23 @@
       </article>
     </main>
     <aside>
-      <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>
+	<h3><a href="../">P.S.:</a></h3>
+	<ul>
+	  <li>
+	    <a href="../gfx/">GFX</a>
+	    <span>Collectif d'artiste</span>
+	  </li>
+	  <li>
+	    <a href="../txt/">TXT</a>
+	    <span>Éditions à Bruxelles</span>
+	  </li>
+	  <li>
+	    <a href="https://pw.lesoiseaux.io/">VDO</a>
+	    <span>Enquêtes vidéos</span>
+	  </li>
+	</ul>
+      </nav>
     </aside>
     <script src="../assets/js/cw-app.js"></script>
     <footer>
diff --git a/ps/gfx/index.html b/ps/gfx/index.html
new file mode 100644
index 0000000..f1fbf7c
--- /dev/null
+++ b/ps/gfx/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+  <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">
+  </head>
+  <body class="gfx">
+    <header>
+      <h1>Petites Singularités</h1>
+      <h2>Collectif d'artiste</h2>
+      <p>Un collectif (au) singulier pour une esthétique <span>(</span>du) libre</p>
+    </header>
+    <main>
+      <article>
+	<header>
+	  <p>Explorations graphiques, installations, interventions, etc.</p>
+	</header>
+
+	...
+
+	<aside>
+	  <h3>Fiches techniques</h3>
+	  <ul>
+	    <li><a href="./du-propre-des-gueux/">
+	      <img src="dpdg-cover.png" alt="Du propre des gueux"></a></li>
+	    <li><a href="./autonomate/">
+	      <img src="autonomate-cover.png" alt="L'Autonomate"></a></li>
+	  </ul>
+	</aside>
+      </article>
+    </main>
+    <aside>
+      <nav>
+	<h3><a href="../">P.S.:</a></h3>
+	<ul>
+	  <li>
+	    <a href="../gfx/">GFX</a>
+	    <span>Collectif d'artiste</span>
+	  </li>
+	  <li>
+	    <a href="../txt/">TXT</a>
+	    <span>Éditions à Bruxelles</span>
+	  </li>
+	  <li>
+	    <a href="https://pw.lesoiseaux.io/">VDO</a>
+	    <span>Enquêtes vidéos</span>
+	  </li>
+	</ul>
+      </nav>
+    </aside>
+    <footer>
+      <p><span>Copyright</span> <span>©</span>2015-2017 <a href="/">Petites Singularités</a> ---
+      </p>
+    </footer>
+  </body>
+</html>
diff --git a/ps/index.fr.html b/ps/index.fr.html
index 4aa5f1f..f8b1352 100644
--- a/ps/index.fr.html
+++ b/ps/index.fr.html
@@ -4,9 +4,10 @@
     <meta charset="UTF-8">
     <title> Petites Singularités </title>
     <link rel="stylesheet" href="ui/css/reset.css">
-    <link rel="stylesheet" href="ui/css/mobile.css">
-    <script type="text/javascript" src="ui/js/config.js"></script>
-    <script type="text/javascript" src="ui/js/app.js"></script>
+    <link rel="stylesheet" href="../assets/css.orig/screen.css">
+    <!link rel="stylesheet" href="ui/css/mobile.css">
+    <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="../assets/js/ps-app.js"></script>
     <!-- discuss: <ps\at/lesoiseaux.io> -->
   </head>
   <body>
@@ -74,11 +75,44 @@
       <article>
 	<section class="media fixed">
 	  <h2>Média en ligne</h2>
-	  <section id="gfx" class="fixed"><h3>GFX</h3>
+	  <section id="gfx" class="fixed">
+
+	    <h3><a href="./gfx/">GFX</a></h3>
+
 	  </section>
-	  <section id="txt" class="fixed"><h3>TXT</h3>
+	  <section id="txt" class="fixed">
+
+	    <h3><a href="./txt/">TXT</a></h3>
+
+	    <p class="tagline">
+	      Petites Singularités éditions, publications, recherche en
+	      sciences sociales, artistique &amp; esthétiques.
+	    </p>
+
+	    <h4>État des Lieux</h4>
+
+	    <p><span class="DB">P.S.:</span> se déploie au cœur de la
+	    ville, dans des lieux significatifs qui accompagnent notre
+	    réflexion et accueillent nos actions.</p>
+
+	    <p>Nous insistons sur l'importance de l'ancrage de la
+	    théorie et de la pratique technologiques dans l'espace
+	    local où se maillent les fibres sociales dans le
+	    quotidien. On entend donc par réseaux sociaux les
+	    relations humaines qui s'y développent: une carte n'est
+	    pas le territoire, et les réseaux sociaux qui investissent
+	    l'espace des réseaux électroniques sont irréductibles aux
+	    services en ligne qui les transforment.</p>
+
+	    <p>Au ♥ des contradictions: de la friche urbaine aux
+	    jardins collectifs ; au ♥ du quartier: une occupation
+	    communautaire ; au ♥ des réseaux sociaux: chez soi.</p>
+
 	  </section>
-	  <section id="vdo" class="fixed"><h3>VDO</h3>
+	  <section id="vdo" class="fixed">
+
+	    <h3><a href="./vdo/">VDO</a></h3>
+
 	  </section>
 	</section>
 	<section class="libre fixed">
diff --git a/ps/txt/index.html b/ps/txt/index.html
new file mode 100644
index 0000000..aeecfc3
--- /dev/null
+++ b/ps/txt/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+  <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">
+  </head>
+  <body class="txt">
+    <header>
+      <h1>Petites Singularités</h1>
+      <h2>Éditions à Bruxelles</h2>
+      <p>Recherches en sciences sociales, arts <span>&amp;</span> esthétiques</p>
+    </header>
+    <main>
+      <article>
+	<header>
+	  <p>Catalogue en ligne des éditions</p>
+	</header>
+
+	<section>
+	  <h3>Articles</h3>
+	  <dl>
+	    <dt>Journal of Peer Production</dt>
+	    <dd>...</dd>
+	    <dt>...</dt>
+	    <dd>...</dd>
+	    <dt>Multitudes</dt>
+	    <dd>Majeure sur les technologies libres &agrave; la lumi&egrave;re de Simondon</dd>
+	  </dl>
+	</section>
+
+	<section>
+	  <h3>Impressions</h3>
+	  <dl>
+	    <dt>Software freedom, your way</dt>
+	    <dd>...</dd>
+	    <dt>Du propre des gueux</dt>
+	    <dd>Une farce rigolarde 
+
+	<aside>
+	  <h3>Publications</h3>
+	  <ul>
+	    <li><a href="./du-propre-des-gueux/">
+	      <img src="dpdg-cover.png" alt="Du propre des gueux"></a></li>
+	    <li><a href="./autonomate/">
+	      <img src="autonomate-cover.png" alt="L'Autonomate"></a></li>
+	  </ul>
+	</aside>
+      </article>
+    </main>
+    <aside>
+      <nav>
+	<h3><a href="../">P.S.:</a></h3>
+	<ul>
+	  <li>
+	    <a href="../gfx/">GFX</a>
+	    <span>Collectif d'artiste</span>
+	  </li>
+	  <li>
+	    <a href="../txt/">TXT</a>
+	    <span>Éditions à Bruxelles</span>
+	  </li>
+	  <li>
+	    <a href="https://pw.lesoiseaux.io/">VDO</a>
+	    <span>Enquêtes vidéos</span>
+	  </li>
+	</ul>
+      </nav>
+    </aside>
+    <footer>
+      <p><span>Copyright</span> <span>©</span>2015-2017 <a href="/">Petites Singularités</a> ---
+      </p>
+    </footer>
+  </body>
+</html>
diff --git a/ps/vdo/index.html b/ps/vdo/index.html
new file mode 100644
index 0000000..2407b1d
--- /dev/null
+++ b/ps/vdo/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+  <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">
+  </head>
+  <body class="vdo">
+    <header>
+      <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>
+	<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 poster="../assets/img/foo.png"></video>
+	  <p>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</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 P.S.: par la correspondance entre la
+	  réflexion et la rencontre : nouer cette conversation est un
+	  des moyens par lesquels P.S.: contribue à un réseau, la
+	  diffusion de ces enquêtes est matérialisée également par le
+	  fil de discussion associé à chacune.
+	  </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>
+	<h3><a href="../">P.S.:</a></h3>
+	<ul>
+	  <li>
+	    <a href="../gfx/">GFX</a>
+	    <span>Collectif d'artiste</span>
+	  </li>
+	  <li>
+	    <a href="../txt/">TXT</a>
+	    <span>Éditions à Bruxelles</span>
+	  </li>
+	  <li>
+	    <a href="https://pw.lesoiseaux.io/">VDO</a>
+	    <span>Enquêtes vidéos</span>
+	  </li>
+	</ul>
+      </nav>
+    </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>
diff --git a/pw/index.html b/pw/index.html
index 8da2afa..b6f7711 100644
--- a/pw/index.html
+++ b/pw/index.html
@@ -10,22 +10,31 @@
     <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>
+  <body class="vdo">
     <header>
       <h1>People Will</h1>
       <p class="lead">
-	<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.
+	<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>
     </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">
@@ -37,14 +46,31 @@
 	      <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>
     </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/t/people-will/830">Conversation</a></li>
-      </ul>
+      <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://pw.lesoiseaux.io/">VDO</a>
+	    <span>Enquêtes vidéos</span>
+	  </li>
+	</ul>
+      </nav>
     </aside>
     <footer>
       <p><span>Copyright</span> <span>&copy;</span> 2017
author	Your Name <you@example.com>	2017-12-28 21:56:42 +0100
committer	Your Name <you@example.com>	2017-12-28 21:56:42 +0100
commit	e3d5ebb12d2fb731100ff4b568d049ee59a4de8f (patch)
tree	2ba666649a8df55356209f0009df5397a45bf16e
parent	6352b1fed84c4d79664d2de2d2ee28c6c4ff6d0b (diff)
download	lesoiseaux.io-e3d5ebb12d2fb731100ff4b568d049ee59a4de8f.tar.gz