pw/index.html


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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Petites Singularités : enquêtes vidéo</title>
    <link rel="stylesheet" href="../../assets/css/txt.css">
  </head>
  <body class="vdo">
    <header>
      <h1>Petites Singularités</h1>
      <h2>Enqu&ecirc;tes vid&eacute;os</h2>
      <p>De vifs portraits &agrave; la parole singuli&egrave;re</p>
    </header>
    <main>
      <article>
	<header>
	  <p><strong><a href="https://www.lesoiseaux.io/">*W</a> ~
	  People Will</strong> donne la parole (et l'image) à la
	  volonté humaine exprimée à travers les visions
	  transindividuelles de personnages singuliers. Chaque
	  portrait offre un regard sur des initiatives qui portent le
	  vivant et l'humain dans ce qu'il a de plus in(ter)dépendant
	  et soucieux de répondre aux exigences de la réalité et
	  d'amplifier la commune imaginaire.</p>
	</header>
	<section class="video" id="felipe-fonseca">
	  <h2><a href="#felipe-fonseca">Felipe Fonseca</a></h2>
	  <video playsline autoplay muted controls>
	    <source src="/assets/img/camera-qui-tombe.webm" type="video/webm">
	  </video>
	  <p>Notice...</p>
	</section>
	<section class="outro">
	  <h3>Entrevues</h3>
	  <p><span>Ces enquêtes portent sur des personnes engagées
	  dans leur communauté par des projets vivants et
	  autonomes.</span> Chaque vidéo témoigne d'un acte situé et
	  de son expérience vécue. Elles nous emmènent, au fil des
	  rencontres, dans une série d'aventures qui gravitent autour
	  de la possibilité de l'autonomie, la valeur de l'initiative
	  et de son ancrage dans la communauté. La puissance de ces
	  multiples initiatives contraste avec l'austérité capitaliste
	  qui en nie la vivacité ou même l'existence. Avec ces
	  portraits, il s'agit pour nous de poursuivre notre
	  exploration des petites singularités, de construire l'image
	  qui se forme au sein de <span class="ps">P.S.:</span> par la
	  correspondance entre la réflexion et la rencontre : nouer
	  cette conversation est un des moyens par lesquels <span
	  class="ps">P.S.:</span> contribue à un réseau, la diffusion
	  de ces enquêtes est matérialisée également par <a
	  href="https://ps.zoethical.com/t/people-will/830">le fil de
	  discussion associé</a>.
	  </p>
	</section>
<!--	<aside>
	  <ul>
	    <li><a href="#">
	      <img src="vdo-placeholder.png" alt="Felipe Fonseca"></a></li>
 	    <li><a href="#">
	      <img src="vdo-placeholder.png" alt="Dr. Barbara Nathweiser"></a></li>
 	    <li><a href="#">
	      <img src="vdo-placeholder.png" alt="Mohinder Kumar"></a></li>
 	    <li><a href="#">
	      <img src="vdo-placeholder.png" alt="Ricardo et Pierre"></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>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>
      <h4><a href="https://pw.lesoiseaux.io/">pw.lesoiseaux.io</a></h4>
      <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;&nbsp;<a href="http://artlibre.org/licence/lal/en/"
	 title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre</a>
      &mdash;&nbsp;<a href="https://code.cepheide.org/lesoiseaux.io.git"
	 title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a>
      &mdash;&nbsp;Nous faisons &lt;3
	</p>
    </footer>
  </body>
</html>