diff options
-rw-r--r-- | assets/js/ps-app.js | 15 | ||||
-rw-r--r-- | cw/index.html | 32 | ||||
-rw-r--r-- | ps/gfx/index.html | 58 | ||||
-rw-r--r-- | ps/index.fr.html | 46 | ||||
-rw-r--r-- | ps/txt/index.html | 76 | ||||
-rw-r--r-- | ps/vdo/index.html | 107 | ||||
-rw-r--r-- | pw/index.html | 52 |
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 & 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>&</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 à la lumiè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êtes vidéos</h2> + <p>De vifs portraits à la parole singuliè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>©</span> 2017 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a> + — + <a href="http://artlibre.org/licence/lal/en/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre</a> + — + <a href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre</a> + — + Nous faisons <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>©</span> 2017 |