Garage

L'association Deuxfleurs a développé Garage, un service de stockage de données léger, performant, open-source et géo-distribué.

Le site web a été conçu en gardant en mémoire qu'il devait être le plus léger et le plus rapide possible.
Aussi, aucun artifice ou fioriture n'avait sa place. Le rendu devait être sobre et professionnel.

Pour un visiteur n'ayant pas de JavaScript activé sur son navigateur, le rendu devait différer au minimum de sa version avec JavaScript.
Il en est de même pour les scripts utilitaires, ils devaient au mieux rester actifs et remplir leurs tâches.
L'affichage correct sur un navigateur en mode texte en CLI, tel que Lynx, était aussi une condition à respecter.

Garage étant développé en Rust, il était naturel de continuer dans cette lancée.
C'est pourquoi mon choix s'est tourné vers Zola, un moteur de site statique lui-même développé en Rust !
Parfait pour générer quelques pages, une documentation technique ainsi qu'un blog.

J'ai fait le choix de Tailwind CSS pour le style de l'application.

Élaboration du projet

• Création du logo
• Création de la charte graphique
• Intégration et développement du site web

Partie Documentation

• Une documentation inspirée grandement de la documentation officielle de Rust

  Le contenu de la documentation est généré à partir de fichiers markdown.

• Une table des matières sur la gauche pour un accès rapide

  Les titres H1 chapitrent la documentation sous forme de menu.
  Lors d'un clic, le chapitre est déployé pour laisser apparaitre ses sous-chapitres.
  Les autres menus sont automatiquement repliés (sauf si JavaScript désactivé).

• Le contenu de la page sur la droite pour une navigation rapide

• Un design adapté aussi bien sur grand écran que sur mobile

• Une fonction recherche globale au sein de la documentation

  Un index est chargé uniquement en cas de clic sur la fonction recherche pour ne pas alourdir inutilement la page.
  La fonction recherche ne peut fonctionner qu'avec JavaScript activé.
  Le raccourci clavier Ctrl + S permet d'ouvrir ou fermer la fenêtre de recherche.

Partie Blog

• Possibilité d'écrire des articles au format markdown

• Front Matter