diff options
author | Your Name <you@example.com> | 2018-01-02 21:31:25 +0100 |
---|---|---|
committer | Your Name <you@example.com> | 2018-01-02 21:31:25 +0100 |
commit | a84730476aaf987460997436146d5f0918a956b3 (patch) | |
tree | 9896fdea19763cf624f4e9fa306e3feceabd9839 /ps | |
parent | 7e9da811459705829f009156b422db3871c742c6 (diff) | |
download | lesoiseaux.io-a84730476aaf987460997436146d5f0918a956b3.tar.gz |
Review gfx section
Diffstat (limited to 'ps')
-rw-r--r-- | ps/gfx/index.html | 71 | ||||
-rw-r--r-- | ps/gfx/sine.js | 1 |
2 files changed, 68 insertions, 4 deletions
diff --git a/ps/gfx/index.html b/ps/gfx/index.html index 757cd66..d2ebf94 100644 --- a/ps/gfx/index.html +++ b/ps/gfx/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html> +<html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> @@ -15,9 +15,72 @@ <main> <article> <header> - <blockquote>Tu préserves par la résistance. — Natacha Roussel</blockquote> - <p>Explorations graphiques, installations, interventions, animations, etc. selon les rencontres.</p> + <blockquote>« Tu préserves par la résistance. » — Natacha Roussel</blockquote> + + <p></p> + </header> + <section id="intro"> + <h2>À nos insu·e·s</h2> + + <p>La compréhension que nous avons du graphisme est exposée + ici-même par les choix que nous avons faits pour ce site. En + effet, nous admettons un <em>insu</em>, non une absence mais + un non-représenté qui s'exprime, parfois, au gré des + modalités du regard ; si tu lis ceci avec une simple + interface de texte tu n'y verras pas la même chose... Ce + qu'il y a entre toi et moi, c'est cette part irréductible + qui n'appartient ni à toi ni à moi et ne peut s'exprimer, + parfois, que par notre rencontre.</p> + </section> + <section id="krto"> + <a href="https://talk.incommon.cc/"> + <img src="../../assets/img/gfx-incommon_400x225.png" alt="screenshot of talk.incommon.cc"></a> + + <h2 lang="fr">Typologie critique</h2> + + <p lang="fr"><a href="https://incommon.cc/">InCommon.cc</a> + est un effort visant à générer une infrastructure pour + cartographier les communaux. Utilisant exclusivement du + logiciel libre et des données ouvertes, l'effort vise á + rassembler des initiatives de terrain autour d'une trousse à + outils permettant d'identifier, de promouvoir et de défendre + les communaux.</p> + + <h2 lang="en">Critical Topology</h2> + + <p lang="en"><a href="https://incommon.cc/">InCommon.cc</a> + is an effort to generate an infrastructure for mapping the + commons. Using free software and open data, the effort aims + to gather grassroots initiatives around a set of tools + suitable to identify, promote, and defend the + commons.</p> + </section> + <section id="cw"> + + <div id="gfx"></div> + + <h2 lang="fr">Déambulations cartographiques</h2> + + <p lang="fr"><a + href="https://cw.lesoiseaux.io/">Cartographic Wanders</a> + propose un voyage au cœur des paysages comme on voyagerait + au cœur des corps, cette carte figure des territoires + abstraits, elle est aussi habitée par des données produites + par des humains et contribuent à la transformation et à + l'évolution de l'image qui va se construire en répondant à + leur rythme, une téléportation imaginaire dans l'organisme + terre.</p> + + <h2 lang="en">Cartographic Wanders</h2> + </section> + <section id="anim"> + <h2></h2> + <video></video> + </section> + <section id="logos"> + <h2></h2> + </section> </article> </main> <aside> @@ -53,5 +116,7 @@ Nous faisons <3 </p> </footer> + <script type="text/javascript" src="../../assets/js/d3.v4.min.js"></script> + <script src="sine.js"></script> </body> </html> diff --git a/ps/gfx/sine.js b/ps/gfx/sine.js index b1d14a4..60fb7f4 100644 --- a/ps/gfx/sine.js +++ b/ps/gfx/sine.js @@ -31,7 +31,6 @@ const svg = view.append('svg') .attr('width', width + margin.left + margin.right) .attr('height', height + margin.top + margin.bottom) - .style('background-color', 'black') .append('g') .attr('transform',function(){ var x1 = bbox.x + bbox.width / 2 |