Compare commits

...

5 Commits

Author SHA1 Message Date
EpicKiwi 2a851182dc
Added guide d'autodefense 2024-01-09 19:34:14 +01:00
EpicKiwi 41fd22f483
Added Une critique à la va-vite de la pensée primitiviste et anticiv 2024-01-09 19:20:49 +01:00
EpicKiwi 1ab8db83d8
fixed typo 2024-01-09 19:14:01 +01:00
EpicKiwi 7d6def538a
Added books 2024-01-09 19:09:17 +01:00
EpicKiwi ce69ce45bd
moved data lib 2024-01-05 21:45:07 +01:00
18 changed files with 278 additions and 12 deletions

View File

@ -1,5 +1,5 @@
import "../lib/jsonld.esm.js.js";
import jsonldRdfaParser from '../lib/jsonld8-rdfa.esm.js';
import "../../lib/jsonld.esm.js.js";
import jsonldRdfaParser from '../../lib/jsonld8-rdfa.esm.js';
jsonld.registerRDFParser('text/html', jsonldRdfaParser);

View File

@ -117,24 +117,25 @@ ul li > a:first-child:hover::before {
transform: translateX(0.25ex);
}
#publications ul {
[typeof="Collection"] ul {
padding-left: 0;
margin-top: 100px;
}
#publications ul li > a:first-child::before {
[typeof="Collection"] ul li > a:first-child::before {
content: unset;
}
#publications ul li > a {
[typeof="Collection"] ul li > a {
text-decoration: none;
}
#publications .publication-card {
[typeof="Collection"] .publication-card {
margin-bottom: 50px;
}
body > section {
margin-top: 10vh;
margin-top: 150px;
}
/* home */

View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>À bout de flux — Fanny Lopez — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.jpg" alt="Couverture" />
<h1>
<span property="name">À bout de flux</span>
<small>
de <span property="author">Fanny Lopez</span>
</small>
</h1>
<p property="abstract">
Le numérique a un double : linfrastructure électrique. Le rapport immédiat aux objets connectés (smartphone, ordinateur) invisibilise le continuum infernal dinfrastructures qui se cachent derrière : data centers, câbles sous-marins, réseaux de transmission et de distribution délectricité. Alors que le numérique accompagne une électrification massive des usages, le système électrique dépend lui-même de plus en plus du numérique pour fonctionner. Pour comprendre ce grand système et imaginer comment le transformer, il nous faut aller au bout des flux, là où se révèle la matérialité des machines et des câbles.
</p>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Angles morts du numérique ubiquitaire — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.jpg" alt="Couverture" />
<h1>
<span property="name">Angles morts du numérique ubiquitaire, Glossaire critique et amoureux</span>
<small>
de <span property="author">Yves Citton</span>,
<span property="author">Marie Lechner</span>
et <span property="author">Masure Anthony</span>
</small>
</h1>
<p property="abstract">
138 entrées pour explorer les non-dits des nouvelles technologies, intelligences artificielles et autres aspects du numérique, dalgolittérature et asservissement machinique à viralité en passant par capitalisme de plateforme, évangélisme technologique, glitch-féminisme, médiactivisme et technopolice.
</p>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>En toute puissance, manuel dautodétermination radicale — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.png" alt="Couverture" />
<h1>
<span property="name">En toute puissance, manuel dautodétermination radicale</span>
<small>
de <span property="author">Viciss Hackso</span>
</small>
</h1>
<p>« Manuel dautodétermination radicale »</p>
<p>Je ladmets, cest un sous-titre qui pourrait tout aussi bien évoquer lennui académique, que susciter une adhésion ou une répulsion politique : on pourrait croire à un appel à la révolution pour quun peuple se libère de ses oppresseurs, tant ces deux termes autodétermination radicale sont associés au champ politique. Il ne sagit pas vraiment de cela.</p>
<p>Nous parlerons dautodétermination au sens psychologique : ce manuel est une quête pour tenter de trouver une part de puissance dans nos existences sociales, une part de libération et de transformation pour construire, résister, être, pour faire preuve de courage et changer nos environnements sociaux.</p>
<p>Cette autodétermination sera radicale en ce sens quelle « agit sur la cause profonde de ce que lon veut modifier », lun des sens du mot radical : jestime que cette quête de libération personnelle ne peut se faire que dans laction, pour tenter daméliorer les environnements sociaux, et tenter de résoudre les causes premières des problèmes qui nous affectent ou affectent autrui. Sy mêlerait une forte conscience quant aux problèmes de notre société, une conscience des douleurs, et sur lengagement radical dune compassion courageuse.</p>
<p>Vous voici donc avec un manuel non de développement personnel, mais de développement social.</p>
<p property="abstract">En se basant sur la théorie de lautodétermination de Deci et Ryan, ainsi que sur dautres notions en psychologie (expérience optimale, compassion, domination sociale, autoritarisme, manipulations…), nous allons partir ensemble en quête pour tenter de trouver des moyens dagir face à des situations sociales difficiles qui envahissent tout autant nos jobs que nos institutions publiques, allant parfois jusquà des violences extrêmes. Et la bonne nouvelle, cest que cette théorie, couplée à dautres connaissances et autres expériences concrètes de transformation des environnements sociaux, nous offre quantité de voies, à notre portée, qui que nous soyons, avec limmense bénéfice de, peut-être, donner à notre existence un bien-être épique.</p>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 335 KiB

