v1.6
This commit is contained in:
parent
1082ef13fb
commit
3c1c3d3e89
28 changed files with 249 additions and 126 deletions
123
README.md
123
README.md
|
|
@ -16,42 +16,47 @@ website/
|
|||
│ ├── faq.html # Questions fréquentes
|
||||
│ ├── mentions-legales.html
|
||||
│ ├── cgv.html
|
||||
│ └── 404.php # Page 404 (CSS/JS inline, fonctionne depuis n'importe quel chemin)
|
||||
│ └── 404.php # Page 404 (CSS/JS inline, chemin-indépendant)
|
||||
├── components/
|
||||
│ ├── header.html # Navbar (data-include)
|
||||
│ ├── footer.html # Footer + réseaux sociaux (data-include)
|
||||
│ ├── background.html # Fond géométrique animé
|
||||
│ ├── contact.html # Formulaire de contact réutilisable
|
||||
│ └── favicons.html
|
||||
│ ├── favicons.html
|
||||
│ └── index/
|
||||
│ ├── hero.html
|
||||
│ ├── apropos.html
|
||||
│ └── services.html
|
||||
├── assets/
|
||||
│ ├── css/
|
||||
│ │ ├── main.css # Styles globaux (thème dark/light, composants)
|
||||
│ │ ├── 404.css # Styles page 404
|
||||
│ │ └── legal.css # Styles pages légales
|
||||
│ ├── js/
|
||||
│ │ ├── main.js # Script partagé : thème, includes, social links, feather
|
||||
│ │ ├── main.js # ⭐ Config globale, thème, includes, social links
|
||||
│ │ ├── home.js # Accueil : portfolio, team carousel, partners, easter egg
|
||||
│ │ └── pages/
|
||||
│ │ ├── realisations.js # Portfolio + modal projet + galerie
|
||||
│ │ ├── realisations.js # Portfolio + modal projet + galerie images/vidéo
|
||||
│ │ ├── services.js # Onglets services
|
||||
│ │ ├── services-process.js # Animation timeline processus
|
||||
│ │ ├── legal.js # Pages légales
|
||||
│ │ └── 404.js # Easter egg page 404 (Game of Life)
|
||||
│ ├── data/
|
||||
│ │ ├── projects.json # ⭐ Projets (images, stats, tech, social)
|
||||
│ │ ├── projects.json # ⭐ Projets (images, vidéos, stats, tech, social)
|
||||
│ │ ├── team.json # ⭐ Membres de l'équipe
|
||||
│ │ ├── partners.json # ⭐ Partenaires
|
||||
│ │ ├── services.json # Détail des services
|
||||
│ │ ├── services.json # Détail des services et tarifs
|
||||
│ │ └── faq.json # Questions / réponses FAQ
|
||||
│ ├── images/
|
||||
│ │ ├── projects/ # Images des projets
|
||||
│ │ │ ├── kuby/ # imgk-1.png, ...
|
||||
│ │ │ ├── victorias-vice-1/ # imgvv1-1.jpg, ...
|
||||
│ │ ├── projects/ # Images et vidéos des projets
|
||||
│ │ │ ├── kuby/
|
||||
│ │ │ ├── victorias-vice-1/ # Inclut TrailerOfficielVV1.mp4
|
||||
│ │ │ ├── vicy/
|
||||
│ │ │ ├── site-omega/
|
||||
│ │ │ └── branding-omega-kube/
|
||||
│ │ ├── team/ # Photos membres : {id_discord}.png
|
||||
│ │ ├── partners/ # Logos partenaires : {name}.png
|
||||
│ │ ├── team/ # Photos membres : {id_discord}.png ou .jpg
|
||||
│ │ ├── partners/ # Logos partenaires — champ "logo" dans partners.json
|
||||
│ │ ├── social/ # Icônes réseaux gaming (fortnite.svg, epicgames.svg)
|
||||
│ │ └── favicon/
|
||||
│ ├── fonts/ # OmegaLarge, OmegaSmall, Montserrat
|
||||
│ └── php/
|
||||
|
|
@ -64,12 +69,13 @@ website/
|
|||
|
||||
### 1. Réseaux sociaux — un seul endroit
|
||||
|
||||
Dans `assets/js/main.js`, modifier l'objet `window.OK_SOCIAL` :
|
||||
Dans `assets/js/main.js`, modifier `window.OK_SOCIAL` :
|
||||
|
||||
```js
|
||||
window.OK_SOCIAL = {
|
||||
discord: 'https://discord.gg/FwvNkvu5dy',
|
||||
fortnite: 'https://www.fortnite.com/@omega_kube_team'
|
||||
fortnite: 'https://www.fortnite.com/@omega_kube_team',
|
||||
epicgames: '', // laisser vide pour masquer le lien
|
||||
twitter: 'https://x.com/Omegakube',
|
||||
instagram: 'https://www.instagram.com/omegakube/',
|
||||
youtube: 'https://www.youtube.com/@OmegaKube',
|
||||
|
|
@ -80,7 +86,9 @@ window.OK_SOCIAL = {
|
|||
};
|
||||
```
|
||||
|
||||
Tous les liens du site (footer, contact, modals) se mettent à jour automatiquement.
|
||||
Tous les liens du site (footer, contact, modals) se mettent à jour automatiquement. Les entrées vides `''` sont masquées automatiquement.
|
||||
|
||||
Les icônes gaming (Fortnite, Epic Games) sont des SVG locaux dans `assets/images/social/` — ils s'adaptent automatiquement au thème dark/light.
|
||||
|
||||
---
|
||||
|
||||
|
|
@ -91,7 +99,7 @@ Tous les liens du site (footer, contact, modals) se mettent à jour automatiquem
|
|||
```json
|
||||
{
|
||||
"id": 6,
|
||||
"category": "bot", // "bot" | "map" | "graphisme"
|
||||
"category": "bot",
|
||||
"title": "Nom du projet",
|
||||
"desc": "Description complète...",
|
||||
"gradient": "linear-gradient(135deg, #5E2040, #8b3a62)",
|
||||
|
|
@ -99,7 +107,7 @@ Tous les liens du site (footer, contact, modals) se mettent à jour automatiquem
|
|||
"duration": "2 mois",
|
||||
"images": "assets/images/projects/nom-du-projet/",
|
||||
"files": [
|
||||
"trailer.mp4", // vidéo locale
|
||||
"trailer.mp4", // vidéo locale (avec bouton mute)
|
||||
"https://youtube.com/watch?v=VIDEO_ID", // URL YouTube complète
|
||||
"yt:VIDEO_ID", // shortcode YouTube
|
||||
"img-1.png",
|
||||
|
|
@ -120,27 +128,34 @@ Tous les liens du site (footer, contact, modals) se mettent à jour automatiquem
|
|||
}
|
||||
```
|
||||
|
||||
Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
||||
Déposer les fichiers dans `assets/images/projects/nom-du-projet/`. Les noms doivent correspondre exactement au champ `files`.
|
||||
|
||||
**Catégories valides** : `"bot"` | `"map"` | `"graphisme"`
|
||||
|
||||
---
|
||||
|
||||
### 3. Ajouter un membre de l'équipe
|
||||
|
||||
Éditer `assets/data/team.json`. Photo optionnelle : `assets/images/team/{id_discord}.png`.
|
||||
Éditer `assets/data/team.json`. Photo optionnelle : `assets/images/team/{id_discord}.png` ou `.jpg` (fallback automatique).
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "123456789", // ID Discord = nom du fichier photo
|
||||
"id": "123456789",
|
||||
"name": "Pseudo",
|
||||
"role": "Rôle",
|
||||
"avatar": "P", // Lettre fallback si pas de photo
|
||||
"avatar": "P",
|
||||
"bio": "...",
|
||||
"stats": [...],
|
||||
"skills": ["Skill 1"],
|
||||
"stats": [
|
||||
{ "value": "3", "label": "Ans d'exp." }
|
||||
],
|
||||
"skills": ["Skill 1", "Skill 2"],
|
||||
"social": {
|
||||
"discord": "",
|
||||
"twitter": "",
|
||||
"github": ""
|
||||
"github": "",
|
||||
"instagram": "",
|
||||
"youtube": "",
|
||||
"tiktok": ""
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
@ -149,15 +164,16 @@ Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
|||
|
||||
### 4. Ajouter un partenaire
|
||||
|
||||
Éditer `assets/data/partners.json`. Logo optionnel : `assets/images/partners/{name}.png`.
|
||||
Éditer `assets/data/partners.json`. Le champ `logo` doit pointer vers le fichier image avec la **bonne extension** (`.png` ou `.jpg`).
|
||||
|
||||
```json
|
||||
{
|
||||
"name": "nom-slug", // = nom du fichier logo
|
||||
"name": "nom-slug",
|
||||
"displayName": "Nom Affiché",
|
||||
"description": "Courte description",
|
||||
"longDesc": "Description complète pour la modal",
|
||||
"description": "Courte description (carousel)",
|
||||
"longDesc": "Description complète (modal)",
|
||||
"gradient": "linear-gradient(...)",
|
||||
"logo": "assets/images/partners/nom-slug.png",
|
||||
"since": "2025",
|
||||
"services": ["Service rendu"],
|
||||
"stats": [
|
||||
|
|
@ -166,7 +182,9 @@ Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
|||
"social": {
|
||||
"discord": "",
|
||||
"website": "",
|
||||
"twitter": ""
|
||||
"twitter": "",
|
||||
"youtube": "",
|
||||
"instagram": ""
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
@ -175,12 +193,12 @@ Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
|||
|
||||
### 5. FAQ
|
||||
|
||||
Éditer `assets/data/faq.json` — ajouter des catégories ou questions :
|
||||
Éditer `assets/data/faq.json` :
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "ma-categorie",
|
||||
"icon": "help-circle", // icône Feather Icons
|
||||
"icon": "help-circle",
|
||||
"title": "Ma catégorie",
|
||||
"questions": [
|
||||
{ "q": "La question ?", "a": "La réponse." }
|
||||
|
|
@ -188,21 +206,35 @@ Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
|||
}
|
||||
```
|
||||
|
||||
Les icônes sont issues de [Feather Icons](https://feathericons.com/).
|
||||
|
||||
---
|
||||
|
||||
## 🌐 Déploiement
|
||||
|
||||
- **Serveur** : PHP requis uniquement pour `404.php` et `send_mail.php`
|
||||
- **Contact** : configurer l'adresse email dans `assets/php/send_mail.php` (`$to`)
|
||||
- **Contact** : configurer l'adresse email destinataire dans `assets/php/send_mail.php` (`$to`)
|
||||
- **Apache** : le `.htaccess` gère la 404 et désactive le listing de dossiers
|
||||
- **Thème** : dark par défaut, toggle persisté en `localStorage`
|
||||
- **WAMP local** : utiliser `http://localhost/nom-du-dossier/` — les chemins assets sont relatifs
|
||||
|
||||
---
|
||||
|
||||
## 🎨 Thème dark/light
|
||||
|
||||
Le site supporte deux thèmes via l'attribut `data-theme` sur `<html>` :
|
||||
|
||||
- `data-theme="dark"` (défaut)
|
||||
- `data-theme="light"`
|
||||
|
||||
Toutes les couleurs sont des variables CSS définies dans `main.css`. Les textes sur images (cartes portfolio, bento projets phares) restent toujours blancs grâce à des gradients sombres en bas, que ce soit en dark ou light.
|
||||
|
||||
---
|
||||
|
||||
## 🥚 Easter Eggs
|
||||
|
||||
- **PC** : taper le Konami Code `↑ ↑ ↓ ↓ ← → ← → B A`
|
||||
- **Mobile** : 10 taps rapides sur le logo navbar ou le logo footer
|
||||
- **PC** : Konami Code `↑ ↑ ↓ ↓ ← → ← → B A`
|
||||
- **Mobile** : 10 taps rapides sur le logo navbar ou footer
|
||||
- **Page 404** : 10 taps sur le "404" → Game of Life de Conway
|
||||
|
||||
---
|
||||
|
|
@ -214,28 +246,13 @@ Déposer les images dans `assets/images/projects/nom-du-projet/`.
|
|||
| HTML5 / CSS3 | Structure et styles, thème dark/light |
|
||||
| JavaScript ES6+ | Logique, composants, données JSON |
|
||||
| PHP | Formulaire de contact, page 404 |
|
||||
| Feather Icons | Icônes (CDN) |
|
||||
| Feather Icons | Icônes UI (CDN) |
|
||||
| Simple Icons | Icônes réseaux sociaux gaming (SVG locaux) |
|
||||
| Montserrat | Police secondaire |
|
||||
| OmegaLarge / OmegaSmall | Polices custom OmégaKube |
|
||||
|
||||
---
|
||||
|
||||
## 👥 Contribution
|
||||
|
||||
Pour contribuer au projet:
|
||||
|
||||
1. Créer une branche feature (`git checkout -b feature/xyz`)
|
||||
2. Faire vos modifications
|
||||
3. Commiter avec des messages clairs (`git commit -m "Add xyz feature"`)
|
||||
4. Pusher et créer une Pull Request
|
||||
|
||||
---
|
||||
|
||||
## ⚖️ License & Mentions légales
|
||||
|
||||
Consulter [pages/mentions-legales.html](pages/mentions-legales.html) et [pages/cgv.html](pages/cgv.html).
|
||||
|
||||
---
|
||||
**Version du site web**: 1.5.2.17
|
||||
**Dernière mise à jour**: Avril 2026
|
||||
**Mainteneur**: KIRITO_KMA / L'équipe OmégaKube
|
||||
**Version** : 1.6.0
|
||||
**Dernière mise à jour** : Avril 2026
|
||||
**Mainteneur** : KIRITO_KMA / L'équipe OmégaKube
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue