Fix for 2022

- Add THX page - Add covers for books in TXT - Slightly debug sine.js
author: hellekin <hellekin@cepheide.org> 2022-06-01 11:47:13 +0200
committer: hellekin <hellekin@cepheide.org> 2022-06-01 11:53:13 +0200
commit: 0dc2d6d69287565e3d2d21b0af23905ef905a3ca (patch)
tree: 2d425f77f8e185d08ce1041b68df720d242c5de5
parent: e7aa4089863d608f54c36b63749425f787c7d132 (diff)
download: lesoiseaux.io-0dc2d6d69287565e3d2d21b0af23905ef905a3ca.tar.gz
4 files changed, 169 insertions, 50 deletions
diff --git a/ps/gfx/index.html b/ps/gfx/index.html
index 79fb645..45c227b 100644
--- a/ps/gfx/index.html
+++ b/ps/gfx/index.html
@@ -3,39 +3,35 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Petites Singularités — Collectif d'artiste</title>
-    <link rel="stylesheet" href="/assets/css/txt.css">
+    <title>petites singularités — Collectif d'artistes</title>
+    <link rel="stylesheet" href="../../assets/css/txt.css">
     <!-- Onebox rich link -->
-    <meta property="og:site_name" content="Petites Singularités">
-    <meta property="og:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta property="og:site_name" content="petites singularités">
+    <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
     <meta property="og:image" content="https://ps.zoethical.com/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
-    <meta property="og:title" content="Petites Singularités — Collectif d'artiste">
+    <meta property="og:title" content="petites singularités — Collectif d'artistes">
     <meta property="og:url" content="https://ps.lesoiseaux.io/gfx/">
     <meta name="twitter:card" content="summary">
-    <meta name="twitter:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta name="twitter:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
     <meta name="twitter:image" content="https://ps.zoethical.com/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
     <meta name="twitter:url" content="https://ps.lesoiseaux.io/gfx/">
-    <meta name="twitter:title" content="Petites Singularités — Collectif d'artiste">
+    <meta name="twitter:title" content="petites singularités — Collectif d'artistes">
   </head>
-  <body class="gfx">
+  <body class="ps gfx">
     <header lang="fr">
-      <h1>Petites Singularités</h1>
-      <h2>Collectif d'artiste</h2>
+      <h1>petites singularités</h1>
+      <h2>Collectif d'artistes</h2>
       <p>Un collectif singulier pour une esthétique <span>(</span>du) libre</p>
     </header>
     <header lang="en">
-      <h1>Petites Singularités</h1>
+      <h1>petites singularités</h1>
       <h2>Artist Collective</h2>
       <p>A singular collective for a free<span>/</span><em>libre</em> aesthetics</p>
     </header>
     <main>
       <article>
 	<header>
-	  <blockquote>&laquo; Tu préserves par la résistance. &raquo;
-	  — Natacha Roussel</blockquote>
-	  
-	  <p></p>
-	  
+	    <blockquote>« Tu préserves par la résistance. » — Natacha Roussel</blockquote>
 	</header>
 	<section id="intro">
 	  <h2 lang="fr">À nos insu·e·s</h2>
@@ -64,7 +60,7 @@
 	</section>
 	<section id="krto">
 	  <a href="https://talk.incommon.cc/">
-	    <img src="/assets/img/400x225/ps-gfx-incommon.png"
+	    <img src="../../assets/img/400x225/ps-gfx-incommon.png"
 		 alt="screenshot of talk.incommon.cc"></a>
 
 	  <h2 lang="fr">Typologie critique</h2>
@@ -87,7 +83,6 @@
 	  commons.</p>
 	</section>
 	<section id="cw">
-
 	  <div id="gfx"></div>
 	  
 	  <h2 lang="fr">Déambulations cartographiques</h2>
@@ -124,14 +119,14 @@
 	  <h2 lang="en">Anonymaton</h2><h3 lang="en">The Privacy-conscious Selfie?</h3>
 
 	  <figure>
