Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-24 01:30:58 +00:00
Code Issues Packages Projects Releases Wiki Activity
Site-Web/README.md
Trit0 6199181c98 migration to astro
2026-02-06 21:27:05 -05:00

4.3 KiB
Raw Blame History

Club Conjure - Site Web Officiel

Site web officiel du club Conjure de l'École de Technologie Supérieure (ÉTS).

À propos

Laboratoire de médias interactifs - depuis 2009. Le Club Conjure offre formation, équipement et des opportunités de compétition aux développeurs de jeux vidéo et médias interactifs.

Technologies

  • Framework: Astro - Framework web statique ultra-rapide
  • Styling: SCSS + Bulma - CSS framework moderne
  • Carousel: Bulma Carousel - Carousel responsive
  • JavaScript: Vanilla JS pour les interactions

Installation & Setup

Prérequis

  • Node.js 16.12+ et npm

Installation

npm install

Développement

Démarrer le serveur de développement :

npm run dev

Le site sera disponible à http://localhost:3000

Build

Créer une version optimisée pour la production :

npm run build

Les fichiers générés seront dans le répertoire dist/

Aperçu du Build

Prévisualiser le build localement :

npm run preview

Structure du Projet

src/
├── pages/              # Routes statiques
│   ├── index.astro    # Page d'accueil (principal)
│   ├── 404.astro      # Page d'erreur 404
│   ├── 500.astro      # Page d'erreur 500
│   └── fr/            # Routes françaises
│       ├── index.astro
│       └── 404.astro
├── layouts/           # Layouts réutilisables
│   └── MainLayout.astro
├── components/        # Composants réutilisables
│   ├── Navigation.astro
│   └── Footer.astro
├── styles/           # Feuilles de style SCSS
│   ├── main.scss
│   └── _partials/
│       ├── _general.scss
│       ├── _navigation.scss
│       └── _media.scss
├── scripts/          # Scripts JavaScript/TypeScript
│   └── app.ts        # Logique d'application principale
└── env.d.ts          # Déclarations TypeScript Astro
public/               # Fichiers statiques
├── img/             # Images
│   ├── icons/
│   ├── competitions/
│   └── sponsors/
├── js/              # Scripts JS compilés
└── css/             # CSS minifiés

Pages

  • / - Page d'accueil principale (français)
  • /fr/ - Page d'accueil francaise (alias)
  • /404 - Page d'erreur 404
  • /fr/404 - Page d'erreur 404 (français)
  • /500 - Page d'erreur 500

Fonctionnalités

  • ✨ Navigation responsive avec menu hamburger
  • 📱 Design mobile-first avec Bulma
  • 🎠 Carousel de compétitions
  • ✏️ Animation de chiffres (année)
  • 🎬 Sections d'activités interactives
  • 🗺️ Carte intégrée Google Maps
  • 📱 Routes bilingues (Français disponible)

Scripts

Commande Description
npm run dev Démarre le serveur de développement
npm run build Crée une version optimisée pour la production
npm run preview Prévisualise le build en local

Déploiement

Le site Astro génère des fichiers HTML/CSS/JS statiques optimisés. Ces fichiers peuvent être déployés sur n'importe quel serveur web statique :

  • Netlify
  • Vercel
  • GitHub Pages
  • AWS S3
  • Hébergement traditionnel

Déployez simplement le contenu du répertoire dist/

Scripts Personnalisés

Carousel (src/scripts/app.ts)

Initialise Bulma Carousel pour le slider de compétitions.

Animation de Chiffres

Anime les années dans la section splash screen (2009 - année courante).

Activités Interactives

Gère les clics sur les boutons d'activités pour afficher/masquer le contenu détaillé.

Ressources

Auteurs

Club Conjure - ÉTS

Licence

ISC

Contactez-nous