Add FR/EN language switch

1 files changed, 167 insertions, 57 deletions

diff --git a/ps/index.fr.html b/ps/index.fr.html
index a92bb9a..7a1853e 100644
--- a/ps/index.fr.html
+++ b/ps/index.fr.html
@@ -26,9 +26,12 @@
       <h1 class="fixed">
 	<a href="https://ps.lesoiseaux.io/"
 	   title="Petites Singularités"><img alt="P.S.: " src="../assets/img/logo-ps.svg" height="64" border="0" align="absmiddle"></a>
-	<a href="https://ps.lesoiseaux.io/">esthétique fragile &amp; hybride</a>
+	<a href="https://ps.lesoiseaux.io/">
+	  <span lang="fr">esthétique fragile &amp; hybride</span>
+	  <span lang="en">hybrid &amp; fragile aesthetics</span>
+	</a>
       </h1>
-      <section>
+      <section lang="fr">
 	<h2>À Propos de Petites Singularités</h2>
 	<p>Petites Singularités est une association sans but lucratif
 	établie à Bruxelles.</p>
@@ -47,22 +50,61 @@
 	transmettons des solutions concrètes et significatives à des
 	groupes locaux.</p>
       </section>
+      <section lang="en">
+	<h2>About Petites Singularités</h2>
+	<p>Petites Singularités is a non-profit association
+	established in Brussels.</p>
+	<p>The association aims to bring a different outlook on
+	transindividual aesthetics with regard to local collectives
+	and their digital practices.</p>
+	<p>Petites Singularités holds aesthetical projects under
+	various free forms adapted to their expression and their
+	public dissemination. Literary, poetic, artistic, software,
+	philosophical, lively research-action, Petites Singularités
+	edit, publish, produce, hybridize, support, invite,
+	travel.</p>
+	<p>We think collective organization and action in the
+	production of meaning in the local hybridization of humans and
+	technology; we transmit concrete and significant solutions to
+	local groups.</p>
+      </section>
       <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/"
+	—&nbsp;<a lang="en" href="http://artlibre.org/licence/lal/en/"
+	title="License for contents : Free Art v1.3">We make free art</a><a
+	lang="fr" href="http://artlibre.org/licence/lal/"
 	   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"
+	—&nbsp;<a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git"
+	title="License for Web code : GNU AGPL v3">We make free software</a><a
+	lang="fr" 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
+	—&nbsp;<span lang="en">We make</span><span lang="fr">Nous faisons</span> &lt;3
 	</p>
-      	<nav>
+      	<nav lang="fr">
 <!--	  <h4>Préserver</h4>
 	  <ul>
+	    <li><a href="assets/petites-singularités-asbl.fr.pdf"
+	           title="Lire la présentation de notre ASBL en PDF">PDF</a></li>
+	    <li><a href="assets/ps-production.torrent"
+		   title="Partager notre torrent de production">Torrent</a></li>
+	    <li><a href="assets/ps-press-kit.zip"
+		   title="Retenir le kit pour la Presse de P.S.: (images, logos...)">ZIP</a></li>
+	  </ul>
+-->	  <h4>Résister</h4>
+	  <ul>
+	    <li><a href="https://ps.zoethical.com/groups"
+		   title="Explorer notre communauté">Zoethical</a></li>
+	    <li><a href="https://ps.zoethical.com/posts.rss"
+		   title="Souscrire aux contributions récentes (RSS)">Récent</a></li>
+	    <li><a href="https://ps.zoethical.com/latest.rss"
+		   title="Souscrire aux sujets récents (RSS)">Sujets</a></li>
+	  </ul>
+	</nav>
+      	<nav lang="en">
+<!--	  <h4>Preserve</h4>
+	  <ul>
 	    <li><a href="assets/petites-singularités-asbl.en.pdf"
 		   title="Download PDF presentation of Petites Singularités ASBL">PDF</a></li>
 	    <li><a href="assets/ps-production.torrent"
@@ -70,14 +112,14 @@
 	    <li><a href="assets/ps-press-kit.zip"
 		   title="Download Press Kit for P.S.: (assets, logos...)">ZIP</a></li>
 	  </ul>
--->	  <h4>Résister</h4>
+-->	  <h4>Resist</h4>
 	  <ul>
 	    <li><a href="https://ps.zoethical.com/groups"
-		   title="Explorer notre communauté">Zoethical</a></li>
+		   title="Explore our community">Zoethical</a></li>
 	    <li><a href="https://ps.zoethical.com/posts.rss"
-		   title="Souscrire aux contributions récentes (RSS)">Posts</a></li>
+		   title="Subscribe to recent contributions (RSS)">Posts</a></li>
 	    <li><a href="https://ps.zoethical.com/latest.rss"
-		   title="Souscrire aux sujets récents (RSS)">Topics</a></li>
+		   title="Subscribe torecent topics (RSS)">Topics</a></li>
 	  </ul>
 	</nav>
       </footer>
@@ -85,7 +127,8 @@
     <main>
       <article>
 	<section class="media fixed">
