-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (109 loc) · 10.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Blogroll francophone</title>
<!--Color schemes-->
<script>
// If `prefers-color-scheme` is not supported, fall back to light mode.
// In this case, light.css will be downloaded with `highest` priority.
if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
document.documentElement.style.display = 'none';
document.head.insertAdjacentHTML(
'beforeend',
'<link rel="stylesheet" href="/light.css" onload="document.documentElement.style.display = \'\'">',
);
}
</script>
<link rel="stylesheet" href="light.css"
media="(prefers-color-scheme:light)">
<link rel="stylesheet" href="dark.css"
media="(prefers-color-scheme:dark)">
<!--Normal CSS and feed-->
<link rel="stylesheet" href="styles.css">
<link rel=”alternate” type=”application/rss+xml” href=”/feed.xml” title=”Blogroll”>
<meta name="viewport"
content="initial-scale=1, width=device-width"
charset="utf-8">
</head>
<body>
<div id="page-container">
<div id="content-wrap">
<h1>Blogroll francophone</h1>
<p>Ici, vous trouverez une liste de blog(ue)s indépendants maintenue <a href="https://alexsirac.com">par Alex</a> et triée par ordre alphabétique au sein des catégories. Vous pouvez <a href="/feed.xml">vous abonner au flux RSS 📡</a> pour suivre les nouveaux ajouts.</p>
<h2>Les blogs</h2>
<p>Un blog personnel, c'est souvent très éclectique. Les catégories ci-dessous sont attribuées en fonction de la majorité du contenu récent au moment de l'ajout au blogroll. Un blog qui parle surtout de politique pourra donc faire des pauses littérature, et vice-versa. La catégorie « Personnel » regroupe les blogs véritablement inclassables.</p>
<h3>Cuisine</h3>
<ul>
<li><a href="https://www.undejeunerdesoleil.com/">Un déjeuner de soleil</a>. Cuisine inspirée de l'Italie. <a href="https://www.undejeunerdesoleil.com/feed" class="feed">📡</a></li>
</ul>
<h3>Critiques culturelles</h3>
<ul>
<li><a href="https://lord.re/">/home/lord</a>. Beaucoup de critiques de films, avec du logiciel libre, des jeux vidéo et de l'Internet. <a href="https://lord.re/rss" class="feed">📡</a></li>
<li><a href="https://ours-inculte.fr/">Ours inculte</a>. Avis de lecture de romans SF/F. <a href="https://ours-inculte.fr/feed/" class="feed">📡</a></li>
</ul>
<h3>Hobbies</h3>
<ul>
<li><a href="https://dimitriregnier.net/blog/">Dimitri Régnier</a>. Prise de son et cinéma. <a href="https://dimitriregnier.net/blog/feed.xml" class="feed">📡</a></li>
<li><a href="https://www.whidou.fr/">Chez Whidou</a>. Feuilles de personnage et ressources pour jeu de rôle. <a href="https://www.whidou.fr/feeds/all-fr.rss.xml" class="feed">📡</a></li>
<li><a href="https://www.richard-dern.fr/">Richard Dern</a>. Opinions impopulaires d'un dino/nerd autiste parmi les humains, avec plein de Legos en prime. <a href="https://www.richard-dern.fr/index.xml" class="feed">📡</a></li>
</ul>
<h3>Lifestyle</h3>
<ul>
<li><a href="https://www.myslowlife.fr/">My slow life</a>. Astuces écologiques et économiques. <a href="https://www.myslowlife.fr/feed/" class="feed">📡</a></li>
</ul>
<h3>Personnel</h3>
<ul>
<li><a href="https://blog.adm.ink/blog">Adm.ink</a>. Blog personnel d'un Clermontois. <a href="https://blog.adm.ink/rss.xml" class="feed">📡</a></li>
<li><a href="https://alexsirac.com/">Alex Sirac</a>. Lecture, militantismes, sociologie et Internet, surtout. <a href="https://alexsirac.com/tag/fr/feed/" class="feed">📡</a></li>
<li><a href="https://larlet.fr/david/">David Larlet</a>. Blog personnel généraliste avec du web, de l'écriture ou encore de l'environnement. <a href="https://larlet.fr/david/log/" class="feed">📡</a></li>
<li><a href="https://gersande.com/blogue/">Gersande la Flèche</a>. Documente sa vie et réfléchit sur l'écriture, la danse, les livres, les jeux et le thé.<a href="https://gersande.com/blogue/rss/" class="feed">📡</a></li>
<li><a href="https://grisebouille.net/">Grise Bouille</a>. Logiciel libre, émancipation numérique, anarchisme, le tout avec des dessins. <a href="https://grisebouille.net/feed.rss" class="feed">📡</a></li>
<li><a href="https://guillaumebienvenu.com/">Guillaume Bienvenu</a>. Justice climatique et sociale, végétarisme, démocratie et anarchie, libre-arbitre. <a href="https://guillaumebienvenu.com/blog/index.xml" class="feed">📡</a></li>
<li><a href="https://benoit.pruneau.ca/">Le blogue à Ben</a>. De la veille technologique, du personnel et des actualités québécoises. <a href="https://benoit.pruneau.ca/feed/atom" class="feed">📡</a></li>
<li><a href="https://lemondedek6.wordpress.com/blog/">Le monde de K6</a>. Critiques culturelles et opinions diverses. <a href="https://lemondedek6.wordpress.com/feed/" class="feed">📡</a></li>
<li><a href="https://peptimiste.yoboom.xyz/">Peptimiste</a>. Un blog à l'ancienne. Des liens commentés. Des chroniques. Une à deux fois par semaine. <a href="https://peptimiste.yoboom.xyz/index.xml" class="feed">📡</a></li>
</ul>
<h3>Politique</h3>
<ul>
<li><a href="http://www.pensezbibi.com/">Pensez BiBi</a>. Analyses politiques ancrées à gauche. <a href="http://feeds.feedburner.com/PensezBibi" class="feed">📡</a></li>
</ul>
<h3>Sciences et recherche</h3>
<ul>
<li><a href="https://xavcc.frama.io/blog/">Xavier Coadic</a>. Environnement, Libertés, Vivants, Internet. <a href="https://xavcc.frama.io/feed.xml" class="feed">📡</a></li>
</ul>
<h3>Technologie</h3>
<ul>
<li><a href="https://alternatives-numeriques.fr/">Alternatives numériques</a>. (Collectif) Alternatives libres aux services en ligne. <a href="https://alternatives-numeriques.fr/feed/" class="feed">📡</a></li>
<li><a href="https://commonists.wordpress.com/">Commonists</a>. (Collectif) Expériences personnelles sur les projets Wikimédia. <a href="https://commonists.wordpress.com/feed/" class="feed">📡</a></li>
<li><a href="https://djan-gicquel.fr/">Djan Gicquel</a>. Blog personnel axé sur la sécurité numérique et la vie privée. <a href="https://djan-gicquel.fr/spip.php?page=backend" class="feed">📡</a></li>
<li><a href="https://blog.flozz.fr/">FLOZz' Blog</a>. Logiciel libre, techologie, développement de jeu Game Boy, et parfois des trucs plus perso. <a href="https://blog.flozz.fr/feeds/rss.xml" class="feed">📡</a></li>
<li><a href="https://louisderrac.com/">Louis Derrac</a>. Éducation au numérique et alternumérisme radical. <a href="https://louisderrac.com/feed/" class="feed">📡</a></li>
<li><a href="https://blog.poslovitch.fr/">L’Atelier de Poslovitch </a>. Explorations autour du logiciel libre, des données ouvertes, du partage et de l'engagement. <a href="https://blog.poslovitch.fr/feed/" class="feed">📡</a></li>
<li><a href="https://thierryjoffredo.frama.io/">Miscellanées numériques</a>. Numérique pour l'éducation. <a href="https://thierryjoffredo.frama.io/posts/index.xml" class="feed">📡</a></li>
<li><a href="https://oh.mg/fr/">OH.MG</a>. Vie perso, projets intéressants, guides pratiques… <a href="https://oh.mg/fr/feed/" class="feed">📡</a></li>
<li><a href="https://techsystem.fr/">Techsystem</a>. Blog d'un informaticien avec un peu de tech et de Linux. <a href="https://techsystem.fr/rss" class="feed">📡</a></li>
<li><a href="https://toutetrien.lithio.fr/">Tout et rien</a>. De la technique par une personne qui code pour les humains avec parfois des bouts de radio, des bricolages et des avis sur le monde. <a href="https://toutetrien.lithio.fr/feed.xml" class="feed">📡</a></li>
<li><a href="https://zythom.fr/">Zythom</a>. Blog d'un informaticien ancien expert judiciaire ; publie des anecdotes de boulot sur un ton humoristique. <a href="https://zythom.fr/feed/" class="feed">📡</a></li>
</ul>
<!--<li><a href="bloglink">blogname</a>. blogdesc. <a href="{{ blogfeed" class="feed">📡</a></li>-->
<h2>Ajouter un blog</h2>
<p>Les critères pour proposer l’ajout d’un blog :</p>
<ul>
<li>Le blog n’est pas à l’abandon</li>
<li>Le blog est au moins partiellement en français</li>
<li>Le blog n'est pas hébergé sur une plateforme qui peut lui imposer ses choix (réseaux sociaux, Medium, Substack…)</li>
<li>Alex a envie d'inclure le blog dans son blogroll</li>
</ul>
<p>
Pour proposer un blog, envoyez un mail à <a href="mailto:[email protected]">[email protected]</a> avec pour objet "Proposition : <i>le nom du blog proposé</i>". En corps du mail, mettez le lien du blog, une description en une phrase, et le lien du flux RSS du blog si vous le connaissez. Vous pouvez inclure toute autre remarque si vous le souhaitez.
</p>
<p>Il est apprécié, mais pas obligatoire, de faire un lien vers blogroll.fr depuis votre blog.</p>
</div>
</div>
</body>
<footer>
<p>Ce blogroll est une version francophone de l’idée de Ray <a href="https://blogroll.org/">sur blogroll.org</a>. Il m'a aidé à créer la v1 sous WordPress. Le passage à la v2 statique a été facilité par <a href="https://alexsirac.com/static-website-with-rss/">des gens sympa dans les commentaires de ce post</a> et surtout par <a href="https://blog.adm.ink/">Anthony</a>.</p>
<p>Ce site est sous licence <a href="https://creativecommons.org/licenses/by/4.0/deed.fr">Creative Commons CC-BY</a>.</p>
<p>Vous pouvez me contacter par mail à <a href="mailto:[email protected]">[email protected]</a>.</p>
</footer>
</html>