|
1 | | -# 🏛️ Mythoskolis — mythologie grecque, fiches et généalogie interactive |
| 1 | +# Mythoskolis |
2 | 2 |
|
3 | | -Mythoskolis est un site de médiation culturelle qui rend la mythologie grecque lisible : fiches synthétiques, récits structurés et un HoloGraph interactif pour visualiser les filiations. |
| 3 | +Bienvenue sur le dépôt **Mythoskolis**. |
| 4 | + |
| 5 | +Ce projet peut se lire de plusieurs manières selon votre profil et ce que vous cherchez à comprendre. |
| 6 | +Plutôt que de proposer un README unique trop long ou trop spécialisé, ce dépôt adopte une approche **multi-entrées**. |
| 7 | + |
| 8 | +👉 Choisissez simplement le parcours qui vous correspond. |
| 9 | + |
| 10 | +--- |
| 11 | + |
| 12 | +## 👀 Vous êtes recruteur·se / RH / manager |
| 13 | + |
| 14 | +Vous souhaitez comprendre rapidement : |
| 15 | +- ce que démontre ce projet, |
| 16 | +- quelles compétences il met en avant, |
| 17 | +- en quoi il est pertinent dans un contexte professionnel. |
| 18 | + |
| 19 | +➡️ **Lectures recommandées :** |
| 20 | +- 📄 `README_TLDR_RECRUTEURS.md` — *vue ultra-rapide (≈30 secondes)* |
| 21 | +- 📄 `README_RECRUTEURS.md` — *présentation structurée orientée recrutement* |
| 22 | + |
| 23 | +--- |
| 24 | + |
| 25 | +## 🧑💻 Vous êtes technicien·ne / développeur·se généraliste |
| 26 | + |
| 27 | +Vous souhaitez : |
| 28 | +- comprendre l’architecture globale, |
| 29 | +- voir comment les données, le front et l’UX s’articulent, |
| 30 | +- parcourir le projet dans son ensemble. |
| 31 | + |
| 32 | +➡️ **Lecture recommandée :** |
| 33 | +- 📄 `README_TECH.md` — *README technique complet* |
| 34 | + |
| 35 | +--- |
| 36 | + |
| 37 | +## 📊 Vous êtes data analyst / analytics engineer / data engineer |
| 38 | + |
| 39 | +Vous vous intéressez principalement : |
| 40 | +- à la modélisation du domaine, |
| 41 | +- au pipeline de transformation des données, |
| 42 | +- aux choix ETL, de qualité et d’exploitation. |
| 43 | + |
| 44 | +➡️ **Lectures recommandées :** |
| 45 | +- 📄 `README_DATA.md` — *présentation orientée data* |
| 46 | +- 📄 `README_DATA_SCHEMAS.md` — *version avec schémas et pseudo-structures* |
| 47 | + |
| 48 | +--- |
| 49 | + |
| 50 | +## 🏛️ Vous êtes curieux·se, étudiant·e, enseignant·e ou structure culturelle |
| 51 | + |
| 52 | +Vous vous intéressez avant tout : |
| 53 | +- à la mythologie grecque, |
| 54 | +- à la démarche de médiation culturelle, |
| 55 | +- à la manière dont le site permet d’explorer les mythes. |
| 56 | + |
| 57 | +➡️ **Lecture recommandée :** |
| 58 | +- 📄 `README_CULTUREL.md` — *présentation éditoriale et culturelle* |
| 59 | + |
| 60 | +--- |
| 61 | + |
| 62 | +## 🌐 Le projet en ligne |
| 63 | + |
| 64 | +👉 https://mythoskolis.com |
| 65 | + |
| 66 | +--- |
| 67 | + |
| 68 | +## ℹ️ À propos de ce dépôt |
| 69 | + |
| 70 | +- Ce dépôt correspond à une **V1++ publique**. |
| 71 | +- Certains modules (notamment le graphe généalogique interactif *HoloGraph*) sont propriétaires et volontairement exclus. |
| 72 | +- Le projet est vivant et évolutif. |
4 | 73 |
|
5 | 74 | --- |
6 | 75 |
|
7 | | -🔗 Démo : https://mythoskolis.com |
8 | | - |
9 | | -## 1. Fonctionnalités principales |
10 | | -- Fiches entités (dieux, titans, héros, créatures) en Markdown + frontmatter. |
11 | | -- Récits narratifs avec métadonnées (YAML) et filtre de recherche (titres + thématiques, insensible à la casse/accents). |
12 | | -- HoloGraph interactif : graphe généalogique généré depuis `data/genealogie.yaml` → JSON statique. |
13 | | -- Thème clair/sombre avec toggle persistant. |
14 | | -- Pages éditoriales (ressources, à propos). |
15 | | - |
16 | | -## 2. Stack technique |
17 | | -- Astro (site statique) |
18 | | -- Tailwind CSS (design system `mk-*`) |
19 | | -- Markdown + frontmatter YAML (collections Astro) |
20 | | -- Scripts de génération JSON (généalogie) |
21 | | -- Déploiement Cloudflare Pages (build Astro) |
22 | | - |
23 | | -## 3. Modélisation des données |
24 | | -- `data/genealogie.yaml` = source de vérité des relations ; export JSON auto via `scripts/generate-genealogie-json-new.mjs` (hooké sur `predev` / `prebuild`). |
25 | | -- Collections éditoriales dans `src/content/` (entités, récits, ressources) avec IDs stables ; l’ego-graph et les fiches partagent les mêmes IDs. |
26 | | -- Médias préfixés par culture/ID (`public/faces/grecque-*.webp`, `public/images/`, `public/videos/`) avec fallback vidéo > image > placeholder. |
27 | | -- Encarts/boutons HoloGraph affichés uniquement si l’ID existe dans le YAML ; HoloGraph isolé (CSS/JS d’origine, sans Tailwind). |
28 | | - |
29 | | -## 4. Installation locale |
30 | | -```bash |
31 | | -npm install |
32 | | -npm run dev |
33 | | -# ou pour expliciter l’hôte/port : |
34 | | -# npm run dev -- --host --port XXXX dans le cas de tests -même distants- sur mobile via Tailscale |
35 | | -``` |
36 | | - |
37 | | -## 5. Organisation du projet |
38 | | -``` |
39 | | -mythoskolis/ |
40 | | -├── data/ # YAML généalogie (source unique) |
41 | | -├── public/ # Médias statiques (faces/, images/, videos/) |
42 | | -├── src/ |
43 | | -│ ├── components/ # Header, Footer, EgoGraph, etc. |
44 | | -│ ├── content/ # Fiches entités/récits/ressources (MD + FM) |
45 | | -│ ├── lib/ # Lecture/transformations généalogie |
46 | | -│ ├── pages/ # Pages Astro |
47 | | -│ └── styles/ # Styles globaux (Tailwind, mk-*) |
48 | | -├── scripts/ # Génération JSON généalogie |
49 | | -└── tools/ # Inspecteurs YAML/MD (maintenance locale) |
50 | | -``` |
51 | | - |
52 | | -## 6. Scripts utiles |
53 | | -```bash |
54 | | -npm run dev # serveur de dev |
55 | | -npm run build # build statique (dist/) |
56 | | -npm run preview # prévisualiser le build |
57 | | -npm run format # Prettier |
58 | | -npm run yaml:tool:new # inspecteur YAML (relations, nouvelles structures) |
59 | | -npm run md:tool # inspecteur Markdown (frontmatter + corps) |
60 | | -``` |
61 | | - |
62 | | -## 7. Roadmap (extrait) |
63 | | -- ✔️ Graphe généalogique interactif + encarts/boutons conditionnels sur les fiches. |
64 | | -- ✔️ Filtre récits sur titres + thématiques (case/accents insensibles). |
65 | | -- ✔️ HoloGraph isolé (CSS/JS d’origine, pas de Tailwind/design system). |
66 | | -- ✔️ Accessibilité/SEO (alts, aria, contrastes AA). |
67 | | -- ✔️ Filtres/badges nature/panthéon sur la liste des entités. |
68 | | -- ✔️ Enrichir `source_texts` / variantes ; médias préfixés (ancienne arbo à trancher). |
69 | | -- ✔️ QA/CI : lint/format auto, tests YAML, visuels ego-graph, CI build PR ; ☐ section portfolio à ajouter. |
70 | | -- ☐ V2 : navigation ego-graph avec variantes, multi-cultures, packaging du module. |
71 | | - |
72 | | -## 8. Valeur pour recruteurs/lecteurs |
73 | | -- Stack moderne Astro + Tailwind v4, design system maison (`mk-*`). |
74 | | -- Modélisation et pipelines : YAML → JSON → Astro, fallback médias, IDs partagés entre front et graphe. |
75 | | -- UX mobile avec thème clair/sombre, filtres, cartes cohérentes. |
76 | | -- Maintenance sans CMS : inspecteurs YAML/MD, scripts de génération intégrés au build. |
77 | | - |
78 | | -## 9. Licence |
79 | | -Unlicensed / All rights reserved |
| 76 | +Bonne exploration. |
0 commit comments