From 946ed53aba6d202827acf8fb3329ced7740620b4 Mon Sep 17 00:00:00 2001 From: Jules Neny Date: Tue, 25 Aug 2026 19:03:16 +0200 Subject: [PATCH] =?UTF-8?q?feat(outils):=20note=20d=C3=A9taill=C3=A9e=20an?= =?UTF-8?q?nuaire=20fmhy=20=E2=80=94=20cartographie=20traduite=20par=20usa?= =?UTF-8?q?ge,=20avertissement=20l=C3=A9gal,=20snapshot=202026-08-25?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/outils.vue | 275 +++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 269 insertions(+), 6 deletions(-) diff --git a/pages/outils.vue b/pages/outils.vue index 3083c51..964a6a1 100644 --- a/pages/outils.vue +++ b/pages/outils.vue @@ -137,15 +137,55 @@

- Bibliothèque de ressources libres + Annuaire du web libre — la cartographie FMHY

- 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 par usage, pour aller droit au but.

+ +
+

{{ g.titre }}

+

{{ g.note }}

+ +
+ + +
+

Avertissement

+

+ 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 + liste des sites dangereux + (malwares, arnaques) : consulte-la. En cas de doute, privilégie les sources + libres de droits (Project Gutenberg, Gallica, domaine public). +

+
+ +

+ Cartographie établie d'après un snapshot du 25 août 2026 — l'index fmhy + évolue en continu, voir + fmhy.net. +

+ + +

Sélection interactive — clique sur les branches pour déplier

Chargement… @@ -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; } }