WIP: génère la liste des hackerspace français à partir du Wiki #5

Draft
VincentP wants to merge 1 commit from generated-list-fail into master
5 changed files with 233 additions and 18 deletions

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
index.html

View file

@ -89,3 +89,8 @@ hr {height: 40px; background: url('../images/separation.png') no-repeat 50% 50%;
flex-direction: column; flex-direction: column;
} }
} }
/* hide Mediawiki section title */
article .mw-parser-output h2 {
display: none;
}

19
hackerspace-list.sh Executable file
View file

@ -0,0 +1,19 @@
#!/bin/sh
MEDIAWIKI_HS_LIST="https://wiki.interhacker.space/api.php?action=parse&page=Accueil&format=json&section=3"
curl --silent --fail-with-body "$MEDIAWIKI_HS_LIST" | jq -r '.parse.text."*"' > mediawiki_list.tmp.html
cat index.template.html \
| sed '/MEDIAWIKI_LIST/{
s/<!-- *MEDIAWIKI_LIST[^-]*-->//;
r mediawiki_list.tmp.html
}' \
| sed -e "/DATE/{
s/<!-- *DATE[^-]*-->//;
n;
e $DATE_CMD
}" \
> index.html
rm mediawiki_list.tmp.html

View file

@ -117,25 +117,55 @@
</figure> </figure>
<h3>France</h3> <h3>France</h3>
<ul>
<li>06 - Nice <a href="https://nicelab.eu">nicelab.eu</a></li>
<li>28 - Chartres <a href="https://betamachine.fr">betamachine.fr</a></li>
<li>31 - Toulouse <a href="https://tetalab.org">tetalab.org</a></li>
<li>34 - Montpellier <a href="lebib.org">lebib.org</a></li>
<li>35 - Rennes <a href="https://breizh-entropy.org">breizh-entropy.org</a></li>
<li>44 - Sévérac<a href="http://www.lantenne.org/antenne-paulette/">lantenne.org</a></li>
<li>45 - Orléans <a href="https://labomedia.org">labomedia.org</a></li>
<li>67 - Strasbourg <a href="https://hackstub.eu">hackstub.eu</a></li>
<li>91 - Gif-sur-Yvette <a href="https://distorsion.interhacker.space">distorsion</a></li>
<li>92 - Nanterre <a href="https://electrolab.fr">electrolab.fr</a></li>
<li>93 - Montreuil <a href="https://bidouille93.fr/">bidouille93.fr</a></li>
<li>93 - Montreuil <a href="https://fuz.re/">fuz.re</a></li>
<li>94 - Choisy-le-Roi <a href="https://tmplab.org">tmplab.org</a></li>
<li>18 - Humbligny <a href="https://usinette.org">Usinette.org</a></li>
</ul>
<h3></h3> <div class="mw-parser-output"><h2><span id="Qui_sont-ils_.3F"></span><span class="mw-headline" id="Qui_sont-ils_?">Qui sont-ils&#160;?</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/index.php?title=Accueil&amp;veaction=edit&amp;section=1" class="mw-editsection-visualeditor" title="Modifier la section : Qui sont-ils ?">modifier</a><span class="mw-editsection-divider"> | </span><a href="/index.php?title=Accueil&amp;action=edit&amp;section=1" title="Modifier la section : Qui sont-ils ?">modifier le wikicode</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul> <ul><li><a href="/index.php?title=Le_Bib" title="Le Bib">Le Bib</a> à <a href="/index.php?title=Montpellier" title="Montpellier">Montpellier</a> (34)</li>
<li><a href="/index.php?title=Breizh-Entropy" title="Breizh-Entropy">Breizh-Entropy</a> à <a href="/index.php?title=Rennes" title="Rennes">Rennes</a></li>
<li>l'<a href="/index.php?title=Electrolab" title="Electrolab">Electrolab</a> à <a href="/index.php?title=Nanterre" title="Nanterre">Nanterre</a> (92)</li>
<li>#Noname à <a href="/index.php?title=La_Caboteuse&amp;action=edit&amp;redlink=1" class="new" title="La Caboteuse (page inexistante)">la Caboteuse</a>, <a href="/index.php?title=Romainville&amp;action=edit&amp;redlink=1" class="new" title="Romainville (page inexistante)">Romainville</a> (93)</li>
<li><a href="/index.php?title=La_Bidouille" title="La Bidouille">La Bidouille</a>, itinérant, principalement en Seine-Saint-Denis (93)</li>
<li><a href="/index.php?title=Le_Fuz" title="Le Fuz">Le Fuz</a> à <a href="/index.php?title=Montreuil" title="Montreuil">Montreuil</a> (93)</li>
<li><a href="/index.php?title=La_Labomedia" title="La Labomedia">la Labomedia</a> à <a href="/index.php?title=Orl%C3%A9ans" title="Orléans">Orléans</a></li>
<li>la <a href="/index.php?title=Hackstub" title="Hackstub">Hackstub</a> de <a href="/index.php?title=Strasbourg" title="Strasbourg">Strasbourg</a></li>
<li><a href="/index.php?title=Tetalab" title="Tetalab">Tetalab</a> à <a href="/index.php?title=Toulouse" title="Toulouse">Toulouse</a> (31)</li>
<li><a href="/index.php?title=/tmp/lab" title="/tmp/lab">/tmp/lab</a> à <a href="/index.php?title=Choisy" title="Choisy">Choisy</a></li>
<li><a href="/index.php?title=Paulla" title="Paulla">Paulla</a> à <a href="/index.php?title=Pau" title="Pau">Pau</a></li>
<li><a href="/index.php?title=Marsnet" title="Marsnet">Marsnet</a> à <a href="/index.php?title=Marseille" title="Marseille">Marseille</a></li>
<li><a href="/index.php?title=Usinette" title="Usinette">Usinette</a> à la Vallée d'Humbligny</li>
<li><a href="/index.php?title=Datapaulette" title="Datapaulette">Datapaulette</a> à Montreuil (93)</li>
<li><a rel="nofollow" class="external text" href="http://www.lantenne.org/antenne-paulette/">Antenne Paulette</a> à Sévérac (44)</li>
<li><a href="/index.php?title=TeamLaser" title="TeamLaser">TeamLaser</a></li>
<li><a href="/index.php?title=Labx" title="Labx">Labx</a> à <a href="/index.php?title=Bordeaux" title="Bordeaux">Bordeaux</a></li>
<li><a href="/index.php?title=AliceLab" title="AliceLab">AliceLab</a> à <a href="/index.php?title=Perpignan" title="Perpignan">Perpignan</a></li>
<li><a href="/index.php?title=A.R.N" class="mw-redirect" title="A.R.N">A.R.N</a> à <a href="/index.php?title=Die&amp;action=edit&amp;redlink=1" class="new" title="Die (page inexistante)">Die</a></li>
<li><a href="/index.php?title=PortesLogiques" title="PortesLogiques">PortesLogiques</a> à <a href="/index.php?title=Quimper&amp;action=edit&amp;redlink=1" class="new" title="Quimper (page inexistante)">Quimper</a></li>
<li><a href="/index.php?title=BetaMachine" title="BetaMachine">BetaMachine</a> à <a href="/index.php?title=Chartres" title="Chartres">Chartres</a></li>
<li><a href="/index.php?title=LaboratoireOuvert" title="LaboratoireOuvert">LaboratoireOuvert</a> à <a href="/index.php?title=Lyon" title="Lyon">Lyon</a></li>
<li><a href="/index.php?title=La_distorsion" title="La distorsion">La distorsion</a> à Gif-sur-Yvette</li>
<li><a href="/index.php?title=HAUM" title="HAUM">HAUM</a> au Mans</li>
<li>Et d'autres à venir&#160;?</li></ul>
<!--
NewPP limit report
Cached time: 20251220173338
Cache expiry: 86400
Reduced expiry: false
Complications: []
CPU time usage: 0.013 seconds
Real time usage: 0.015 seconds
Preprocessor visited node count: 2/1000000
Postexpand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/100
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip postexpand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
</div>
</ul> </ul>
<h3>Europe</h3> <h3>Europe</h3>