View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guide dAutodéfense Numérique — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.jpg" alt="Couverture" />
<h1>
<span property="name">Guide dAutodéfense Numérique</span>
<small>
<span property="editor">Edition Tahin Party</span>, <time datetime="2017" property="published">été 2017</time>
</small>
</h1>
<section property="abstract">
<blockquote>« Nous navons pas envie dêtre contrôlables par quelque « Big Brother » que ce soit. Quil existe déjà ou que lon anticipe son émergence, le mieux est sans doute de faire en sorte quil ne puisse pas utiliser contre nous, tous ces merveilleux outils que nous offrent ou que lui offrent les technologies modernes. […] »</blockquote>
<p>Malgré la propagation dun sentiment dimpuissance, ces différentes révélations sur létat de la surveillance numérique rendent dautant plus nécessaire de se donner les moyens de la comprendre et dadapter ses pratiques en conséquence.</p>
<p>Face à ces constats, la seule voie praticable semble être de devenir capables dimaginer et de mettre en place des politiques et des stratégies de réduction des risques adéquates.</p>
<p>Tout lenjeu de ce guide est de fournir cartes et boussole à quiconque veut cheminer sur cette route.</p>
</section>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker Protester : guide pratique des outils de lutte citoyenne — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.webp" alt="Couverture" />
<h1>
<span property="name">Hacker Protester : guide pratique des outils de lutte citoyenne</span>
<small>
de <span property="author">Geoffrey Dorne</span>
</small>
</h1>
<p property="abstract">Hacker Protester est un guide pratique qui étudie au travers le monde, 100 outils de lutte citoyenne. Bricolés, détournés, hackés, ces armes dauto-défense sont au service de la justice sociale et environnementale du XXIe siècle.</p>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Le mythe de l'entrepreneur — Anthony Galluzzo — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.jpg" alt="Couverture" />
<h1>
<span property="name">Le mythe de l'entrepreneur</span>
<small>
de <span property="author">Anthony Galluzzo</span>
</small>
</h1>
<p property="abstract">
Elon Musk et Jeff Bezos aujourd'hui, Steve Jobs et Bill Gates hier, Thomas Edison et Andrew Carnegie un siècle plus tôt... De nombreuses célébrités entrepreneuriales peuplent nos imaginaires. Ces grands hommes seraient des créateurs partis de rien, des visionnaires capables d'imaginer des innovations révolutionnaires, des génies aux capacités hors du commun. Régulièrement, un même miracle semble se produire : un être d'exception pénètre un marché et le révolutionne. Il y provoque la création destructrice et bouleverse un ordre que l'on croyait immuable. Dans le grand roman de notre économie, les entrepreneurs sont ces héros qui sortent l'humanité de sa torpeur et lui permettent de faire des bonds en avant sur la route du progrès. Dans ce livre, Anthony Galluzzo s'attache à défaire cette mythologie, à comprendre ses caractéristiques et ses origines. Il montre en quoi cet imaginaire fantasmatique nous empêche de saisir la dimension fondamentalement systémique de l'économie et contribue à légitimer un ordre politique fondé sur le conservatisme méritocratique, où chaque individu est considéré comme pleinement comptable de ses réussites et de ses échecs.
</p>
<p>Disponible et empruntable au LOL</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

