Voici mon petit project HTML, CSS et JS !
IMPORTANT !!!
Je n'ai pas été prudent concernant la manière de récuperer les données des recettes, il faut donc quelques prerequis pour qu'il fonctionne bien:
- Utiliser Firefox
- se rendre sur
about:config
- Changer la règle
privacy.file_unique_origin
àfalse
(temporairement)
Ceci est du au fait que pour des raison de confort, j'ai utilisé l'extention Live Server de VSCode, qui simule un serveur, et qui ne se comporte donc pas comme juste des fichiers statiques
Toutes mes excuses pour ce petit probleme
Mon projet suis la structure suivante:
- Les fichiers
.html
et les données sont dans le dossier racine - les autres éléments, tel que les scripts
.js
, les feuilles de styles.css
ou les images, sont dans le dossier src
Chaque fichier html est lié aux fichier script et de style principaux, contenant ce qui est nécéssaire au fonctionnement de toutes les pages. ces fichiers sont index.js
et style.css
.
Chaque fichier a également sa propre feuille de style ou script, pour eviter de surcharger un seul fichier à chaque fois
Les polices utilisées sont Dosis et Lobster.
Certaines pages n'ont pas une structure statique et sont générées en fonction des données grâce a Javascript
Un easter egg est caché, bravo a vous si vous les trouvez ;D