poudriere / homepage

poudriere.be's website
https://poudriere.be
3 stars 0 forks source link

[FT] - Amélioration UX : Navigation #4

Open Portevent opened 1 month ago

Portevent commented 1 month ago

Je me fait la remarque qu'un sommaire peut être intéressant pour faciliter la navigation. Cela peut être une simple liste avec des liens internes au début de la page (avec un bouton back to top qui suit la fenêtre). Mais si jamais on se motive, on peut faire un petit cadre à gauche du texte, qui suit la fenêtre au fur et à mesure que l'on scroll.

Pour la première solution, on peut attendre la migration vers l'outils Mardown to Nuxt. Si tenté que l'on migre toutes les pages de base, mais vu qu'on va intégrer l'outil pour le changelog, autant tout factoriser et avoir le site en Markdown (qui est converti auto en Nuxt). (La deuxieme solution pourra aussi être migrée sur l'outils. Comme ça demande plus de compétences Nuxt, c'est mieux si on la fait avant et qu'on teste qu'elle marche sur notre site, mais je peux la faire à la volée dans l'outils et prier pour que ça fonctionne

Pour finir, je me pose la question de est ce que l'on met une entête, avec un lien vers la page principale. Je suis mitigée sur cette idée, peut être que juste une icone de Poudriere en haut à gauche (en plus/à la place) du bouton retour arrière ca irait mieux. (l'icone de Poudriere pour revenir à la page principale). À discuter

Portevent commented 1 month ago

Je n'ai pas les droits pour ajouter des labels, je voulais flag l'issue en enhancement

aaryswastaken commented 1 month ago

En vrai je pense qu'on peut faire la deuxième option assez ez comme on a des templates, faut juste que les components Hx se référencent dans un object stocké en mémoire et que ce truc soit utilisé dynamiquement pour générer la table des matières

Portevent commented 1 month ago

Je ne connais pas Nuxt, mais on peut faire un composant/template table des matières , et chaque page lui donne une liste. Et pour l'instant on hardcode notre liste. Et quand viendra le générateur auto, il se chargera de lister tous les titres de la page et mettre les liens dans la table des matières