Zed Photography

Portfolio Photographe - Zed Photography

📸 À Propos du Projet

Ce projet est un portfolio professionnel complet créé avec Nue.js, un framework web moderne HTML/CSS-first. Il présente le travail d'un photographe professionnel spécialisé dans les portraits, mariages, événements et paysages.

🚀 Fonctionnalités

Pages Principales

Composants Réutilisables

Fonctionnalités Techniques

🛠️ Technologies Utilisées

📁 Structure du Projet

zed/
├── /                    # Composants globaux
│   ├── layout.html            # Layout principal (header/footer)
│   └── styles.css             # Styles CSS principaux
├── /                   # Composants réutilisables
│   └── gallery.html           # Composants de galerie
├── images/                     # Dossier des images (vide - utilise URLs)
├── index.md                   # Page d'accueil
├── apropos.md                 # Page à propos
├── portfolio.md               # Page portfolio
├── services.md                # Page services
├── contact.md                 # Page contact
├── site.yaml                  # Configuration Nue
├── IMAGES-SETUP.md           # Guide configuration images
├── generate-placeholders.sh   # Script génération placeholders
└── README.md                  # Documentation du framework

🎨 Personnalisation

Couleurs et Thème

Les couleurs sont définies dans @global/styles.css avec des CSS Custom Properties :

:root {
  --primary-color: #1a1a1a;      /* Noir principal */
  --secondary-color: #f5f5f5;     /* Gris clair */
  --accent-color: #c9a96e;        /* Or/beige */
  --text-color: #333;             /* Texte principal */
  --text-light: #666;             /* Texte secondaire */
  --white: #ffffff;               /* Blanc */
}

Typographie

Images

Le portfolio utilise actuellement des images placeholder via Lorem Picsum. Voir IMAGES-SETUP.md pour remplacer par de vraies photos.

🚦 Démarrage Rapide

Prérequis

Installation et Lancement

# Cloner le projet
cd zed

# Lancer le serveur de développement
nue

# Le site sera accessible sur http://localhost:8080

Build pour Production

# Build optimisé
nue build -p

# Les fichiers seront dans ~/.build/

📝 Configuration Site

Le fichier site.yaml contient la configuration principale :

# Composants globaux et bibliothèques
globals: ["@global"]
libs: ["@library"]
inline_css: true

# Navigation principale
nav:
  - Accueil: /
  - À propos: /apropos.html
  - Portfolio: /portfolio.html
  - Services: /services.html
  - Contact: /contact.html

# Métadonnées
title: "Zed Photography"
description: "Photographe professionnel spécialisé dans les portraits, événements et paysages"
author: "Alexandre Martin"
lang: "fr"

# Réseaux sociaux
social:
  instagram: "https://instagram.com/zedphotography"
  facebook: "https://facebook.com/zedphotography"
  linkedin: "https://linkedin.com/in/zedphotography"

📊 Contenu du Portfolio

Galeries Photos

Services Proposés

  1. Portraits Professionnels (à partir de 150€)

  2. Photographie de Mariage (à partir de 800€)

  3. Événements & Corporate (200€/heure)

  4. Nature & Paysages (à partir de 120€)

Services Complémentaires

🎯 SEO et Performance

Optimisations SEO

Performance

📱 Responsive Design

Le design s'adapte automatiquement :

Points de rupture principaux :

🔧 Maintenance

Mise à Jour du Contenu

  1. Ajouter des photos :

  2. Modifier les tarifs :

  3. Changer les informations de contact :

Ajout de Nouvelles Pages

# Créer une nouvelle page
echo "---\ntitle: Ma Nouvelle Page\n---\n# Contenu" > nouvelle-page.md

# Ajouter à la navigation dans site.yaml
nav:
  - Nouvelle Page: /nouvelle-page.html

🌐 Déploiement

Netlify (Recommandé)

  1. Connecter le repository GitHub

  2. Configuration build :

  3. Variables d'environnement : Aucune requise

Autres Plateformes

📞 Support

Pour toute question ou problème :

📄 Licence

Ce portfolio est un template libre d'utilisation. Les images placeholder sont fournies par Lorem Picsum sous licence libre.

🎉 Crédits

Dernière mise à jour : 2025