aboutsummaryrefslogtreecommitdiff
path: root/ps/gfx
diff options
context:
space:
mode:
authorYour Name <you@example.com>2018-01-02 21:31:25 +0100
committerYour Name <you@example.com>2018-01-02 21:31:25 +0100
commita84730476aaf987460997436146d5f0918a956b3 (patch)
tree9896fdea19763cf624f4e9fa306e3feceabd9839 /ps/gfx
parent7e9da811459705829f009156b422db3871c742c6 (diff)
downloadlesoiseaux.io-a84730476aaf987460997436146d5f0918a956b3.tar.gz
Review gfx section
Diffstat (limited to 'ps/gfx')
-rw-r--r--ps/gfx/index.html71
-rw-r--r--ps/gfx/sine.js1
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. &mdash; Natacha Roussel</blockquote>
- <p>Explorations graphiques, installations, interventions, animations, etc. selon les rencontres.</p>
+ <blockquote>&laquo; Tu préserves par la résistance. &raquo; &mdash; 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 &lt;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