F.I.T — 冠閤企業 · Site web

Site vitrine bilingue (中文 / English) de 冠閤企業 F.I.T Industrial, fabricant de fil de verre retors (玻璃纖維合撚紗) et de membrane architecturale PTFE (建築用PTFE布膜).

🌐 En ligne : https://viv1bin.github.io/fit-website/

---

Stack

Site statique, sans étape de build : HTML + CSS + JavaScript vanilla.

• Navigation et pied de page injectés par JS (source unique dans assets/app.js).
• Bilingue via attributs data-zh / data-en (langue mémorisée dans le navigateur).
• Style « liquid glass » (glassmorphism) — clin d'œil à la fibre de verre.
• Contenu (actualités, téléchargements, projets) chargé depuis des fichiers JSON via fetch(), éditable sans toucher au code.
• Formulaire de contact relié à Web3Forms (envoi d'e-mail réel, sans serveur).

---

Structure

├── index.html              Accueil
├── about.html              À propos
├── products.html           Produits (aperçu)
├── product-yarn.html       Fiche — fil de verre retors
├── product-ptfe.html       Fiche — membrane PTFE
├── news.html               Liste des actualités
├── news-article.html       Gabarit d'article  (news-article.html?id=…)
├── download.html           Téléchargements (PDF)
├── projects.html           Réalisations (galerie)
├── contact.html            Contact + formulaire + carte
├── page.html               Gabarit de page libre  (page.html?slug=…)
│
├── assets/
│   ├── style.css           Design system + tous les composants
│   ├── app.js              Nav/footer, i18n, rendu du contenu, formulaire
│   └── …                   Images, logos, icônes
│
├── content/                ← contenu éditable (JSON)
│   ├── news.json
│   ├── downloads.json
│   ├── projects.json
│   └── pages/              Pages libres créées via le CMS
│
├── files/                  PDF téléchargeables
│
└── admin/                  Interface CMS (Decap) — voir DEPLOY.md

---

Mettre à jour le contenu

Option simple — éditer les fichiers JSON

Modifier directement les fichiers de content/ puis publier :

git add -A
git commit -m "maj contenu"
git push

Le site se reconstruit automatiquement (~1 min) sur GitHub Pages.

Option CMS — interface d'administration

Une interface web (/admin, basée sur Decap CMS) permet d'ajouter actualités, PDF, projets et pages sans code. Elle nécessite un hébergement Netlify (GitHub Pages ne peut pas écrire dans le dépôt). Marche à suivre : voir DEPLOY.md.

---

Aperçu en local

Le contenu est chargé via fetch(), qui ne fonctionne pas en ouvrant le fichier directement (file://). Lancer un petit serveur :

python3 -m http.server 8080
# puis ouvrir http://localhost:8080

---

Formulaire de contact

Relié à Web3Forms (clé dans contact.html). À la soumission, un e-mail est envoyé à l'adresse associée au compte Web3Forms. Aucun serveur à maintenir. 250 envois/mois sur l'offre gratuite.

---

Hébergement

• Actuel : GitHub Pages (site public).
• Pour activer le CMS /admin : Netlify + Netlify Identity + Git Gateway (guide complet dans DEPLOY.md).