Petit projet de collaboration entre nous les SPHINX. Tu as le champ libre pour améliorer le code !!!
Ta principale mission (si tu l'acceptes) est de positionner un tag sur ta région et de renseigner quelques infos !! Attention pas d'informations trop personnelles !! Ton prénom, ta région et si tu fais partie des 99.99% des personnes sensées qui disent "pain au chocolat" et non chocolatine (non mais chocolatine sérieux!!!) ou encore qu'en vrai tu veux devenir dévellopeur pour l'argent (non, ça faut pas le dire en vrai). Enfin voilà un petit mot sur toi ou un truc drôle ou pas drôle comme tu le sens
- Dans le fichier "index.html", Copier/coller la balise "button class="new-name""
-
Renseigne la balise avec tes informations (sans oublier de changer les New-name, celui de class="New_name" et celui qui précède
par ton_prénom)
-
choisis ton icone dans les liens proposés et remplace la par celle existante
-
Copier&coller le fichier "New-name.scss" et renomme le par "ton_prénom.scss"
-
Dans ce fichier "ton_prénom.scss" renomme la class ".New-name" par ".ton_prénom"
-
Dans le fichier "index.scss" ajoute "@use './ton_prénom';"
-
Npm start et lance le projet dans le navigateur
-
Dans le fichier "prénom.scss" modifie l'emplacement du logo jusqu'à la position de ta ville avec les balises "top:" et "left:" en %
-
Petite verification dans le navigateur que tout reste en place au retrécissement de la fenêtre, du clique sur ton icone et le tour est joué, plus qu'à commit !!
N'hésites pas à voir pour des améliorations plus poussées comme des animations css ou autre
<img class="icons"src="https://img.icons8.com/external-icongeek26-outline-icongeek26/64/null/external-egyptian-egypt-icongeek26-outline-icongeek26-1.png" />
<img class="icons"src="https://img.icons8.com/external-icongeek26-outline-icongeek26/64/null/external-egyptian-egypt-icongeek26-outline-icongeek26.png" />
<img class="icons" src="https://img.icons8.com/external-icongeek26-outline-icongeek26/64/null/external-egyptian-egypt-icongeek26-outline-icongeek26-2.png" />
<img class="icons" src="https://img.icons8.com/external-dreamcreateicons-detailed-outline-dreamcreateicons/64/null/external-anubis-museum-dreamcreateicons-detailed-outline-dreamcreateicons.png" />
<img class="icons" src="https://img.icons8.com/external-outline-andi-nur-abdillah/64/null/external-sphinx-landmark-outline-outline-andi-nur-abdillah.png"/>
<img class="icons" src="https://img.icons8.com/external-dreamcreateicons-detailed-outline-dreamcreateicons/64/null/external-sarcophagus-museum-dreamcreateicons-detailed-outline-dreamcreateicons.png"/>
Pour plus d' icones ( respecter le thème SVG noir SVP ;) ):
https://icons8.com/icons/set/egyptian-hieroglyphic
Un merci à Julien pour l'aide apporté à l'élaboration du projet