aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/js/ps-app.js15
-rw-r--r--cw/index.html32
-rw-r--r--ps/gfx/index.html58
-rw-r--r--ps/index.fr.html46
-rw-r--r--ps/txt/index.html76
-rw-r--r--ps/vdo/index.html107
-rw-r--r--pw/index.html52
7 files changed, 361 insertions, 25 deletions
diff --git a/assets/js/ps-app.js b/assets/js/ps-app.js
new file mode 100644
index 0000000..66d67fe
--- /dev/null
+++ b/assets/js/ps-app.js
@@ -0,0 +1,15 @@
+(function($) {
+
+ $(document).ready(function() {
+
+ // Make each .media section clickable to reach ./<id>/
+ $('.media section').each(function(_, e) {
+ e.onclick = function(e) {
+ window.location = './' + e.target.id + '/'
+ return false
+ }
+ })
+
+ });
+
+})($)
diff --git a/cw/index.html b/cw/index.html
index 0d0c6f2..56ee01a 100644
--- a/cw/index.html
+++ b/cw/index.html
@@ -6,11 +6,12 @@
<title> P.S.: Cartographic Wanders ~ cw.lesoiseaux.io </title>
<link rel="icon" href="../assets/img/favicon.png">
<link rel="stylesheet" href="../assets/css/www.css">
+ <link rel="stylesheet" href="../assets/css/txt.css">
<script src="../assets/js/d3.v4.min.js"></script>
<meta name="description"
content="Dans le projet Wholeheartedly/ApleinCoeur, il s'agit de tater la rondeur du monde, imaginer les flux de personnes, les réseaux naturels, la pulsation de notre planète et de ses habitants, mais chaudement à partir de nos écrans, grace aux supports de visualisation et à la cartographie numérique utilisant également les données issues des observations satellitaires qui nous permetttent de voyager par procuration.">
</head>
- <body>
+ <body class="gfx">
<header>
<h1>Cartographic Wanders</h1>
<p class="lead">
@@ -23,6 +24,13 @@
leur rythme, une téléportation imaginaire dans l'organisme
terre.
</p>
+ <nav>
+ <ul>
+ <li><a href="../assets/pdf/w-presentation-production.pdf">Présentation</a></li>
+ <li><a href="cw-fiche-technique.pdf">Fiche technique</a></li>
+ <li><a href="https://ps.zoethical.com/t/cartographic-wanders/829">Conversation</a></li>
+ </ul>
+ </nav>
</header>
<main>
<article>
@@ -35,11 +43,23 @@
</article>
</main>
<aside>
- <ul>
- <li><a href="../assets/pdf/w-presentation-production.pdf">Présentation</a></li>
- <li><a href="cw-fiche-technique.pdf">Fiche technique</a></li>
- <li><a href="https://ps.zoethical.com/t/cartographic-wanders/829">Conversation</a></li>
- </ul>
+ <nav>
+ <h3><a href="../">P.S.:</a></h3>
+ <ul>
+ <li>
+ <a href="../gfx/">GFX</a>
+ <span>Collectif d'artiste</span>
+ </li>
+ <li>
+ <a href="../txt/">TXT</a>
+ <span>Éditions à Bruxelles</span>
+ </li>
+ <li>
+ <a href="https://pw.lesoiseaux.io/">VDO</a>
+ <span>Enquêtes vidéos</span>
+ </li>
+ </ul>
+ </nav>
</aside>
<script src="../assets/js/cw-app.js"></script>
<footer>
diff --git a/ps/gfx/index.html b/ps/gfx/index.html
new file mode 100644
index 0000000..f1fbf7c
--- /dev/null
+++ b/ps/gfx/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+ <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 (au) singulier pour une esthétique <span>(</span>du) libre</p>
+ </header>
+ <main>
+ <article>
+ <header>
+ <p>Explorations graphiques, installations, interventions, etc.</p>
+ </header>
+
+ ...
+
+ <aside>
+ <h3>Fiches techniques</h3>
+ <ul>
+ <li><a href="./du-propre-des-gueux/">
+ <img src="dpdg-cover.png" alt="Du propre des gueux"></a></li>
+ <li><a href="./autonomate/">
+ <img src="autonomate-cover.png" alt="L'Autonomate"></a></li>
+ </ul>
+ </aside>
+ </article>
+ </main>
+ <aside>
+ <nav>
+ <h3><a href="../">P.S.:</a></h3>
+ <ul>
+ <li>
+ <a href="../gfx/">GFX</a>
+ <span>Collectif d'artiste</span>
+ </li>
+ <li>
+ <a href="../txt/">TXT</a>
+ <span>Éditions à Bruxelles</span>
+ </li>
+ <li>
+ <a href="https://pw.lesoiseaux.io/">VDO</a>
+ <span>Enquêtes vidéos</span>
+ </li>
+ </ul>
+ </nav>
+ </aside>
+ <footer>
+ <p><span>Copyright</span> <span>©</span>2015-2017 <a href="/">Petites Singularités</a> ---
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/ps/index.fr.html b/ps/index.fr.html
index 4aa5f1f..f8b1352 100644
--- a/ps/index.fr.html
+++ b/ps/index.fr.html
@@ -4,9 +4,10 @@
<meta charset="UTF-8">
<title> Petites Singularités </title>
<link rel="stylesheet" href="ui/css/reset.css">
- <link rel="stylesheet" href="ui/css/mobile.css">
- <script type="text/javascript" src="ui/js/config.js"></script>
- <script type="text/javascript" src="ui/js/app.js"></script>
+ <link rel="stylesheet" href="../assets/css.orig/screen.css">
+ <!link rel="stylesheet" href="ui/css/mobile.css">
+ <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
+ <script type="text/javascript" src="../assets/js/ps-app.js"></script>
<!-- discuss: <ps\at/lesoiseaux.io> -->
</head>
<body>
@@ -74,11 +75,44 @@
<article>
<section class="media fixed">
<h2>Média en ligne</h2>
- <section id="gfx" class="fixed"><h3>GFX</h3>
+ <section id="gfx" class="fixed">
+
+ <h3><a href="./gfx/">GFX</a></h3>
+
</section>
- <section id="txt" class="fixed"><h3>TXT</h3>
+ <section id="txt" class="fixed">
+
+ <h3><a href="./txt/">TXT</a></h3>
+
+ <p class="tagline">
+ Petites Singularités éditions, publications, recherche en
+ sciences sociales, artistique &amp; esthétiques.
+ </p>
+
+ <h4>État des Lieux</h4>
+
+ <p><span class="DB">P.S.:</span> se déploie au cœur de la
+ ville, dans des lieux significatifs qui accompagnent notre
+ réflexion et accueillent nos actions.</p>
+
+ <p>Nous insistons sur l'importance de l'ancrage de la
+ théorie et de la pratique technologiques dans l'espace
+ local où se maillent les fibres sociales dans le
+ quotidien. On entend donc par réseaux sociaux les
+ relations humaines qui s'y développent: une carte n'est
+ pas le territoire, et les réseaux sociaux qui investissent
+ l'espace des réseaux électroniques sont irréductibles aux
+ services en ligne qui les transforment.</p>
+
+ <p>Au ♥ des contradictions: de la friche urbaine aux
+ jardins collectifs ; au ♥ du quartier: une occupation
+ communautaire ; au ♥ des réseaux sociaux: chez soi.</p>
+
</section>
- <section id="vdo" class="fixed"><h3>VDO</h3>
+ <section id="vdo" class="fixed">
+
+ <h3><a href="./vdo/">VDO</a></h3>
+
</section>
</section>
<section class="libre fixed">
diff --git a/ps/txt/index.html b/ps/txt/index.html
new file mode 100644
index 0000000..aeecfc3
--- /dev/null
+++ b/ps/txt/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+ <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="txt">
+ <header>
+ <h1>Petites Singularités</h1>
+ <h2>Éditions à Bruxelles</h2>
+ <p>Recherches en sciences sociales, arts <span>&amp;</span> esthétiques</p>
+ </header>
+ <main>
+ <article>
+ <header>
+ <p>Catalogue en ligne des éditions</p>
+ </header>
+
+ <section>
+ <h3>Articles</h3>
+ <dl>
+ <dt>Journal of Peer Production</dt>
+ <dd>...</dd>
+ <dt>...</dt>
+ <dd>...</dd>
+ <dt>Multitudes</dt>
+ <dd>Majeure sur les technologies libres &agrave; la lumi&egrave;re de Simondon</dd>
+ </dl>
+ </section>
+
+ <section>
+ <h3>Impressions</h3>
+ <dl>
+ <dt>Software freedom, your way</dt>
+ <dd>...</dd>
+ <dt>Du propre des gueux</dt>
+ <dd>Une farce rigolarde
+
+ <aside>
+ <h3>Publications</h3>
+ <ul>
+ <li><a href="./du-propre-des-gueux/">
+ <img src="dpdg-cover.png" alt="Du propre des gueux"></a></li>
+ <li><a href="./autonomate/">
+ <img src="autonomate-cover.png" alt="L'Autonomate"></a></li>
+ </ul>
+ </aside>
+ </article>
+ </main>
+ <aside>
+ <nav>
+ <h3><a href="../">P.S.:</a></h3>
+ <ul>
+ <li>
+ <a href="../gfx/">GFX</a>
+ <span>Collectif d'artiste</span>
+ </li>
+ <li>
+ <a href="../txt/">TXT</a>
+ <span>Éditions à Bruxelles</span>
+ </li>
+ <li>
+ <a href="https://pw.lesoiseaux.io/">VDO</a>
+ <span>Enquêtes vidéos</span>
+ </li>
+ </ul>
+ </nav>
+ </aside>
+ <footer>
+ <p><span>Copyright</span> <span>©</span>2015-2017 <a href="/">Petites Singularités</a> ---
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/ps/vdo/index.html b/ps/vdo/index.html
new file mode 100644
index 0000000..2407b1d
--- /dev/null
+++ b/ps/vdo/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+ <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="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 poster="../assets/img/foo.png"></video>
+ <p>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</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 P.S.: par la correspondance entre la
+ réflexion et la rencontre : nouer cette conversation est un
+ des moyens par lesquels P.S.: contribue à un réseau, la
+ diffusion de ces enquêtes est matérialisée également par le
+ fil de discussion associé à chacune.
+ </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="../">P.S.:</a></h3>
+ <ul>
+ <li>
+ <a href="../gfx/">GFX</a>
+ <span>Collectif d'artiste</span>
+ </li>
+ <li>
+ <a href="../txt/">TXT</a>
+ <span>Éditions à Bruxelles</span>
+ </li>
+ <li>
+ <a href="https://pw.lesoiseaux.io/">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>
+ </body>
+</html>
diff --git a/pw/index.html b/pw/index.html
index 8da2afa..b6f7711 100644
--- a/pw/index.html
+++ b/pw/index.html
@@ -10,22 +10,31 @@
<meta name="description"
content="Dans le projet Wholeheartedly/ApleinCoeur, il s'agit de tater la rondeur du monde, imaginer les flux de personnes, les réseaux naturels, la pulsation de notre planète et de ses habitants, mais chaudement à partir de nos écrans, grace aux supports de visualisation et à la cartographie numérique utilisant également les données issues des observations satellitaires qui nous permetttent de voyager par procuration.">
</head>
- <body>
+ <body class="vdo">
<header>
<h1>People Will</h1>
<p class="lead">
- <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.
+ <strong><a href="https://www.lesoiseaux.io/"
+ title="Wholeheartedly Wandering Will">*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>
+ <nav>
+ <ul>
+ <li><a href="pw-presentation.pdf">Présentation</a></li>
+ <li><a href="pw-fiche-technique.pdf">Fiche technique</a></li>
+ <li><a href="https://ps.zoethical.com/t/people-will/830">Conversation</a></li>
+ </ul>
+ </nav>
</header>
<main>
<article>
<section class="viz">
+ <h3>Video de Felipe</h3>
<video controls="true" poster="https://ps.lesoiseaux.io/in/people-will/felipe.fonseca.1080p.png">
<source src="http://vdo.lesoiseaux.io/felipe.fonseca/itv.ogv" type="video/ogg">
<source src="http://vdo.lesoiseaux.io/felipe.fonseca/itv.webm" type="video/webm">
@@ -37,14 +46,31 @@
<a href="http://vdo.lesoiseaux.io/felipe.fonseca/itv.webm">WebM</a> version.</p>
</video>
</section>
+ <section>
+ <h3>Explication du projet</h3>
+ <p>
+ </p>
+ </section>
</article>
</main>
<aside>
- <ul>
- <li><a href="pw-presentation.pdf">Présentation</a></li>
- <li><a href="pw-fiche-technique.pdf">Fiche technique</a></li>
- <li><a href="https://ps.zoethical.com/t/people-will/830">Conversation</a></li>
- </ul>
+ <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://pw.lesoiseaux.io/">VDO</a>
+ <span>Enquêtes vidéos</span>
+ </li>
+ </ul>
+ </nav>
</aside>
<footer>
<p><span>Copyright</span> <span>&copy;</span> 2017