From 1dc2e1d5c789a23e317e4dc2224d6a0859a28f12 Mon Sep 17 00:00:00 2001 From: hellekin <hellekin@cepheide.org> Date: Sun, 8 Nov 2020 16:33:35 +0100 Subject: New mobile version - Make the site readable on mobile - Fix SVG display bug --- ps/index-006.html | 306 +++++++++++++++++++++++++++++++++++++++++++++++++++++ ps/index.html | 2 +- ps/index.v1.4.html | 1 + 3 files changed, 308 insertions(+), 1 deletion(-) create mode 100644 ps/index-006.html create mode 120000 ps/index.v1.4.html (limited to 'ps') diff --git a/ps/index-006.html b/ps/index-006.html new file mode 100644 index 0000000..4a51def --- /dev/null +++ b/ps/index-006.html @@ -0,0 +1,306 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="UTF-8"> + <title> Petites Singularités </title> + <link rel="stylesheet" href="../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:type" content="website"> + <meta property="og:site_name" content="Petites Singularités"> + <meta lang="fr" name="og:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta lang="en" name="og:description" content="Petites Singularités is a non-profit association established in Brussels. We think collective organization and action in the production of meaning in the local hybridization of humans and technology."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="Petites Singularités"> + <meta property="og:url" content="https://ps.lesoiseaux.io/"> + <meta name="twitter:card" content="summary"> + <meta lang="fr" name="twitter:description" content="Petites Singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta lang="en" name="twitter:description" content="Petites Singularités is a non-profit association established in Brussels. We think collective organization and action in the production of meaning in the local hybridization of humans and technology."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/"> + <meta name="twitter:title" content="Petites Singularités"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover"> + <!-- discuss: <ps\at/lesoiseaux.io> --> + <link rel="alternate" type="application/rss+xml" href="https://ps.zoethical.org/posts.rss" title="Petites Singularités - Latest posts"> + </head> + <body class="ps home"> + <header> + <h1 class="fixed"> + <a href="https://ps.lesoiseaux.io/" + title="Petites Singularités"><img alt="P.S.: " src="../assets/img/logo-ps.svg" height="64"></a> + <a href="https://ps.lesoiseaux.io/"> + <span lang="fr">esthétique fragile & hybride</span> + <span lang="en">hybrid & fragile aesthetics</span> + </a> + </h1> + <section lang="fr"> + <h2>À Propos de Petites Singularités</h2> + <p>Petites Singularités est une association sans but lucratif + établie à Bruxelles.</p> + <p>L’association a pour but de porter un regard différent sur + l’esthétique transindividuelle dans le cadre des collectivités + et leurs pratiques numériques.</p> + <p>Petites Singularités porte des projets esthétiques sous + diverses formes libres adaptées à leur expression et leur + diffusion auprès du public. Recherche-action littéraire, + poétique, artistique, logicielle, philosophique, vivante, les + Petites Singularités éditent, publient, produisent, hybrident, + accompagnent, invitent, voyagent.</p> + <p>Nous pensons l’organisation et l’action collectives dans la + production du sens au regard de la localité et de + l’hybridation des humains et de la technologie ; nous + transmettons des solutions concrètes et significatives à des + groupes locaux.</p> + </section> + <section lang="en"> + <h2>About Petites Singularités</h2> + <p>Petites Singularités is a non-profit association + established in Brussels.</p> + <p>The association aims to bring a different outlook on + transindividual aesthetics with regard to local collectives + and their digital practices.</p> + <p>Petites Singularités holds aesthetical projects under + various free forms adapted to their expression and their + public dissemination. Literary, poetic, artistic, software, + philosophical, lively research-action, Petites Singularités + edit, publish, produce, hybridize, support, invite, + travel.</p> + <p>We think collective organization and action in the + production of meaning in the local hybridization of humans and + technology; we transmit concrete and significant solutions to + local groups.</p> + </section> + <section> + <p><span>Copyright</span> <span>©</span> 2017-2020 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>Petites Singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + — contact<span lang="fr"> </span>: <a href="mailto:asbl@lesoiseaux.io">asbl@lesoiseaux.io</a> + </p> + <nav lang="fr"> +<!-- <h4>Préserver</h4> + <ul> + <li><a href="assets/petites-singularités-asbl.fr.pdf" + title="Lire la présentation de notre ASBL en PDF">PDF</a></li> + <li><a href="assets/ps-production.torrent" + title="Partager notre torrent de production">Torrent</a></li> + <li><a href="assets/ps-press-kit.zip" + title="Retenir le kit pour la Presse de P.S.: (images, logos...)">ZIP</a></li> + </ul> +--> <h4>Résister</h4> + <ul> + <li><a href="https://ps.zoethical.org/groups" + title="Explorer notre communauté">Zoethical</a></li> + <li><a href="https://ps.zoethical.org/posts.rss" + title="Souscrire aux contributions récentes (RSS)">Récent</a></li> + <li><a href="https://ps.zoethical.org/latest.rss" + title="Souscrire aux sujets récents (RSS)">Sujets</a></li> + </ul> + </nav> + <nav lang="en"> +<!-- <h4>Preserve</h4> + <ul> + <li><a href="assets/petites-singularités-asbl.en.pdf" + title="Download PDF presentation of Petites Singularités ASBL">PDF</a></li> + <li><a href="assets/ps-production.torrent" + title="Download our production torrent">Torrent</a></li> + <li><a href="assets/ps-press-kit.zip" + title="Download Press Kit for P.S.: (assets, logos...)">ZIP</a></li> + </ul> +--> <h4>Resist</h4> + <ul> + <li><a href="https://ps.zoethical.org/groups" + title="Explore our community">Zoethical</a></li> + <li><a href="https://ps.zoethical.org/posts.rss" + title="Subscribe to recent contributions (RSS)">Posts</a></li> + <li><a href="https://ps.zoethical.org/latest.rss" + title="Subscribe torecent topics (RSS)">Topics</a></li> + </ul> + </nav> + </section> + </header> + <main> + <article> + <section class="media fixed"> + <h2 lang="fr">Média en ligne</h2> + <h2 lang="en">Online Media</h2> + <section id="gfx" class="fixed"> + + <h3><a href="./gfx/">GFX</a></h3> + + <h4 lang="fr">Résistance & Engagement</h4> + + <p lang="fr">La vie est menacée sur notre planète, ce qui + pourrait être d'une importance universelle. Alors qu'une + vision réductionniste domine à présent la planète et + prospère en propageant son orgueil démesuré, la vie + complexe est en jeu. Nous ne pouvons la défendre en + restant assis devant nos ordinateurs, mais nous pouvons + utiliser l'Internet pour coordonner nos actions de + résistance au Pouvoir Intimement Brutal (PIB). C'est ce + que fait Petites Singularités : usant de l'Internet pour + découvrir, explorer et rassembler des alternatives à + l'<em>hubris</em> extractiviste et à sa soif + d'épuisement. Nous sommes vivants et désirons vous + rencontrer en personne pour amplifier nos actions.</p> + + <h4 lang="en">Resistance & Engagement</h4> + + <p lang="en">Life is under threat on our planet, which + might be of universal significance. As reductionist + thought has taken over the planet and thrives propagating + its hubris, complex life is at risk. We won't defend it by + sitting in front of our computers, but we can use the + Internet to coordinate our actions of resistance to the + Global Disorder of Power (GDP). This is what Petites + Singularités is doing: using the Internet to discover, + explore, and bring together alternatives to the + extractivist hubris and thirst for exhaustion. We're alive + and want to meet you in person to amplify our actions.</p> + + </section> + <section id="txt" class="fixed"> + <h3><a href="./txt/">TXT</a></h3> + + <div lang="fr"> + <p class="tagline"> + Petites Singularités éditions, publications, recherche en + sciences sociales, artistique & esthétiques. + </p> + + <h4>État des Lieux</h4> + + <p><span class="ps">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> + </div> + <div lang="en"> + <p class="tagline"> + Petites Singularités editions, publishing, research in + social, artistic sciences & aesthetics. + </p> + + <h4>In Place of an Assessment</h4> + + <p><span class="ps">P.S.:</span> deploys at the heart of + the city, in significant places that accompany our + reflection and welcome our actions.</p> + + <p>We emphasize the importance of anchoring + technological theory and practice in the local space + where social fibers mesh in everyday life. Therefore, by + social networks we understand the human relations that + develop in them: a map is not the territory, and the + social networks that invest the space of electronic + networks are irreducible to the online services that + transform them.</p> + + <p>At the ♥ of contradictions: from urban wilderness to + collective gardens; at the ♥ of the neighborhood: a + community occupation; at the ♥ of social networks: at + home.</p> + </div> + </section> + <section id="vdo" class="fixed"> + <h3><a href="./vdo/">VDO</a></h3> + <div lang="fr"> + <p class="tagline">De vifs portraits à la parole + singulière</p> + + <h4>Enquêtes vidéos</h4> + + <p>Ces enquêtes portent sur des personnes engagées dans + leur communauté par des projets vivants et + autonomes. 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...</p> + </div> + <div lang="en"> + <p class="tagline">Lively portraits with a singular word</p> + + <h4>Video Inquiries</h4> + + <p>These inquiries concern people engaged in their + community through lively and autonomous projects. Each + video testifies of a situated act and its lived + experience. They take us along, over encounters, in a + series of adventures that gravitate around the + possibility of autonomy, the value of initiative and its + anchoring in the community. The power of these multiple + initiatives contrasts with capitalist austerity that + denies its liveliness or even its existence. With these + portraits, we mean to continue our exploration of small + singularities, to build the image that forms within + <span class="ps">P.S.: </span> by the correspondence + between thinking and meeting: to tie this + conversation...</p> + </div> + + <video poster="../assets/img/bg-vdo.png" + playsinline autoplay muted loop> + <source src="../assets/img/camera-qui-tombe.webm" type="video/webm"> + </video> + + </section> + </section> + <section class="libre fixed"> + <h2 lang="fr">Esthétique du libre</h2> + <h2 lang="en">Libre Aesthetics</h2> + <section id="participation" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/">Participer</a></h3> + <p class="tagline" lang="fr">Explorer les médias sociaux communautaires</p> + <h3 lang="en"><a href="https://ps.zoethical.org/">Participate</a></h3> + <p class="tagline" lang="en">Exploring community-based social media</p> + </section> + <section id="engagement" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/c/ps">S'engager</a></h3> + <p class="tagline" lang="fr">Amplifier les réseaux actifs de résistance</p> + <h3 lang="en"><a href="https://ps.zoethical.org/c/ps">Engage</a></h3> + <p class="tagline" lang="en">Amplifying active resistance networks</p> + </section> + <section id="cooperation" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/c/cooperation">Coopérer</a></h3> + <p class="tagline" lang="fr">Éveiller les territoires à la vie</p> + <h3 lang="en"><a href="https://ps.zoethical.org/c/cooperation">Cooperate</a></h3> + <p class="tagline" lang="en">Awakening territories to life</p> + </section> + </section> + </article> + </main> + <script src="../assets/js/jquery.min.js"></script> + <script src="../assets/js/d3.v4.min.js"></script> + <script src="../assets/js/ps-app.js"></script> + <script src="gfx/sine.js"></script> + </body> +</html> diff --git a/ps/index.html b/ps/index.html index cf170ca..c21cba8 120000 --- a/ps/index.html +++ b/ps/index.html @@ -1 +1 @@ -index.v1.3.html \ No newline at end of file +index-006.html \ No newline at end of file diff --git a/ps/index.v1.4.html b/ps/index.v1.4.html new file mode 120000 index 0000000..c21cba8 --- /dev/null +++ b/ps/index.v1.4.html @@ -0,0 +1 @@ +index-006.html \ No newline at end of file -- cgit v1.2.3