aboutsummaryrefslogtreecommitdiff
path: root/ps/gfx/index.html
blob: 200fb091b914c6d6db7d8d1b591ccd813da0b0fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Petites Singularités Éditions, Bruxelles</title>
    <link rel="stylesheet" href="../../assets/css/txt.css">
  </head>
  <body class="gfx">
    <header>
      <h1>Petites Singularités</h1>
      <h2>Collectif d'artiste</h2>
      <p>Un collectif singulier pour une esthétique <span>(</span>du) libre</p>
    </header>
    <main>
      <article>
	<header>
	  <blockquote>&laquo; Tu préserves par la résistance. &raquo; &mdash; Natacha Roussel</blockquote>

	  <p></p>
	  
	</header>
	<section id="intro">
	  <h2 lang="fr">À nos insu·e·s</h2>

	  <p lang="fr">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>

	  <h2 lang="en">To Our Unknowns</h2>

	  <p lang="en">Our comprehension of graphism is hereby
	  exhibited by the very choices we made for this
	  site. Wherefore we admit an <em>unkown</em>, not an absence
	  but a non-represented that expresses itself, sometimes,
	  according to the modalities of the eye; if you're reading
	  this with a simple textual interface, you won't see the same
	  thing… What lies between you and me is that irreducible part
	  that is not yours, and is not mine, and cannot be expressed
	  but, sometimes, as we meet.</p>
	</section>
	<section id="krto">
	  <a href="https://talk.incommon.cc/">
	    <img src="/assets/img/400x225/ps-gfx-incommon.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. Elles 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>

	  <p lang="en"><a
	  href="https://cw.lesoiseaux.io/">Cartographic Wanders</a>
	  offers a journey through landscapes like one would travel at
	  the heart of the body, this map draws abstract territories,
	  it is also inhabited with human-produced data. These
	  contribute to the transformation and evolution of the image
	  that is forming responding to their rhythms, an imaginary
	  teleportation in the earth organism.</p>

	</section>
	<section id="agro">
	  <h2 lang="fr">Éveiller les territoires à la vie</h2>
	  <h3 lang="fr">Coopérations en permaculture, agro-écologie,
	  jardins forestiers…</h3>

	  <p lang="fr">Nous allions nos compétences numériques et
	  analogiques pour soutenir nos amis terriens dans
	  l'émancipation locale des territoires.</p>
	  
	  <h2 lang="en">Awakening Territories to Life</h2>
	  <h3 lang="en">Cooperations in Permaculture, Agro-Ecology,
	  Forest Gardening…</h3>

	  <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">
            <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">
	    <p>This is a video tag. Your browser does not support
              it. Download the
	      <a href="http://vdo.lesoiseaux.io/c.nug-anim/teaser.mp4">MP4</a>,
	      <a href="http://vdo.lesoiseaux.io/c.nug-anim/teaser.ogv">OGG</a>, or
	      <a href="http://vdo.lesoiseaux.io/c.nug-anim/teaser.webm">WebM</a> version.</p>
	  </video>
	  
	</section>
	<section id="anon">
	  <h2 lang="fr">Anonymaton</h2><h3 lang="fr">la <em>selfie</em> consciente de la vie privée ?</h3>
	  <p lang="fr">Soumettez <a href="https://ps.zoethical.com/t/anonymatons/823">vos anonymatons</a>
	  sur le forum ou sur le <em>hashtag</em> <a href="https://x0r.be/tags/anonymaton">#anonymaton</a>.
	  Attention de bien retirer les méta-données avant de les soumettre !</p>

	  <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>
	      <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>
	      <figcaption lang="fr">À la mer</figcaption>
	      <figcaption lang="en">At the sea shore</figcaption>
	  </figure>

	</section>
      </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>Collectif d'artiste</span>
	  </li>
	  <li>
	    <a href="https://ps.lesoiseaux.io/txt/">TXT</a>
	    <span>Éditions à Bruxelles</span>
	  </li>
	  <li>
	    <a href="https://ps.lesoiseaux.io/vdo/">VDO</a>
	    <span>Enquêtes vidéos</span>
	  </li>
	</ul>
      </nav>
    </aside>
    <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/"
	   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"
	   title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a>
	&mdash;
	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>