-	    <a href="/assets/img/anonymaton-01.jpg">
-	      <img src="/assets/img/400x225/anonymaton-01.png" alt="Anonymaton 01"></a>
+	    <a href="../../assets/img/anonymaton-01.jpg">
+	      <img src="../../assets/img/400x225/anonymaton-01.png" alt="Anonymaton 01"></a>
 	      <figcaption lang="fr">À la montagne</figcaption>
 	      <figcaption lang="en">In the mountains</figcaption>
 	  </figure>
 	  <figure>
-	    <a href="/assets/img/anonymaton-02.jpg">
-	      <img src="/assets/img/400x225/anonymaton-02.png" alt="Anonymaton 02"></a>
+	    <a href="../../assets/img/anonymaton-02.jpg">
+	      <img src="../../assets/img/400x225/anonymaton-02.png" alt="Anonymaton 02"></a>
 	      <figcaption lang="fr">À la mer</figcaption>
 	      <figcaption lang="en">At the sea shore</figcaption>
 	  </figure>
@@ -152,7 +147,7 @@
 	  <p lang="en">We join our digital and analog skills to
 	  support our farmer friends in territorial local emancipation.</p>
 
-	  <video controls="true" poster="/in/c.nug-anim/credits-1.1080p.png">
+	  <video controls="true" poster="../in/c.nug-anim/credits-1.1080p.png">
             <source src="http://vdo.lesoiseaux.io/c.nug-anim/teaser.ogv" type="video/ogg">
 	    <source src="http://vdo.lesoiseaux.io/c.nug-anim/teaser.webm" type="video/webm">
 	    <source src="http://vdo.lesoiseaux.io/c.nug-anim/teaser.mp4" type="video/mp4">
@@ -178,26 +173,26 @@
 	<ul>
 	  <li>
 	    <a href="https://ps.lesoiseaux.io/gfx/">GFX</a>
-	    <span lang="fr">Collectif d'artiste</span>
+	    <span lang="fr">Collectif d'artistes</span>
 	    <span lang="en">Artist Collective</span>
 	  </li>
 	  <li>
 	    <a href="https://ps.lesoiseaux.io/txt/">TXT</a>
-	    <span lang="fr">Éditions à Bruxelles</span>
-	    <span lang="en">Publishing in Brussels</span>
+	    <span lang="fr">P.S.:  Éditions</span>
+	    <span lang="en">P.S.:  Publishing</span>
 	  </li>
 	  <li>
-	    <a href="https://ps.lesoiseaux.io/vdo/">VDO</a>
-	    <span lang="fr">Enquêtes video</span>
-	    <span lang="en">Video Inquiries</span>
+	    <a href="https://ps.lesoiseaux.io/vda/">VDA</a>
+	    <span lang="fr">Jeux vidéa</span>
+	    <span lang="en">Videa Games</span>
 	  </li>
 	</ul>
       </nav>
     </aside>
     <footer>
-	<p><span>Copyright</span> <span>&copy;</span> 2017-2018
+	<p><span>Copyright</span> <span>©</span> 2017-2022
         <a href="https://ps.lesoiseaux.io/"
-	   title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a>
+	   title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a>
 	—&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/"
@@ -209,9 +204,9 @@
 	—&nbsp;<span lang="en">We make </span><span lang="fr">Nous faisons </span> &lt;3
 	</p>
     </footer>
-    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
-    <script type="text/javascript" src="/assets/js/d3.v4.min.js"></script>
-    <script type="text/javascript" src="/assets/js/ps-app.js"></script>
-    <script type="text/javascript" src="sine.js"></script>
+    <script type="text/javascript" src="../../assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="../../assets/js/d3.v4.min.js"></script>
+    <script type="text/javascript" src="../../assets/js/ps-app.js"></script>
+    <script type="text/javascript" src="sine.js" defer="true"></script>
   </body>
 </html>
diff --git a/ps/gfx/sine.js b/ps/gfx/sine.js
index 10bf7b6..7ed0e03 100644
--- a/ps/gfx/sine.js
+++ b/ps/gfx/sine.js
@@ -40,8 +40,8 @@
           })
 
     svg.append("defs").append("clipPath").attr("id", "clip")
