Paginate directory and add cross-page name search (#580)

* Paginate directory and add cross-page name search

The /directory/ page rendered all 1,334 member cards into a single
2.9MB HTML file, with no loading indicator while Shuffle.js laid them
out. This switches to Hugo pagination (60/page) for the default view
and adds a JSON-driven filter path so search and the existing
interest/language/location filters still scan the full directory.

- Hugo pagination via .Paginate; pagination nav reused from the
  default list layout pattern
- New directory/list.json output emits every entry's searchable fields
  plus its rendered card HTML, so the JSON-driven view doesn't need to
  reimplement card markup in JS
- Name search input added above the existing filter dropdowns;
  diacritic-insensitive (NFD-normalised) so "maelle" matches "Maëlle"
- Active filters and search syncing to ?q=&interests=&languages=
  &location= so filtered views are shareable and survive reload
- Filtered results render in requestAnimationFrame batches of 20 to
  avoid blocking the main thread when a broad filter matches hundreds
  of cards
- Shuffle init wrapped in try/catch and isCentered:true removed —
  Shuffle's __getCenteredPositions has a bug where a missed splice
  leaves undefined entries, causing TypeError on .includes during
  initial layout

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* Render directory bio as markdown and drop per-entry r_packages

The new directory JSON schema may include a `bio` key with markdown
text. Surface it as the page Content via _content.gotmpl so it renders
through Hugo's markdown pipeline. Reorganise the right column card to
show About above Interests/Activities (using the i18n "about" label
without repeating the entry name), and only render the Activities
heading when r_groups actually has entries.

Drop the inline r_packages section that read from the per-entry JSON;
authored packages are sourced from awesome-rladies-creations now and
already render via the existing remote walk + hex-wall.

Add bio fields to the Grace Hopper and Hedy Lamarr sample entries so
the markdown rendering is exercised in the build.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: drmowinckels

content/directory/_content.gotmpl

@@ -1,7 +1,7 @@
 {{ $.EnableAllLanguages }}
 {{ range $key, $dirArray := site.Data.directory }}
 
-  {{ $pageContent := "" }}
+  {{ $pageContent := $dirArray.bio | default "" }}
 
   {{ $imageURLScratch := newScratch }}
 

content/directory/_index.en.md

@@ -1,6 +1,9 @@
 ---
 title: "Directory"
 type: "directory"
+outputs:
+  - HTML
+  - JSON
 image:
   path: og-image.png
   alt: "Hexagonal photo grid of RLadies+ community members beside the message 'Find a speaker for your next event in our directory!'"

content/directory/_index.es.md

@@ -1,6 +1,9 @@
 ---
 title: "Directorio"
 type: "directory"
+outputs:
+  - HTML
+  - JSON
 ---
 
 Añádete al directorio de RLadies+ — solo toma unos minutos y tu perfil será visible para la comunidad.

content/directory/_index.fr.md

@@ -2,6 +2,9 @@
 title: "Membres"
 type: "directory"
 url: /fr/membres/
+outputs:
+  - HTML
+  - JSON
 ---
 
 Ajoutez-vous au répertoire RLadies+ — cela ne prend que quelques minutes et votre profil sera visible par la communauté.

content/directory/_index.pt.md

@@ -1,6 +1,9 @@
 ---
 title: "Diretório"
 type: "directory"
+outputs:
+  - HTML
+  - JSON
 ---
 
 Adicione-se ao diretório RLadies+ — leva apenas alguns minutos e seu perfil ficará visível para a comunidade.

data/directory/sample-grace-hopper.json

@@ -1,6 +1,7 @@
 {
   "name": "Grace Hopper (Sample Entry)",
   "honorific": "PhD, Rear Admiral",
+  "bio": "Grace was a pioneering computer scientist and a **Rear Admiral** in the United States Navy. She is credited with popularising the term *debugging* and contributed to the development of [COBOL](https://en.wikipedia.org/wiki/COBOL).\n\n- Authored the first compiler-related tools in the 1950s.\n- Champion of accessible programming languages.\n- Advocate for mentoring the next generation of engineers.\n\n> One of her famous sayings: \"The most dangerous phrase in the language is, 'we've always done it this way.'\"",
   "categories": ["Sample", "Speaker", "Mentor"],
   "location": {
     "city": "Arlington",

data/directory/sample-hedy-lamarr.json

@@ -1,6 +1,7 @@
 {
   "name": "Hedy Lamarr (Sample Entry)",
   "categories": ["Sample", "Speaker"],
+  "bio": "Hedy was an Austrian-American actress and inventor. With composer George Antheil she co-invented an early version of [frequency-hopping spread spectrum](https://en.wikipedia.org/wiki/Frequency-hopping_spread_spectrum) communication, a technique that underpins many modern wireless systems.\n\nShe held a US patent for the design and was inducted into the **National Inventors Hall of Fame** in 2014.",
   "location": {
     "country": "Austria"
   },

i18n/en.yaml

@@ -54,6 +54,8 @@ filter_languages: 'Filter by languages'
 search_languages: 'Search languages...'
 filter_location: 'Filter by location'
 search_location: 'Search location...'
+search_directory: 'Search by name…'
+no_results: 'No members match your filters.'
 preferred_contact: 'Preferred contact'
 connect: 'Connect'
 last_updated: 'Last updated'

i18n/es.yaml

@@ -54,6 +54,8 @@ filter_languages: 'Filtrar por idiomas'
 search_languages: 'Buscar idiomas...'
 filter_location: 'Filtrar por ubicación'
 search_location: 'Buscar ubicación...'
+search_directory: 'Buscar por nombre…'
+no_results: 'Ningún miembro coincide con tus filtros.'
 preferred_contact: 'Contacto preferido'
 connect: 'Conectar'
 last_updated: 'Última actualización'

i18n/fr.yaml

@@ -54,6 +54,8 @@ filter_languages: 'Filtrer par langues'
 search_languages: 'Rechercher des langues...'
 filter_location: 'Filtrer par localisation'
 search_location: 'Rechercher une localisation...'
+search_directory: 'Rechercher par nom…'
+no_results: 'Aucun membre ne correspond à vos filtres.'
 preferred_contact: 'Contact préféré'
 connect: 'Connecter'
 last_updated: 'Dernière mise à jour'