Bienvenue sur Oh My Food

Qu’est-ce que c’est ?

Oh my food est un site web présentant quatres menus de grands-chefs français.

Il présente des animations réalisées en CSS sur chaque page pour rendre le site plus attractif.

Vous pouvez voir le résultat ici : https://flora-pvt.github.io/p3-ohmyfood/

Je l'ai réalisé ce site web en HTML/CSS et grâce à Sass, durant l’été 2020, dans le cadre de ma formation de développeur web.

Ce projet a été créé à partir de visuels fournis par Open Classrooms.

Comment le modifie-t-on ?

Si vous souhaitez cloner ce projet pour y apporter des modifications il est nécessaire d'installer le préprocesseur Sass.

Comment utiliser Sass sur ce projet ?

Pour installer et apprendre à utiliser Sass consultez le site Web de Sass qui vous guidera : https://sass-lang.com/

Une fois que vous avez installé Sass, vous pouvez l'exécuter pour compiler les fichiers .scss en un fichier .css en écrivant dans la ligne de commande de votre terminal : npm run sass

Tant que vous n’interrompez pas le processus, le script attendra et sera à l'affût de tout changement à compiler. Si tout a fonctionné comme prévu, la ligne de commande va repérer le changement puis nous indiquera qu’elle a recompilé le CSS.

Une fois les fichiers compilés en un fichier .css vous pouvez ajouter les préfixs nécessaires pour tous les navigateurs en écrivant dans la ligne de commande de votre terminal : npm run prefix