-	.append("rect").attr("width", width).attr("height", height)
-    	.append("rect").attr("width", h).attr("height", w)    
+	      .append("rect").attr("width", width).attr("height", height)
+    	  .append("rect").attr("width", h).attr("height", w)    
 
     const graphContainer = svg.append("g")
            .attr('transform', `translate(-${initialX}, -${initialY})`);
diff --git a/ps/txt/index.html b/ps/txt/index.html
index 1d67731..7f4fddc 100644
--- a/ps/txt/index.html
+++ b/ps/txt/index.html
@@ -3,29 +3,29 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Petites Singularités — Éditions à Bruxelles</title>
+    <title>petites singularités — Éditions à Bruxelles</title>
     <link rel="stylesheet" href="../../assets/css/txt.css">
     <!-- Onebox rich link -->
-    <meta property="og:site_name" content="Petites Singularités">
-    <meta property="og:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta property="og:site_name" content="petites singularités">
+    <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
     <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
-    <meta property="og:title" content="Petites Singularités — Éditions à Bruxelles">
+    <meta property="og:title" content="petites singularités — Éditions à Bruxelles">
     <meta property="og:url" content="https://ps.lesoiseaux.io/txt/">
     <meta name="twitter:card" content="summary">
-    <meta name="twitter:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta name="twitter:description" content="Les petites singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
     <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
     <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/">
-    <meta name="twitter:title" content="Petites Singularités — Éditions à Bruxelles">
+    <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles">
   </head>
   <body class="ps txt">
     <header lang="fr">
-      <h1>Petites Singularités</h1>
-      <h2>Éditions à Bruxelles</h2>
+      <h1>petites singularités</h1>
+      <h2>P.S.:  Éditions à Bruxelles</h2>
       <p>Recherches en sciences sociales, arts <span>&amp;</span> esthétiques</p>
     </header>
     <header lang="en">
-      <h1>Petites Singularités</h1>
-      <h2>Publishing in Brussels</h2>
+      <h1>petites singularités</h1>
+      <h2>P.S.:  Publishing in Brussels</h2>
       <p>Research in social sciences, arts, <span>&amp;</span> aesthetics</p>
     </header>
     <main>
@@ -223,7 +223,7 @@
 	    <span lang="en">P.S.:  Publishing</span>
 	  </li>
 	  <li>
-	    <a href="https://ps.lesoiseaux.io/vdo/">VDA</a>
+	    <a href="https://ps.lesoiseaux.io/vda/">VDA</a>
 	    <span lang="fr">Jeux Vidéa</span>
 	    <span lang="en">Videa Games</span>
 	  </li>
@@ -245,7 +245,7 @@
       —&nbsp;<span lang="en">We make </span><span lang="fr">Nous faisons </span> &lt;3
       </p>
     </footer>
-    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
-    <script type="text/javascript" src="/assets/js/ps-app.js"></script>
+    <script type="text/javascript" src="../../assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="../../assets/js/ps-app.js"></script>
   </body>
 </html>
