Aller au contenu principal

🚨Prérequis

Pour suivre ce tutoriel, vous devez posséder un compte GitHub.

➕ Créer une page

📭 Ouvrir un ticket

rendez-vous sur la page suivante : Github

puis sélectionnez l’option suivante:

Create your own page

Une fois cela fait vous arrivez maintenant sur une nouvelle page, c’est ici que la magie opère 🧙‍♀️!

Edite votre pull request

Dans un premier temps paniqué 🥴

Dans un second temps changer le titre de l’issue

Puis vous devez écrire dans la deuxieme partie

Vous avez une ⚙️ Liste des options pour vous aider à rediger votre page Lyna.

danger

Attention vous devez écrire une ligne par option !

Une fois que vous avez terminé cliquez sur “Submit new issue”.

astuce

Vous pouvez avoir un aperçu de votre page lyna. Pour cela attendez quelques minutes pour laisser le robot 🤖 la crée puis rendez-vous dans l'onglet “Pull requests” et cherchez le nom de votre page. Sur cette nouvelle page, un utilisateur appelé “Netlify” à écrit un message

Untitled

✏️ Éditer une page

Pour éditer une page lyna c’est le même procédé ➕ Créer une page mais vous devez sélectionner l’option suivante:

Untitled

⚙️ Liste des options

🪧 Changer le nom

### Your name

📝 Changer la description

## Your description ..........

🎨 Changer l’avatar

Logo: ![lyna](https://lyna.netlify.app/pages/home/lyna.png)
astuce

Vous pouvez glisser déposer vos images directement sur github 😉

danger

Votre image doit être obligatoirement en 512x512 pixels

🌐 Ajouter un lien

[Lyna](https://lyna.netlify.app/)
astuce

Vous pouvez ajouter autand de liens que vous le souhaitez, il n’y a donc aucune limite.

🎨 Changer l'arrière plan (Optionnel)

Background: ![background](https://lyna.netlify.app/pages/home/homeback.png)
info

Vous pouvez glisser déposer vos images directement sur github 😉

astuce

Les vidéos et les images sont supportés par lyna.

danger

Attention à la limitation Github, votre fichier doit faire maximum 100 MB

danger

Votre image doit être obligatoirement en 1920x1080 pixels

🎨 Changer les couleurs (Optionnel)

> #1C1117, #422835, #CF711B, #808080

Voici à quoi correspond les couleurs:

  1. Couleur de fond
  2. Couleur du panneau central
  3. Couleur du texte au survol
  4. Couleur du texte

🎵 Ajouter de la musique (Optionnel) [WIP]

🎛️ Sélectionner une animation (Optionnel) [WIP]