diff options
Diffstat (limited to 'ps/gfx')
| -rw-r--r-- | ps/gfx/index.html | 65 | ||||
| -rw-r--r-- | ps/gfx/sine.js | 4 |
2 files changed, 32 insertions, 37 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>« Tu préserves par la résistance. » - — 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>©</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> — <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 @@ — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <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})`); |