Ce site me semble maintenant assez abouti pour meriter une vraie description.

Pas abouti au sens absolu, car un site n’est jamais vraiment termine, mais assez abouti pour avoir une logique interne claire. Ce n’est plus seulement un site personnel ajuste page apres page. C’est devenu un petit systeme de publication organise autour du type de travail que je produis reellement : des articles, des projets, des ressources publiques, des questions, et une forme d’ecriture plus reflexive a cote de tout cela.

J’ai decide de donner a ce template le nom de Arvel Scholar.

La genealogie

Le site est construit avec Hugo et repose en derniere instance sur le theme PaperMod. C’est la base technique.

Mais il serait trompeur de dire qu’il s’agit simplement d’un site PaperMod. Le site s’appuie aussi sur le template Hugo de Pascal Michaillat, qui constitue deja une reinterpretation academique tres reflechie de PaperMod. Pascal a egalement presente cette approche ici : A Hugo website template for academics.

Le cheminement est donc assez simple :

  • PaperMod
  • la personnalisation academique de Pascal Michaillat
  • puis ma propre personnalisation pour un site de recherche bilingue

Cette derniere etape, c’est ce que j’appelle Arvel Scholar.

Pourquoi l’avoir modifie

Le probleme n’etait pas seulement une question d’apparence. C’etait surtout une question de structure.

Je ne voulais pas d’un flux unique ou tous les contenus se ressemblent. Je voulais que le site distingue plus clairement plusieurs formes de travail academique :

Ces categories n’obeissent pas a la meme logique, et elles ne devraient pas avoir l’air d’obeir a la meme logique. Un article n’est pas un projet. Une ressource n’est pas une note reflexive. Une question n’est pas un billet de blog. Le site avait donc besoin de plus qu’un theme ; il avait besoin de regles internes plus nettes.

Il y avait aussi une raison tres concrete a cette refonte : avant cette consolidation, certaines parties de ma presence en ligne etaient dispersees dans plusieurs systemes.

  • le site personnel principal etait sous WordPress
  • l’ancien site Questions etait un site Jekyll complet utilisant le theme Chirpy
  • l’ancien site Resources etait un autre site Jekyll complet utilisant Just the Docs

Il ne s’agissait donc pas seulement d’un travail de personnalisation visuelle. Il s’agissait aussi de sortir d’une certaine fragmentation.

La principale difference avec la version de Pascal

C’est sur la page d’accueil que la divergence est devenue la plus visible, et deux elements comptent davantage que tous les autres :

  • le mode sombre et le mode clair
  • le support direct du francais et de l’anglais

Cela peut sembler modeste, mais ces deux ajouts changent en profondeur la maniere dont le site fonctionne.

La version de Pascal m’a donne un modele de presentation academique tres fort. Ce qu’il me fallait en plus, c’etait un site qui puisse circuler naturellement entre plusieurs langues et rester confortable dans differents contextes de lecture. Il fallait donc que la page d’accueil devienne non seulement elegante, mais aussi utilisable.

Une partie de ce deplacement apparait directement dans la configuration :

defaultContentLanguage: en
defaultContentLanguageInSubdir: false

languages:
  en:
    languageName: English
    contentDir: content/en
  fr:
    languageName: Français
    contentDir: content/fr

params:
  defaultTheme: auto
  disableThemeToggle: false

Le sens de ce bloc est simple : ce site est construit pour circuler entre les langues, et il est construit pour circuler entre les modes visuels.

Le basculement de theme est tout aussi discret dans le code et tout aussi important dans l’usage :

document.getElementById("theme-toggle").addEventListener("click", () => {
  if (document.body.className.includes("dark")) {
    document.body.classList.remove("dark");
    localStorage.setItem("pref-theme", "light");
  } else {
    document.body.classList.add("dark");
    localStorage.setItem("pref-theme", "dark");
  }
});

Ce n’est pas une innovation technique spectaculaire. Mais cela change la maniere d’habiter le site. La page d’accueil devient moins une declaration figee qu’un espace de travail.

La couche linguistique est tout aussi importante. Dans les anciens sites Jekyll, la logique multilingue ne faisait pas partie de l’architecture generale. Ici, elle est directement integree a la structure du site :

content/
├── en/
│   ├── papers/
│   ├── projects/
│   ├── resources/
│   ├── questions/
│   └── writing/
└── fr/
    ├── papers/
    ├── projects/
    ├── resources/
    ├── questions/
    └── writing/

C’est en grande partie pour cela que la page d’accueil parait aujourd’hui plus integree que les anciens sites.

Ce qui a change en pratique

La page d’accueil fonctionne maintenant moins comme une page d’atterrissage generique que comme une page d’orientation. Elle presente le site comme un environnement de recherche plutot que comme une simple suite de contenus recents.