-	  <h2>Média en ligne</h2>
+	  <h2 lang="fr">Média en ligne</h2>
+	  <h2 lang="en">Online Media</h2>
 	  <section id="gfx" class="fixed">
 
 	    <h3><a href="./gfx/">GFX</a></h3>
@@ -123,58 +166,110 @@
 	  </section>
 	  <script src="gfx/sine.js"></script>
 	  <section id="txt" class="fixed">
+	    <div lang="fr">
+	      <h3><a href="./txt/">TXT</a></h3>
 
-	    <h3><a href="./txt/">TXT</a></h3>
+	      <p class="tagline">
+		Petites Singularités éditions, publications, recherche en
+		sciences sociales, artistique &amp; esthétiques.
+	      </p>
 
-	    <p class="tagline">
-	      Petites Singularités éditions, publications, recherche en
-	      sciences sociales, artistique &amp; esthétiques.
-	    </p>
+	      <h4>État des Lieux</h4>
 
-	    <h4>État des Lieux</h4>
+	      <p><span class="ps">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><span class="ps">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>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>
+	    </div>
+	    <div lang="en">
+	      <h3><a href="./txt/">TXT</a></h3>
 
-	    <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>
+	      <p class="tagline">
+		Petites Singularités editions, publishing, research in
+		social, artistic sciences &amp; aesthetics.
+	      </p>
 
+	      <h4>In Place of an Assessment</h4>
+
+	      <p><span class="ps">P.S.:</span> deploys at the heart of
+	      the city, in significant places that accompany our
+	      reflection and welcome our actions.</p>
+
+	      <p>We emphasize the importance of anchoring
+	      technological theory and practice in the local space
+	      where social fibers mesh in everyday life. Therefore, by
+	      social networks we understand the human relations that
+	      develop in them: a map is not the territory, and the
+	      social networks that invest the space of electronic
+	      networks are irreducible to the online services that
+	      transform them.</p>
+
+	      <p>At the ♥ of contradictions: from urban wilderness to
+	      collective gardens; at the ♥ of the neighborhood: a
+	      community occupation; at the ♥ of social networks: at
+	      home.</p>
+	    </div>
 	  </section>
 	  <section id="vdo" class="fixed">
+	    <div lang="fr">
+	      <h3><a href="./vdo/">VDO</a></h3>
+
+	      <p class="tagline">De vifs portraits à la parole
+	      singulière</p>
+
+	      <h4>Enquêtes vidéos</h4>
+
+	      <p>Ces enquêtes portent sur des personnes engagées dans
+	      leur communauté par des projets vivants et
+	      autonomes. 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...</p>
+	    </div>
+	    <div lang="en">
+	      <h3><a href="./vdo/">VDO</a></h3>
+
+	      <p class="tagline">Lively portraits with a singular word</p>
+
+	      <h4>Video Inquiries</h4>
 
-	    <h3><a href="./vdo/">VDO</a></h3>
-
-	    <p class="tagline">De vifs portraits à la parole
-	    singulière</p>
-
-	    <h4>Enquêtes vidéos</h4>
-
-	    <p>Ces enquêtes portent sur des personnes engagées dans
-	    leur communauté par des projets vivants et
-	    autonomes. 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...</p>
+	      <p>These inquiries concern people engaged in their
+	      community through lively and autonomous projects. Each
+	      video testifies of a situated act and its lived
+	      experience. They take us along, over encounters, in a
+	      series of adventures that gravitate around the
+	      possibility of autonomy, the value of initiative and its
+	      anchoring in the community. The power of these multiple
+	      initiatives contrasts with capitalist austerity that
+	      denies its liveliness or even its existence. With these
+	      portraits, we mean to continue our exploration of small
+	      singularities, to build the image that forms within
+	      <span class="ps">P.S.: </span> by the correspondence
+	      between thinking and meeting: to tie this
+	      conversation...</p>
+	    </div>
 
 	    <video poster="../assets/img/bg-vdo.png"
 		   playsinline autoplay muted loop>
@@ -183,7 +278,7 @@
 
 	  </section>
 	</section>
-	<section class="libre fixed">
+	<section class="libre fixed" lang="fr">
 	  <h2>Esthétique du libre</h2>
 	  <section id="participation" class="fixed">
 	    <h3><a href="https://ps.zoethical.com/">Participer</a></h3>
@@ -198,6 +293,21 @@
 	    <p class="tagline">Éveiller les territoires à la vie</p>
 	  </section>
 	</section>
+	<section class="libre fixed" lang="en">
+	  <h2>Libre Aesthetics</h2>
+	  <section id="participation" class="fixed">
+	    <h3><a href="https://ps.zoethical.com/">Participate</a></h3>
+	    <p class="tagline">Exploring community-based social media</p>
+	  </section>
+	  <section id="engagement" class="fixed">
+	    <h3><a href="https://ps.zoethical.com/c/ps">Engage</a></h3>
+	    <p class="tagline">Amplifying active resistance networks</p>
+	  </section>
+	  <section id="cooperation" class="fixed">
+	    <h3><a href="https://ps.zoethical.com/c/cooperation">Cooperate</a></h3>
+	    <p class="tagline">Awakening territories to life</p>
+	  </section>
+	</section>
       </article>
     </main>
   </body>