Compare commits
5 Commits
f3cbc8e24b
...
2a851182dc
| Author | SHA1 | Date | |
|---|---|---|---|
2a851182dc
|
|||
|
41fd22f483
|
|||
|
1ab8db83d8
|
|||
|
7d6def538a
|
|||
|
ce69ce45bd
|
@ -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);
|
||||
|
||||
@ -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 */
|
||||
|
||||
29
empruntables/a-bout-de-flux/index.html
Normal file
29
empruntables/a-bout-de-flux/index.html
Normal 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 : l’infrastructure électrique. Le rapport immédiat aux objets connectés (smartphone, ordinateur) invisibilise le continuum infernal d’infrastructures 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>
|
||||
BIN
empruntables/a-bout-de-flux/thumbnail.jpg
Normal file
BIN
empruntables/a-bout-de-flux/thumbnail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 260 KiB |
31
empruntables/angles-mort-du-numerique-ubiquitaire/index.html
Normal file
31
empruntables/angles-mort-du-numerique-ubiquitaire/index.html
Normal 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, d’algolitté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>
|
||||
BIN
empruntables/angles-mort-du-numerique-ubiquitaire/thumbnail.jpg
Normal file
BIN
empruntables/angles-mort-du-numerique-ubiquitaire/thumbnail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
37
empruntables/en-toute-puissance/index.html
Normal file
37
empruntables/en-toute-puissance/index.html
Normal 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 d’autodé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 d’autodétermination radicale</span>
|
||||
<small>
|
||||
de <span property="author">Viciss Hackso</span>
|
||||
</small>
|
||||
</h1>
|
||||
|
||||
<p>« Manuel d’autodétermination radicale »</p>
|
||||
|
||||
<p>Je l’admets, c’est un sous-titre qui pourrait tout aussi bien évoquer l’ennui académique, que susciter une adhésion ou une répulsion politique : on pourrait croire à un appel à la révolution pour qu’un peuple se libère de ses oppresseurs, tant ces deux termes – autodétermination radicale – sont associés au champ politique. Il ne s’agit pas vraiment de cela.</p>
|
||||
|
||||
<p>Nous parlerons d’autodé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 qu’elle « agit sur la cause profonde de ce que l’on veut modifier », l’un des sens du mot radical : j’estime que cette quête de libération personnelle ne peut se faire que dans l’action, pour tenter d’améliorer les environnements sociaux, et tenter de résoudre les causes premières des problèmes qui nous affectent ou affectent autrui. S’y mêlerait une forte conscience quant aux problèmes de notre société, une conscience des douleurs, et sur l’engagement – radical – d’une 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 l’autodétermination de Deci et Ryan, ainsi que sur d’autres notions en psychologie (expérience optimale, compassion, domination sociale, autoritarisme, manipulations…), nous allons partir ensemble en quête pour tenter de trouver des moyens d’agir 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, c’est que cette théorie, couplée à d’autres 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 l’immense bénéfice de, peut-être, donner à notre existence un bien-être épique.</p>
|
||||
|
||||
<p>Disponible et empruntable au LOL</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
empruntables/en-toute-puissance/thumbnail.png
Normal file
BIN
empruntables/en-toute-puissance/thumbnail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 335 KiB |
36
empruntables/guide-d-autodéfense-numerique/index.html
Normal file
36
empruntables/guide-d-autodéfense-numerique/index.html
Normal 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 d’Autodé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 d’Autodé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 n’avons pas envie d’être contrôlables par quelque « Big Brother » que ce soit. Qu’il existe déjà ou que l’on anticipe son émergence, le mieux est sans doute de faire en sorte qu’il 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 d’un sentiment d’impuissance, ces différentes révélations sur l’état de la surveillance numérique rendent d’autant plus nécessaire de se donner les moyens de la comprendre et d’adapter ses pratiques en conséquence.</p>
|
||||
|
||||
<p>Face à ces constats, la seule voie praticable semble être de devenir capables d’imaginer et de mettre en place des politiques et des stratégies de réduction des risques adéquates.</p>
|
||||
|
||||
<p>Tout l’enjeu 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>
|
||||
BIN
empruntables/guide-d-autodéfense-numerique/thumbnail.jpg
Normal file
BIN
empruntables/guide-d-autodéfense-numerique/thumbnail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
27
empruntables/hacker-protesters/index.html
Normal file
27
empruntables/hacker-protesters/index.html
Normal 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 d’auto-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>
|
||||
BIN
empruntables/hacker-protesters/thumbnail.webp
Normal file
BIN
empruntables/hacker-protesters/thumbnail.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
29
empruntables/le-mythe-de-l-entrepreneur/index.html
Normal file
29
empruntables/le-mythe-de-l-entrepreneur/index.html
Normal 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>
|
||||
BIN
empruntables/le-mythe-de-l-entrepreneur/thumbnail.jpg
Normal file
BIN
empruntables/le-mythe-de-l-entrepreneur/thumbnail.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
54
index.html
54
index.html
@ -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 d’autodé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 d’Autodé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 {
|
||||
|
||||
Binary file not shown.
@ -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 |
Loading…
Reference in New Issue
Block a user