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 /ps
parent: 6352b1fed84c4d79664d2de2d2ee28c6c4ff6d0b (diff)
download: lesoiseaux.io-e3d5ebb12d2fb731100ff4b568d049ee59a4de8f.tar.gz
4 files changed, 281 insertions, 6 deletions
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>
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 /ps
parent	6352b1fed84c4d79664d2de2d2ee28c6c4ff6d0b (diff)
download	lesoiseaux.io-e3d5ebb12d2fb731100ff4b568d049ee59a4de8f.tar.gz