feat(outils): note détaillée annuaire fmhy — cartographie traduite par usage, avertissement légal, snapshot 2026-08-25
This commit is contained in:
Jules Neny
+269
-6
@@ -137,15 +137,55 @@
|
||||
<!-- ══════════════ SECTION 4 — FMHY (cœur de la page) ══════════════ -->
|
||||
<section class="outils-section outils-section--fmhy" aria-labelledby="sec-fmhy">
|
||||
<h2 id="sec-fmhy" class="outils-section__title">
|
||||
<span aria-hidden="true">🌳</span> Bibliothèque de ressources libres
|
||||
<span aria-hidden="true">🌳</span> Annuaire du web libre — la cartographie FMHY
|
||||
</h2>
|
||||
<p class="outils-section__desc">
|
||||
Le vrai trésor de l'onglet Outils. FMHY (Free Media Heck Yeah) est la plus grosse
|
||||
base communautaire d'outils, services et ressources libres/gratuits du web. J'en ai
|
||||
curé ~50 entrées pertinentes pour un architecte : IA, lecture, dev, vie privée,
|
||||
formation, médias. Clique sur les branches pour explorer.
|
||||
FMHY (FreeMediaHeckYeah) est le plus grand index communautaire de ressources
|
||||
gratuites du web : des milliers de liens classés et vérifiés par des centaines
|
||||
de contributeurs bénévoles, mis à jour en continu. C'est une forme de
|
||||
résistance numérique — accéder librement au savoir, à la culture et aux
|
||||
outils, hors des catalogues marchands. J'en ai traduit et organisé les
|
||||
entrées phares <strong>par usage</strong>, pour aller droit au but.
|
||||
</p>
|
||||
|
||||
<!-- Note détaillée par usage -->
|
||||
<div v-for="g in fmhyGuide" :key="g.id" class="fmhy-usage">
|
||||
<h3 class="fmhy-usage__title">{{ g.titre }}</h3>
|
||||
<p v-if="g.note" class="fmhy-usage__note">{{ g.note }}</p>
|
||||
<ul class="fmhy-usage__list">
|
||||
<li v-for="l in g.liens" :key="l.url" class="fmhy-usage__item">
|
||||
<a
|
||||
:href="l.url"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="fmhy-usage__link"
|
||||
>{{ l.nom }}</a>
|
||||
<span class="fmhy-usage__desc">— {{ l.desc }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Avertissement légal -->
|
||||
<div class="fmhy-warning">
|
||||
<h3 class="fmhy-warning__title">Avertissement</h3>
|
||||
<p class="fmhy-warning__text">
|
||||
Une partie des ressources indexées par FMHY relève du partage de contenus
|
||||
protégés : la légalité dépend de ton pays et de l'usage que tu en fais.
|
||||
Renseigne-toi avant d'utiliser ces liens. FMHY maintient une
|
||||
<a href="https://fmhy.net/unsafe" target="_blank" rel="noopener noreferrer">liste des sites dangereux</a>
|
||||
(malwares, arnaques) : consulte-la. En cas de doute, privilégie les sources
|
||||
libres de droits (Project Gutenberg, Gallica, domaine public).
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p class="fmhy-snapshot">
|
||||
Cartographie établie d'après un snapshot du 25 août 2026 — l'index fmhy
|
||||
évolue en continu, voir
|
||||
<a href="https://fmhy.net/" target="_blank" rel="noopener noreferrer">fmhy.net</a>.
|
||||
</p>
|
||||
|
||||
<!-- Arbre curé interactif (sélection AEP) -->
|
||||
<p class="fmhy-tree-label">Sélection interactive — clique sur les branches pour déplier</p>
|
||||
<div class="fmhy-tree-wrap">
|
||||
<div v-if="fmhyPending" class="fmhy-loading" aria-label="Chargement…">
|
||||
<span>Chargement…</span>
|
||||
@@ -188,6 +228,124 @@
|
||||
const { data: outils } = await useFetch('/data/outils.json')
|
||||
const { data: fmhyData, pending: fmhyPending, error: fmhyError } = await useFetch('/data/fmhy-curated.json')
|
||||
|
||||
// Note détaillée FMHY — cartographie traduite et organisée par usage
|
||||
// (entrées ★ « starred » de fmhy.net, snapshot du 25 août 2026)
|
||||
const fmhyGuide = [
|
||||
{
|
||||
id: 'vie-privee',
|
||||
titre: 'Vie privée & adblocking — les bases',
|
||||
note: 'Le premier réflexe du guide débutant fmhy : un bon bloqueur de pubs rend la moitié du web à nouveau respirable.',
|
||||
liens: [
|
||||
{ nom: 'uBlock Origin', url: 'https://github.com/gorhill/uBlock', desc: 'bloqueur de pubs de référence, léger et open source' },
|
||||
{ nom: 'SponsorBlock', url: 'https://sponsor.ajay.app/', desc: 'saute automatiquement les segments sponsorisés de YouTube' },
|
||||
{ nom: 'LibreWolf', url: 'https://librewolf.net/', desc: 'Firefox durci vie privée, pré-configuré' },
|
||||
{ nom: 'Proton VPN', url: 'https://protonvpn.com', desc: 'VPN suisse, offre gratuite illimitée' },
|
||||
{ nom: 'Bitwarden', url: 'https://bitwarden.com/', desc: 'gestionnaire de mots de passe open source' },
|
||||
{ nom: 'Cryptomator', url: 'https://cryptomator.org/', desc: 'chiffrement de tes fichiers avant envoi dans le cloud' },
|
||||
{ nom: 'Tor Browser', url: 'https://www.torproject.org/', desc: 'navigation anonyme via le réseau Tor' },
|
||||
{ nom: 'KeePassXC', url: 'https://keepassxc.org/', desc: 'coffre de mots de passe 100% local' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'livres',
|
||||
titre: 'Trouver un livre / ebook',
|
||||
liens: [
|
||||
{ nom: "Anna's Archive", url: 'https://annas-archive.gl/', desc: 'la plus grosse bibliothèque du web : livres, BD, articles, thèses' },
|
||||
{ nom: 'Z-Library', url: 'https://z-lib.gd/', desc: 'catalogue immense, interface soignée' },
|
||||
{ nom: 'Library Genesis', url: 'https://libgen.li/', desc: 'référence pour les livres techniques et académiques' },
|
||||
{ nom: 'Mobilism', url: 'https://forum.mobilism.org', desc: 'ebooks, audiobooks, magazines (forum)' },
|
||||
{ nom: 'Project Gutenberg', url: 'https://www.gutenberg.org/', desc: '70 000+ classiques du domaine public, 100% légal' },
|
||||
{ nom: 'Sci-Hub', url: 'https://sci-hub.se/', desc: 'accès libre aux articles scientifiques derrière paywall' },
|
||||
{ nom: 'Calibre', url: 'https://calibre-ebook.com/', desc: 'gestion et conversion de bibliothèque numérique' },
|
||||
{ nom: 'KOReader', url: 'https://koreader.rocks/', desc: 'lecteur ebook open source pour liseuses' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'films',
|
||||
titre: 'Films, séries & anime',
|
||||
liens: [
|
||||
{ nom: 'Rive', url: 'https://www.rivestream.app/', desc: 'streaming films / séries / anime, auto-next' },
|
||||
{ nom: 'Cineby', url: 'https://cineby.at/', desc: 'streaming films / séries / anime' },
|
||||
{ nom: 'Flixer', url: 'https://flixer.gd', desc: 'streaming films / séries / anime' },
|
||||
{ nom: 'Tubi', url: 'https://tubitv.com', desc: 'streaming légal et gratuit (financé par la pub)' },
|
||||
{ nom: 'Stremio', url: 'https://www.stremio.com/', desc: 'centre multimédia extensible par extensions' },
|
||||
{ nom: 'Miruro', url: 'https://www.miruro.com/', desc: 'anime en streaming' },
|
||||
{ nom: 'Simkl', url: 'https://simkl.com/', desc: 'suivi de films, séries et anime déjà vus' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'musique',
|
||||
titre: 'Musique & podcasts',
|
||||
liens: [
|
||||
{ nom: 'Monochrome', url: 'https://monochrome.tf/', desc: 'streaming musique dans le navigateur' },
|
||||
{ nom: 'lucida', url: 'https://lucida.to/', desc: 'téléchargement de musiques' },
|
||||
{ nom: 'SpotX', url: 'https://github.com/SpotX-Official/SpotX', desc: 'Spotify desktop sans pub (patch client)' },
|
||||
{ nom: 'NTS Radio', url: 'https://www.nts.live/', desc: 'shows de DJ indépendants, archives immenses' },
|
||||
{ nom: 'SomaFM', url: 'https://somafm.com/', desc: '30+ radios internet indépendantes' },
|
||||
{ nom: 'Radio Garden', url: 'https://radio.garden/', desc: 'explorer les radios du monde entier sur un globe' },
|
||||
{ nom: 'Pocket Casts', url: 'https://play.pocketcasts.com/', desc: 'lecteur de podcasts libre et complet, aussi dans le navigateur' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'logiciels',
|
||||
titre: 'Logiciels & jeux vidéo',
|
||||
liens: [
|
||||
{ nom: 'qBittorrent', url: 'https://www.qbittorrent.org/', desc: 'client torrent libre, sans pub — la référence' },
|
||||
{ nom: 'FitGirl Repacks', url: 'https://fitgirl-repacks.site/', desc: 'repacks de jeux ultra-compressés' },
|
||||
{ nom: 'SteamRIP', url: 'https://steamrip.com/', desc: 'jeux pré-installés' },
|
||||
{ nom: '1337x', url: 'https://1337x.to/', desc: 'annuaire torrents généraliste' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'mobile',
|
||||
titre: 'Android / iOS',
|
||||
liens: [
|
||||
{ nom: 'Aurora Store', url: 'https://auroraoss.com/', desc: 'Google Play alternatif, sans compte Google' },
|
||||
{ nom: 'Droid-ify', url: 'https://droidify.app/', desc: 'client F-Droid moderne — applications libres' },
|
||||
{ nom: 'APKMirror', url: 'https://www.apkmirror.com/', desc: 'archives APK vérifiées' },
|
||||
{ nom: 'Fossify', url: 'https://github.com/FossifyOrg', desc: 'suite d’apps Android simples et libres (galerie, agenda, fichiers…)' },
|
||||
{ nom: 'Obtainium', url: 'https://obtainium.imranr.dev/', desc: 'installe et met à jour tes APKs depuis les sources officielles' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'education',
|
||||
titre: 'Éducation, cours & recherche',
|
||||
liens: [
|
||||
{ nom: 'MIT OpenCourseWare', url: 'https://ocw.mit.edu/', desc: 'les cours du MIT en accès libre complet' },
|
||||
{ nom: 'edX', url: 'https://www.edx.org/', desc: 'MOOCs de grandes universités' },
|
||||
{ nom: 'Khan Academy', url: 'https://www.khanacademy.org/', desc: 'maths, sciences, économie — gratuit, du collège au supérieur' },
|
||||
{ nom: 'Class Central', url: 'https://www.classcentral.com/', desc: 'moteur de recherche de cours en ligne' },
|
||||
{ nom: 'WolframAlpha', url: 'https://www.wolframalpha.com/', desc: 'moteur de calcul et base de connaissances' },
|
||||
{ nom: 'PhET', url: 'https://phet.colorado.edu/', desc: 'simulations interactives physique / chimie / maths' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'ia',
|
||||
titre: 'Intelligence artificielle gratuite',
|
||||
liens: [
|
||||
{ nom: 'DeepSeek', url: 'https://chat.deepseek.com/', desc: 'modèle de pointe, usage illimité gratuit' },
|
||||
{ nom: 'Qwen Studio', url: 'https://chat.qwen.ai/', desc: 'chat IA (Qwen) illimité gratuit' },
|
||||
{ nom: 'Google AI Studio', url: 'https://aistudio.google.com/', desc: 'Gemini en accès généreux gratuit' },
|
||||
{ nom: 'Mistral Le Chat', url: 'https://chat.mistral.ai/', desc: 'LLM français, souverain, gratuit' },
|
||||
{ nom: 'LM Studio', url: 'https://lmstudio.ai/', desc: 'faire tourner des modèles en local, sans cloud' },
|
||||
{ nom: 'Jan', url: 'https://jan.ai/', desc: 'application desktop libre pour IA locale' },
|
||||
{ nom: 'Open WebUI', url: 'https://openwebui.com/', desc: 'interface web auto-hébergeable pour modèles locaux' }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'francophone',
|
||||
titre: 'Contenus francophones',
|
||||
liens: [
|
||||
{ nom: 'Gallica', url: 'https://gallica.bnf.fr/', desc: 'millions de documents numérisés de la BnF, domaine public' },
|
||||
{ nom: 'Nos Livres', url: 'https://noslivres.net/', desc: 'classiques français du domaine public, formats propres' },
|
||||
{ nom: 'Audiocite', url: 'https://www.audiocite.net/', desc: 'livres audio francophones du domaine public' },
|
||||
{ nom: 'Littérature audio', url: 'https://www.litteratureaudio.com/', desc: 'autre grande bibliothèque audio francophone libre' },
|
||||
{ nom: 'zone-ebook', url: 'https://zone-ebook.com/', desc: 'ebooks, magazines et journaux en français' },
|
||||
{ nom: 'Dealabs', url: 'https://www.dealabs.com/', desc: 'bons plans et gratuités débusqués par la communauté' }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
useSeoMeta({
|
||||
title: 'Outils — AEP',
|
||||
description: 'Outils partagés entre architectes : simulateurs, open source, ressources libres FMHY, bifurcation post-études.'
|
||||
@@ -526,7 +684,112 @@ useSeoMeta({
|
||||
margin: 0 -0.5rem;
|
||||
}
|
||||
|
||||
.fmhy-tree-wrap {
|
||||
/* ── Note FMHY détaillée (par usage) ────────────────────────── */
|
||||
.fmhy-usage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.fmhy-usage__title {
|
||||
font-size: 0.92rem;
|
||||
font-weight: 650;
|
||||
color: var(--nav-text);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fmhy-usage__note {
|
||||
font-size: 0.8rem;
|
||||
color: var(--nav-text-muted);
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.fmhy-usage__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.fmhy-usage__item {
|
||||
font-size: 0.84rem;
|
||||
line-height: 1.5;
|
||||
padding: 2px 6px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.fmhy-usage__item:hover {
|
||||
background: var(--nav-surface);
|
||||
}
|
||||
|
||||
.fmhy-usage__link {
|
||||
color: var(--nav-primary-solid);
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fmhy-usage__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fmhy-usage__desc {
|
||||
color: var(--nav-text-muted);
|
||||
}
|
||||
|
||||
.fmhy-warning {
|
||||
background: var(--nav-surface);
|
||||
border: 1px solid var(--nav-bg-alt);
|
||||
border-left: 3px solid var(--nav-primary-solid);
|
||||
border-radius: 8px;
|
||||
padding: 0.875rem 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.fmhy-warning__title {
|
||||
font-size: 0.85rem;
|
||||
font-weight: 650;
|
||||
color: var(--nav-text);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fmhy-warning__text {
|
||||
font-size: 0.82rem;
|
||||
color: var(--nav-text-muted);
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fmhy-warning__text a {
|
||||
color: var(--nav-primary-solid);
|
||||
}
|
||||
|
||||
.fmhy-snapshot {
|
||||
font-size: 0.78rem;
|
||||
color: var(--nav-text-muted);
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fmhy-snapshot a {
|
||||
color: var(--nav-primary-solid);
|
||||
}
|
||||
|
||||
.fmhy-tree-label {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
color: var(--nav-text-muted);
|
||||
margin: 0.5rem 0 -0.5rem;
|
||||
}
|
||||
|
||||
.fmhy-tree-wrap {
|
||||
padding: 0.875rem 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user