# :calendar: 01/02/2023 :::info :bulb: Bienvenue sur mon journal de bord : j'y publierai chaque jour quelque chose que j'aurai appris, un problème rencontré et sa solution, une idée de projet, ou ce que je souhaite mettre à mon planning du lendemain. Vous pouvez commenter librement ce document pour me faire un coucou ou pour réagir à son contenu, n'hésitez pas ! ::: ## :pencil2: Le moment important du jour :::success Première surchauffe ! ::: ## :brain: Mots-Clés du jour :::danger portfolio ; animation ; CSS ; bug ; projets ::: ### :new: Ce que j'ai appris aujourd'hui :::warning - J'ai découvert la possibilité de bloquer sur son code pendant quelques heures ::: ### :hammer: Bug Fixes et problèmes rencontrés :::warning - En voulant implémenter la wheel que j'avais faite avec FreeCodeCamp dans mon portfolio pour présenter mes projets dans un mouvement de rotation, de nombreux bugs sont apparus : - cette foutue wheel ne veut absolument pas entrer dans un cadre fixe (logique, elle bouge...). J'aimerais lui définir un espace dont elle n'a pas le droit de dépasser - remplacer la couleur de remplissage par un visuel contenant un lien, difficulté liée au mouvement du cadre et aux imbrications d'éléments à l'intérieur d'autres éléments. - impossible de contraindre l'animation à rester dans un cadre pour y ajouter un titre et un bouton. ::: ### :wrench: Solution apportée au problème :::warning - Utiliser l'inspecteur et la réduction du code dans VS Code pour mieux visualiser son architecture globale - Retravail de l'architecture en html afin de mieux organiser les éléments en flex et en grid afin de mieux les contrôler ::: ## :mag: Une idée pour plus tard? :::danger - Donner aux deux wheels des bordures rouges bien voyantes pour repérer son cadre et mieux le manipuler (dans une flexbox/grid) - Il va peut-être falloir revoir et simplifier le projet, la simple page Projets m'a pris la journée et est loin d'être terminée. ::: <br> #### :globe_with_meridians: Mes réseaux : #### - Twitter : [@floriangaudin](https://twitter.com/floriangaudin) #### - Github : [Florian-Gaudin](https://github.com/Florian-Gaudin) #### - LinkedIn: [Florian--Gaudin](https://www.linkedin.com/in/florian--gaudin/)