View File

@ -27,12 +27,55 @@
typeof="Collection"
resource="#publications" >
<h2 property="name">Publications</h2>
<h2 property="name">Textes à emporter</h2>
<p property="description">Ces textes sont disponibles au LOL et emportables a prix libres. Vous pouvez aussi en telecharger le contenu librement et le redistribuer comme vous le voulez.</p>
<ul>
<li><a property="hasPart" href="publications/2023-01-03-detruire-le-capitalisme-de-surveillance/">
Détruire le capitalisme de surveillance <small>par Cory Doctorow</small>
</a></li>
<li><a property="hasPart" href="publications/2023-01-01-une-critique-a-la-va-vite-de-la-pensee-primitiviste-et-anticiv/">
Une critique à la va-vite de la pensée primitiviste et anticiv</small>
</a></li>
</ul>
</section>
<section id="empruntables"
property="hasPart"
typeof="Collection"
resource="#empruntables" >
<h2 property="name">Textes à lire sur place</h2>
<p property="description">Ces textes sont à lire sur place ou empruntable dans la bibliotheque du LOL.</p>
<ul>
<li><a property="hasPart" href="empruntables/a-bout-de-flux/">
À bout de flux <small>de Fanny Lopez</small>
</a></li>
<li><a href="empruntables/angles-mort-du-numerique-ubiquitaire/">
Angles morts du numérique ubiquitaire <small>de Yves Citton, Marie Lechner et Masure Anthony</small>
</a></li>
<li><a href="empruntables/en-toute-puissance/">
En toute puissance, manuel dautodétermination radicale <small>de Viciss Hackso</small>
</a></li>
<li><a href="empruntables/hacker-protesters/">
Hacker Protester : guide pratique des outils de lutte citoyenne <small>de Geoffrey Dorne</small>
</a></li>
<li><a href="empruntables/le-mythe-de-l-entrepreneur/">
Le mythe de l'entrepruneur <small>de Anthony Galluzzo</small>
</a></li>
<li><a href="empruntables/guide-d-autodéfense-numerique/">
Guide dAutodéfense Numérique, <small>Edition Tahin Party</small>
</a></li>
</ul>
</section>
@ -51,12 +94,13 @@
</template>
<script type="module">
import {fetchDocumentData, takeFirst, takeUrl} from "/_src/js/data.js"
import {fetchDocumentData, takeFirst, takeUrl} from "/_src/js/utils/data.js"
init()
initBookList(document.getElementById("publications"))
initBookList(document.getElementById("empruntables"))
async function init() {
for(let it of document.querySelectorAll("#publications ul > li a[href]")) {
async function initBookList(listElement) {
for(let it of listElement.querySelectorAll("ul > li a[href]")) {
let data = null;
try {

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Une critique à la va-vite de la pensée primitiviste et anticiv — Infokiosque LOL</title>
<link rel="stylesheet" href="/_src/styles/global.css" />
<link rel="prefetch" href="/_src/js/layout.html" />
<script defer src="/_src/js/layout.js"></script>
</head>
<body vocab="http://schema.org/" resource="." typeof="Book">
<img property="image" src="thumbnail.jpg" alt="Couverture de la brochure" />
<h1>
<span property="name">Une critique à la va-vite de la pensée primitiviste et anticiv</span>
</h1>
<p property="abstract">
Une traduction de la brochure <em>«A quick and dirty critique of primitivist and AntiCiv thought»</em>.
</p>
<ul>
<li property="encoding" typeof="MediaObject">
<a property="contentUrl" href="brochure.pdf">
<span property="name">PDF : Brochure imprimable</span>
</a>
</li>
</ul>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB