Publié Arrow up right Modifié Arrows round Haut Arrow bar to up Status checklist Documentation folders Dépôt de code source code tag Licence license Page photo du projet camera Étiquette d'article ou de page tag Catégorie box Check checkmark Écriture en cours writing Point important Arrow right

epy is a geek.net
Informatique et bidouilles, libres

# Développements pour le site

Du code, des icônes, du code, des bugs…

La fonctionnalité voulue

Plein de petits ajouts en ce 1er décembre, j’étais motivé, j’avais déjà commencé l’une des features que je voulais ajouter à mes pages de projets..

La fonctionnalité qui a déclenché le reste est donc: l’affichage des informations autour de chaque projet, sur la page de présentation.

Vous y trouverez donc:

  • L’état du projet: brouillon (juste une vague idée), réflexion (recherches), réalisation (matérielle et logicielle) , production (projet en cours d’utilisation), abandon
  • Le lien vers la documentation (dès qu’il y en aura une ! ^_^)
  • Le lien vers le code source, sur mon dépot Git public
  • Le nom de la licence choisie ainsi qu’un lien pour le détail
  • Une page de photos du projet lorsqu’il y en a.

Le tout est automatique, il me suffit de préciser l’une ou l’autre de ces infos dans les méta-données de l’article !

Je suis super content d’être parvenu à un résultat qui me plaise vraiment, du premier coup quasiment.

Les fonctionnalités indispensables

Pour que cet affichage soit joli et pratique j’ai ajouté des icônes sur les pages:

screenshot nouvelles icônes

C’était l’occasion de jouer avec SVG d’ailleurs ! Je ne l’utilise pas encore de la façon la plus propre, si un pro du domaine regarde le code… ; mais j’ai fait au mieux de ce que je pouvais pour le moment :)

Les améliorations à ce niveau se feront plus tard, en sous-marin.

Puisque j’avais des icônes pour cette fonction, j’en ai ajouté pas mal d’autres qui améliorent la lisibilité des informations: Liste des tags, dates de publication et modification, catégorie, ..

C’est simple, sobre et plutôt facile à maintenir :)

Les petites modifs invisibles

J’ai ajouté deux catégories d’articles: systèmes et code. À voir comment je les utilise Je trouvais que parfois cela pouvait être intéressant pour des articles vraiment ciblés, comme celui-ci pour une news “développement pur”.

J’adore vraiment Pelican pour tout ce que je peux faire assez simplement (récupération des méta-données…)

J’ai amélioré mon utilisation du protocole OpenGraph sur les pages de news et d’articles, maintenant les données sont vraiment pertinentes par rapport au contenu et pas génériques en rapport avec la page d’accueil uniquement. La modification n’a pris que quelques minutes ! Toutes les infos étaient déjà récupérées par Pelican

J’ai ajouté des images d’illustration en en-tête d’article, à défaut d’avoir testé celles qui seront au milieu des articles. Elles ne sont pas encore utilisées mais le code est prêt (et testé). Là aussi, plutôt simplement avec une méta-donnée supplémentaire :)

Les bugs

Il y en a forcément, ceux que je n’ai pas encore vus et ceux que j’ai vus:

  • Les chevrons du menu ne sont pas bien placés
  • Ces chevrons ne bougent pas à l’ouverture du menu (cette dernière buggue légèrement aussi, mais ça date d’avant)
  • Le menu ne reste pas ouvert lorsqu’un article est affiché (depuis le début aussi)

Encore du boulot

Comme un projet à part entière, ce site aura besoin d’encore pas mal de Ko de code ou de réorganisation de ma façon de publier: le theme et le contenu sont dans le même repo Git, pas encore de pages de photos, etc.


Retour en haut