160
index.template.html Normal file
View file

@ -0,0 +1,160 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<title>UNE INTRODUCTION AUX HACKERSPACES ET À LEURS ACTIVITÉS</title>
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/print.css" media="print">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<nav>
<details>
<summary>☰ outils</summary>
<ul class="desktop">
<li><a href="https://wiki.interhacker.space">wiki</a></li>
<li><a href="https://git.interhacker.space">forge</a></li>
<li><a href="https://element.interhacker.space">matrix</a></li>
<li><a href="https://md.interhacker.space/">pads</a></li>
<li><a href="https://tube.interhacker.space">peertube</a></li>
</ul>
</details>
</nav>
<header>
<h1>UNE INTRODUCTION AUX HACKERSPACES ET À LEURS ACTIVITÉS</h1>
</header>
<div class="page">
<article class="intro">
<figure class="gauche">
<img src="images/alice.jpg" alt="Alice, debout sur un pupitre cylindrique, regardant dans une boite posée sur une table.">
<img src="images/cestquoilehack.jpg" alt="c'est quoi le hack ?">
</figure>
<p>Les hackerspaces sont des lieux physiques où les gens peuvent se rencontrer et travailler sur des projets.</p>
<p>Ce sont des lieux réels par opposition aux lieux de rencontre en ligne où se réunir avec
des personnes partageant les mêmes centres d'intérêts.</p>
<p>L'éthique des hackers en fait des acteurs du bien commun opposés aux hiérarchies et aux autorités conventionnelles. </p>
<p>Leurs projets sont logiciels et matériels et touchent à tous les domaines comme la technique, la science et l'art.</p>
</article>
<hr>
<article>
<figure class="droite">
<img src="images/chapeau-bol.jpg" alt="Petit homme pressé tenant un bol et un bout de fromage">
<img src="images/questionhack.jpg" alt="Question hacktivistes">
</figure>
<h2>Partager</h2>
<p>La curiosité est au coeur de la culture Hacker. Comment marchent un logiciel, une imprimante ou un système politique ?
Le comprendre et diffuser ce savoir, c'est donner les moyens de l'améliorer, l'adapter, le détourner de manière créative et originale.</p>
<p> Le logiciel libre est directement issu de cette culture. Il démontre que la mise en commun et la transparence sont gages de qualité, de pérennité et de créativité.
Mise à disposition d'outils communs et gestion démocratique ou participative sont des manifestations concrètes de cet esprit de partage dans les hackerspaces.</p>
<h2>Ouvrir</h2>
<p>L'ouverture d'esprit est une nécessité : une communité inclusive, rejet des discriminations, encouragement de la participation sans limites d'âge ou de niveaux.
Elle induit également une pensée en réseau où aucun de nous n'est meilleur que nous tous. Les hackerspaces existent pour sortir de l'isolement et faire des choses ensemble, se construire sur la base des conseils et des questions.</p>
<h2>Construire</h2>
<p>Produire en autonomie, créer selon ses besoins ou ses désirs, modifier ou réparer l'existant. C'est la pratique quotidienne que préconise la culture Hacker.
Car personne ne devrait être forcé à s'agenouiller devant des systèmes de masse dont les produits sont défectueux, nuisibles ou obsolescents par nature.</p>
</article>
<hr>
<article>
<figure class="gauche">
<img src="images/chapeau-bol-fromage.jpg" alt="Petit homme pressé buvant un bol et tenant un bout de fromage">
<img src="images/reponsesco.jpg" alt="Réponses collectives">
</figure>
<h2>Le hack, c'est...</h2>
<ul>
<li>Une culture égalitariste vivante</li>
<li>Un partage des connaissances</li>
<li>Des lieux collectifs ouverts</li>
<li>Des espaces de discussion</li>
<li>Une démarche créative </li>
<li>Des projets concrets</li>
<li>Une pensée critique</li>
<li>Des collaborations multiples</li>
<li>Des évènements réguliers</li>
</ul>
<p>Aujourd'hui les hackerspaces font vivre cette culture avec honnêteté. Ce sont des lieux de rencontre, de confrontation des représentations, des lieux de création foisonnante.</p>
<p>Les pratiques qui émergent de la culture Hacker ont dépassé le cadre informatique. Elles ont donné naissance à l'hacktivisme, l'application du hack à la politique et à la critique sociale.
Les hackerspaces naissent du désir de diffuser cette pensée et ses actions.</p>
<p>Les hacktivistes analysent la technologie pour ce qu'elle est : une idéologie promue par un système économique et politique à bout de souffle qui promet le meilleur et produit le pire.</p>
<p>En conscience de ce contexte, les hacktivistes travaillent à défendre collectivement leur singularité. Ils s'organisent au quotidien et montent régulièrement
des événements ouverts au grand public pour faire connaître le hack.</p>
</article>
<hr>
<article>
<figure class="droite">
<img src="images/lapin-costume.jpg" alt="Lapin habillé d'un costume ayant un parapluie sous le bras">
<img src="images/rendrevisite.jpg" alt="Rendre visites">
</figure>
<h3>France</h3>
<!-- MEDIAWIKI_LIST: A la place de ce commentaire, le contenu du Wiki https://wiki.interhacker.space/index.php?title=Accueil -->
</ul>
<h3>Europe</h3>
<ul>
<li>[BE] Belgique <a href="https://hackerspaces.be">hackerspaces.be</a></li>
<li>[NL] Pays-Bas <a href="https://hackerspaces.nl">hackerspaces.nl</a></li>
<li>[UK] Hackspace Foundation <a href="https://www.hackspace.org.uk">hackspace.org.uk</a></li>
</ul>
<h3>Monde</h3>
<ul>
<li>Hackerspaces dot org <a href="https://wiki.hackerspaces.org/List_of_Hacker_Spaces">hackerspaces.org</a></li>
</ul>
</article>
<hr>
<article>
<figure class="centre">
<img src="images/lapin-trompette.jpg" alt="Lapin habillé de cartes à jouer et jouant de la trompette">
<img src="images/ensavoirplus.jpg" alt="En savoir plus">
<h2><a href="https://hackerspaces.org">hackerspaces.org</a></h2>
</figure>
</article>
</div>
<footer>
<p>Document sous licence CC4.0 BY-SA-NC partagé sur https://git.interhacker.space/interhack/cquoilehack</p>
<h1>MERCI POUR VOTRE ATTENTION ET BON HACK</h1>
</footer>
</body>
</html>