diff --git a/ps/txt/thx.html b/ps/txt/thx.html
new file mode 100644
index 0000000..b91a14a
--- /dev/null
+++ b/ps/txt/thx.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>petites singularités — Collection THX</title>
+        <link rel="stylesheet" href="../../assets/css/txt.css">
+        <!-- Onebox rich link -->
+        <meta property="og:site_name" content="petites singularités">
+        <meta property="og:description" content="Les petites singularités forment une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
+    <meta property="og:title" content="petites singularités — Éditions à Bruxelles — Collection THX">
+    <meta property="og:url" content="https://ps.lesoiseaux.io/txt/thx">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres.">
+    <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png">
+    <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/thx">
+    <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles — Collection THX">
+  </head>
+  <body class="ps txt thx">
+    <header lang="fr">
+      <h1>petites singularités</h1>
+      <h2>Collection THX</h2>
+      <p>Recherches en sciences sociales, arts <span>&amp;</span> esthétiques</p>
+    </header>
+    <header lang="en">
+      <h1>petites singularités</h1>
+      <h2>THX Collection</h2>
+      <p>Research in social sciences, arts, <span>&amp;</span> aesthetics</p>
+    </header>
+    <main>
+      <article>
+	        <header lang="fr">
+	            <p class="tagline">La théorie doit informer l'acte et
+	                s'intégrer dans une dynamique synergétique avec lui pour
+	                l'amplifier.</p>
+          </header>
+          <header lang="en">
+              <p class="tagline"></p>
+          </header>
+
+          <section id="a-propos-de-thx" lang="fr"><h2>À propos de THX</h2>
+              <p>Trans · Hack · eXploration (THX) est une résidence d'écriture proposée annuellement par les petites singularités pour provoquer la rencontre de programm·eur·euse·s de logiciel libre et de militant·e·s afin de créer des synergies parmi les réseaux de résistance, propres à inventer des praxis de production logicielles répondant aux besoins vitaux des révolutionnaires.
+      	  </section>
+          <section id="about-thx" lang="en"><h2>About THX</h2>
+          </section>
+
+          <section id="prendre-soin" lang="fr"><h2>012020 Prendre Soin</h2>
+              <p lang="en"><a href="https://thx.zoethical.org/pub/prendre-soin">Available</a></p>
+              <p lang="fr"><a href="https://thx.zoethical.org/pub/prendre-soin">Disponible</a></p>
+          </section>
+
+
+          <section id="presence-solidaire"><h2>012021 Présence Solidaire</h2>
+              <p lang="en"><a href="https://thx.zoethical.org/pub/presence-solidaire">Available</a></p>
+              <p lang="fr"><a href="https://thx.zoethical.org/pub/presence-solidaire">Disponible</a></p>
+          </section>
+
+
+          <section id="please-synchronize"><h2>012022 PLEASE Synchronize</h2>
+              <p lang="en">From 10<sup>th> to 20<sup>th</sup> of July... <a href="">Read the invitation</a></p>
+              <p lang="fr">Du 10 au 20 juillet... <a href="https:///">Voir l'invitation</a></p>
+          </section>
+
+
+	<aside>
+	  <h3>Publications</h3>
+	  <ul>
+	    <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a>
+	    (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li>
+	    <li><a href="/dpdg/">Du propre des gueux
+          <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a>
+      </li>
+	    <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way
+          <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a>
+      </li>
+      <li><!a href="https://ps.lesoiseaux.io/txt/thx">Collection THX
+          <img alt="THX" src="../../assets/img/thx-covers.gif"></a>
+      </li>
+	  </ul>
+	</aside>
+      </article>
+    </main>
+    <aside>
+      <nav>
+	<h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3>
+	<ul>
+	  <li>
+	    <a href="https://ps.lesoiseaux.io/gfx/">GFX</a>
+	    <span lang="fr">Collectif d'artiste</span>
+	    <span lang="en">Artist Collective</span>
+	  </li>
+	  <li>
+	    <a href="https://ps.lesoiseaux.io/txt/">TXT</a>
+	    <span lang="fr">P.S.:  Éditions</span>
+	    <span lang="en">P.S.:  Publishing</span>
+	  </li>
+	  <li>
+	    <a href="https://ps.lesoiseaux.io/vdo/">VDA</a>
+	    <span lang="fr">Jeux Vidéa</span>
+	    <span lang="en">Videa Games</span>
+	  </li>
+	</ul>
+      </nav>
+    </aside>
+    <footer>
+      <p><span>Copyright</span> <span>©</span> 2017-2022
+      <a href="https://ps.lesoiseaux.io/"
+	 title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a>
+      —&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>
+      —&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>
+      —&nbsp;<span lang="en">We make </span><span lang="fr">Nous faisons </span> &lt;3
+      </p>
+    </footer>
+    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="/assets/js/ps-app.js"></script>
+  </body>
+</html>
author	hellekin <hellekin@cepheide.org>	2022-06-01 11:47:13 +0200
committer	hellekin <hellekin@cepheide.org>	2022-06-01 11:53:13 +0200
commit	0dc2d6d69287565e3d2d21b0af23905ef905a3ca (patch)
tree	2d425f77f8e185d08ce1041b68df720d242c5de5
parent	e7aa4089863d608f54c36b63749425f787c7d132 (diff)
download	lesoiseaux.io-0dc2d6d69287565e3d2d21b0af23905ef905a3ca.tar.gz