Replace theme with Tailwind CSS + Alpine.js (#22)

* adjust logos

* Add new Tailwind CSS + Alpine.js theme (capro-tw)

Replace the Bootstrap 4 + jQuery theme with a modern stack:
- Tailwind CSS 4 with CSS-first configuration and design tokens
- Alpine.js for interactive components (nav, portfolio filter, testimonials)
- Self-hosted fonts via @fontsource (Space Grotesk, Spectral)
- FontAwesome compiled from SCSS, deferred loading
- Vanilla JS for scroll reveal and counter animations
- WebP image conversion throughout
- Client-side publication fetching via OpenAlex API (replaces R/GH Action pipeline)

Performance: Lighthouse homepage 53→89, team page 65→82
Accessibility: 100 on both pages
Best Practices: 100 on both pages

Removes gscholar_id from team member front matter (publications
now fetched client-side using ORCID IDs from social links).

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

* Clean up old infrastructure and update CI

- Remove R publication pipeline (scripts/get_pubs.R, weekly GH Action, data/team/pubs/)
- Update CI workflows to install Node.js and theme npm deps
- Remove weekly cron schedule (no longer needed without R fetching)
- Remove libcurl system dependency (was only for R)
- Fix misspelled config filename (langauges → languages)
- Fix Norwegian language config YAML indentation
- Add node_modules/ to .gitignore

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

* Polish sections to match original theme styling

- About: larger hexagons (160px), teal headings, more card padding
- Services: restore distinctive offset shadow, teal headings, muted icons
- Counters: dark card boxes around each counter item
- Add theme attribution to Themefisher's Timer theme in theme.toml

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

* Polish service blocks and alternate section backgrounds

- Remove hover effect from service blocks (no associated action)
- Increase service block padding and soften offset shadow
- Alternate bg-dark/bg-grey across homepage sections
- Single-word section titles render in grey, not red accent
- Counter cards with dark background boxes

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

* Add decorative wave lines and polish visual details

- Add SVG wave lines (primary red curves) to hero bottom, CTA edges, and footer top
- Match original theme styling: larger hexagons, service offset shadows, counter cards
- Portfolio cards with white image area, hover overlay with search circle, dark meta
- Team cards with border, red highlight on hover
- Section heading divider matches original (grey line with centered red bar)
- Alternating section backgrounds (dark/grey)
- Tighten footer spacing between waves and content

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

* Remove duplicate booking CTA from contact section

The CTA section already has a "Book a consultation" button.
Simplify contact to just the content text and address details.

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

* Keep booking CTA card, remove duplicate content link

Contact section now shows address details on the left and the
booking card on the right. The markdown content with inline
booking link is removed to avoid duplication.

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

* Add Leaflet map, team card borders, and visual polish

- Add interactive OpenStreetMap via Leaflet.js with red marker
- Leaflet loaded on demand (no API key needed)
- Team cards with subtle border, red on hover
- Footer spacing tightened

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

* Self-host Leaflet via npm instead of CDN

- Add leaflet as npm dependency
- Sync Leaflet JS, CSS, and images via postinstall
- Load from local vendor files with SRI integrity
- Remove CDN loading from map.js

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

---------

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

Author: drmowinckels

.github/workflows/build_preview.yaml

@@ -20,10 +20,13 @@ jobs:
           submodules: true 
           fetch-depth: 0 
 
-      - name: Update system libs
-        run: |
-          sudo apt-get update
-          sudo apt-get install -y libcurl4-openssl-dev  --fix-missing
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install theme dependencies
+        run: npm install --prefix themes/capro-tw
 
       - name: Set env parameters
         run: |

.github/workflows/build_production.yaml

@@ -5,8 +5,6 @@ on:
   push:
     branches:
       - main
-  schedule:
-    - cron: '1 10 * * SAT'
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -32,10 +30,13 @@ jobs:
           hugo-version: ${{ env.hugovr }}
           extended: true
 
-      - name: Update system libs
-        run: |
-          sudo apt-get update
-          sudo apt-get install -y libcurl4-openssl-dev  --fix-missing
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install theme dependencies
+        run: npm install --prefix themes/capro-tw
 
       - name: Build 🔧
         env:

.github/workflows/retrieve_author_pubs.yaml

@@ -14,3 +14,6 @@ renv/staged/
 resources/
 public/
 .hugo_build.lock
+
+# Node
+node_modules/

.gitignore

@@ -1,6 +1,6 @@
 baseURL: .
 title: CAPRO
-theme: capro-hugo
+theme: capro-tw
 pagination.pagerSize: '6'
 summaryLength: '15'
 enableGitInfo: true

config/_default/hugo.yaml

@@ -25,4 +25,3 @@ params:
             Harald Schjelderups hus,
             Forskningsveien 3A,
             0373 Oslo
-      

…fig/_default/languages/langauges.no.yaml …fig/_default/languages/languages.no.yamlconfig/_default/languages/langauges.no.yaml renamed to config/_default/languages/languages.no.yaml config/_default/languages/langauges.no.yaml renamed to config/_default/languages/languages.no.yaml

@@ -13,7 +13,6 @@ social : # themify icon pack : https://themify.me/themify-icons or fontawesome
     link: "https://fosstodon.org/@Drmowinckels"
   - icon : fa-brands fa-twitter
     link : "https://twitter.com/DrMowinckels"
-gscholar_id: "7NkxgWQAAAAJ"
 ---
 
 With a PhD in psychology, Mo transitioned into research software and development as she saw technical solutions could aid fellow scientists in driving their projects forwards.

content/team/am_mowinckel/index.en.md

@@ -5,7 +5,6 @@ designation : ["Data Engineer", "Cloud",
 social :
   - icon : "fa-brands fa-orcid"
     link : "https://orcid.org/0000-0002-8508-9088"
-gscholar_id: "cwQrekcAAAAJ"
 ---
 
 Tech background and a PhD in psychology /neuroscience. 

content/team/ik_amlien/index.en.md

@@ -11,7 +11,6 @@ social : # themify icon pack : https://themify.me/themify-icons or fontawesome (
     link : "https://github.com/jlawarren"
   - icon: "fa-brands fa-orcid"
     link: "https://orcid.org/0000-0002-3638-9957"
-gscholar_id: "LRCb81EAAAAJ" #google scholar id, for publiations list
 ---
 
 José Luis har en mangfoldig bakgrunn innen ingeniørfag (BSc), anvendt fysikk (MSc) og evolusjonsbiologi (PhD). Han liker å skape og implementere avanserte verktøy som hjelper til med å forstå komplekse mønstre innen biologi og nevrovitenskap.

content/team/jla_warren/index.no.md

@@ -4,7 +4,6 @@ designation : ["fMRI analyses", "HPC"]
 social :
   - icon : "fa-brands fa-orcid"
     link : "https://orcid.org/0000-0001-7644-7915"
-gscholar_id: "G5SQqJ8AAAAJ"
 ---
 Dr. Markus is highly skilled, holding a PhD in psychology. He is a dedicated researcher who consistently stays at the forefront of the field through his passion for exploring and discovering new advancements.