Au-dela de cela, j’ai passe du temps a rendre les sections internes plus lisibles.

Articles

La section articles devait rester sobre et compatible avec une logique de citation. Je voulais qu’elle ressemble davantage a une archive de recherche qu’a une page de presentation.

Projets

La section projets avait besoin d’un cadrage plus fort. Les projets ont leur temporalite, leur statut et leur finalite propres, et ils ne doivent pas etre visuellement confondus avec les publications.

Ressources

La section ressources devait gagner en clarte et en navigabilite. Ces pages fonctionnent souvent comme de la documentation, du materiel pedagogique ou des references publiques, plutot que comme de simples billets.

Cette section est aussi l’un des exemples les plus clairs de migration. Avant ce site Hugo, Resources Wall etait son propre site Jekyll de documentation utilisant Just the Docs. Dans son ancienne configuration, la declaration du theme ressemblait a ceci :

remote_theme: "just-the-docs/just-the-docs"
plugins:
  - jekyll-seo-tag
  - jekyll-github-metadata
  - jekyll-include-cache
  - jekyll-sitemap
  - jekyll-remote-theme

Cette configuration fonctionnait bien pour de la documentation, mais elle maintenait aussi les ressources dans un univers editorial separe. Leur integration dans Hugo a permis de les faire entrer dans le meme site de recherche tout en gardant une presentation plus adaptee a leur fonction.

Questions

La section questions est l’une des parties les plus singulieres du site. Elle se rapproche davantage d’un carnet intellectuel structure que d’une archive thematique classique.

Cette partie du site a elle aussi sa propre histoire. Avant d’etre integree a la structure actuelle, Questions etait un site Jekyll distinct construit avec Chirpy. Sa configuration de theme etait explicite :

theme: jekyll-theme-chirpy
title: Questions
tagline: A collection of the questions that keep me awake
url: "https://questions.mkante.ml"

Cet ancien site possedait deja une identite forte, mais il restait deconnecte du reste de ma publication. Refaire Questions dans Hugo consistait moins a conserver l’ancien theme qu’a conserver la fonction intellectuelle de cette section tout en l’integrant dans un ensemble plus vaste.

Une partie de cette differenciation apparait directement dans les templates :

{{ $isQuestionsPage := eq .Section "questions" }}
{{ $isProjectsPage := eq .Section "projects" }}

{{ if $isQuestionsPage }}
  <div class="questions-shell">
    ...
  </div>
{{ else if $isProjectsPage }}
  <div class="project-single-meta">
    ...
  </div>
{{ end }}

Le point essentiel n’est pas l’extrait lui-meme. Le point essentiel, c’est que le site accepte maintenant que des formes differentes de travail academique exigent des logiques d’affichage differentes.

Migration, et pas seulement redesign

Un autre element important de cette histoire est que le site actuel n’a pas ete construit uniquement en recopiant manuellement du contenu d’un systeme a un autre. Le site principal lui-meme provient d’un parcours de migration WordPress vers Hugo.

La page officielle de Hugo sur les migrations est ici : Migrate to Hugo. Elle recense des outils pour migrer depuis plusieurs systemes, dont WordPress et Jekyll. Pour WordPress, elle mentionne notamment wordpress-to-hugo-exporter, qui correspond au type de chemin que j’avais en tete au moment de travailler a partir du contenu exporte.

A un niveau tres general, une partie du changement ressemblait a ceci :

# Jekyll
bundle exec jekyll serve

contre :

# Hugo
hugo
hugo server

La comparaison est volontairement simple, mais elle dit quelque chose de reel. Le passage a Hugo a aussi ete un passage vers un processus de build plus rapide, plus propre et plus unifie.

Pourquoi le nom Arvel Scholar

J’ai envisage d’autres noms, notamment Reflective Scholar Mode, mais cette formule ressemble davantage a un reglage d’interface qu’a une identite de template.

Arvel Scholar me semble plus juste. Le nom evoque un template capable d’exister par lui-meme : un systeme academique derive, inscrit dans une tradition thematique existante, mais adapte a un usage plus personnel et plus bilingue.

Il ne s’agit pas de remplacer PaperMod, et encore moins d’effacer la contribution de Pascal Michaillat. Au contraire, ce travail montre surtout qu’une adaptation attentive peut etre plus feconde qu’un redemarrage a zero.

Ce que ce site represente maintenant

A ce stade, je ne pense plus a ce site comme a « mon site PaperMod ».

Il vaut mieux le decrire comme un site de recherche bilingue construit a partir :

C’est dans cette derniere couche que le site devient vraiment le mien.

Et c’est cela, pour l’instant, que nomme Arvel Scholar.