---
# System prepended metadata

title: ':calendar: 01/02/2023'

---

# :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/)