Skip to content

Refresh the home page: shorter cards, news timeline, figures strip, recent papers - #11

Merged
estcarisimo merged 3 commits into
mainfrom
feat/home-refresh
Oct 4, 2026
Merged

estcarisimo merged 3 commits into
mainfrom
feat/home-refresh

Conversation

@estcarisimo

Copy link
Copy Markdown
Collaborator

What changes

Home-page refresh from the director's feedback: cards had too much text, the news block looked dated, and the page needed more life without changing its structure.

  • The three _pages/home*.md files now only include _includes/home.html; labels live in _data/home.yml.
  • Research-area cards show a new one-line tagline (in _data/research_areas.yml) instead of the full excerpt; /research/ and the area pages keep the excerpt. Highlight blurbs in _data/highlights.yml are shortened. Every card is one link with an arrow footer.
  • News (_includes/news.html) is a timeline with a date badge per item, dates written in the page language (15 oct 2025, 15 juin 2025), five most recent items.
  • A figures strip under the areas: publications (bibliography_count), theses, funded projects, and years since the oldest paper (1995), all computed at build time.
  • "Recent publications": the three most recent entries through jekyll-scholar, plus a link to /publications/.
  • Header (title + affiliation pills) stays compact so the research areas are the first thing on landing.

Checked in the browser: ES, EN and FR, light and dark mode, desktop and phone width. Offline lychee run reports 0 errors.

Checklist

  • ES / EN / FR kept in lock-step (.md + .en.md + .fr.md, or the es: / en: / fr: columns)
  • bundle exec jekyll build passes locally (or the Build site check is green)
  • New external links verified to open the intended page (no new external links)
  • English text, code, comments and names use American English (see AGENTS.md)
  • No e-mail addresses and no new links into cnet.fi.uba.ar
  • New publications carry topics = {…} from _data/publication_topics.yml (none added)
  • Screenshots attached for visual changes (checked live in the browser; none attached)

🤖 Generated with Claude Code

…ecent papers

The three home pages now share _includes/home.html (labels in _data/home.yml).
Research-area cards show a new one-line `tagline` instead of the full excerpt,
highlight blurbs are shortened, and every card is a single link. The news
table becomes a timeline with date badges in the page language, limited to
the five most recent items. A strip with build-time counts (publications,
theses, projects, years since the oldest paper) follows the areas, and the
three most recent publications are listed before the featured projects. The
header stays compact so the research areas are visible on landing.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@estcarisimo

Copy link
Copy Markdown
Collaborator Author

Independent review (fresh-context reviewer, round 1)

VERDICT: CHANGES REQUESTED
CHECKS: build=pass ci-steps=pass internal-links=0 errors pre-commit=pass zizmor=n.a. (no workflow changes; the zizmor hook in pre-commit passed)

Reviewed commit c87ce9f (origin/feat/home-refresh). There are no earlier review rounds or comments on the PR.

Findings (most severe first)

  1. [should-fix] _sass/_conexdat.scss (.news-timeline__date, the 3.4rem width on the date badge and on the grid's first column). In French the month and year label is wider than the date badge, so "JANV. 2023" and "AOÛT 2022" spill past the badge's right border. "JUIN 2025" touches the edge. Spanish and English labels fit.
    Evidence: built with the dev config and measured the French home page at 1280 px width. The badge is 62 px wide and the text runs 6 px past its right edge (badge right = 340, text right = 346, font 11.52 px, nowrap, uppercase, letter-spacing 0.05em). The scrollWidth of the month element is 66 px against a 59 px content box for "janv. 2023" and "août 2022". At 375 px the overflow is visible. It will get worse for other months: "sept.", "févr.", "juil." and "déc." are wider than "oct.".
    Suggestion: widen the badge and the grid column to about 4.2rem (update .news-timeline::before left to half of that), or drop the font size to about 0.58rem and the letter-spacing to 0.02em. Alternatively, stack the year on its own line below the month. Then re-check FR at 375 px.

Notes (non-blocking)

  • "Recent publications" are described as the three most recent, but jekyll-scholar sorts by year only. conexdat.bib has five 2025 entries and none has a month. The home page shows selmo2025learning, perrier2025synchronization (an arXiv preprint, March 2025) and presenza2025subframework; alvarezhamelin2025extremal and pinero2025deterministic are left out. The order is identical to the top of /publications/, so nothing is inconsistent. If "most recent" matters, add a month field to the 2025 entries or reword the blurb.
  • The "Details" button on publication entries is English on the ES and FR pages. This comes from _layouts/bib_entry.html, not this PR, and now appears on the home page too.
  • Stats are computed from site.time and _data/*.yml. Today they read 89 / 20 / 6 / 31 and match the sources. The "years of research" figure moves automatically each January.
  • The old {% if h.url and h.url != "" %} guard around each highlight link is gone, so every highlight card is now a link. All six entries have a url, but a future entry without one would render href="".

Verified claims

  • The three _pages/home*.md files are thin includes and ES/EN/FR are in lock-step: headings, stats labels, taglines, blurbs, CTAs and the INTECIN footer were extracted from the three built pages. All five areas and six highlights appear in all three languages, no empty or fallback labels. Spanish, English and French text is correct; the Spanish "Medí" voseo matches the existing "Visualizá".
  • News dates are in the page language: ES "15 oct 2025" …, EN "15 Oct 2025" …, FR "15 oct. 2025", "15 juin 2025", "20 janv. 2023", "1 août 2022", "1 avr. 2020". Five items per language, correct datetime attributes, newest first.
  • Internal links carry the right prefix on EN and FR (projects, publications, research areas, theses, topic chips); ES has none.
  • The language switcher hrefs survive on the FR page.
  • Stats numbers are non-empty and identical in all three languages; the recent-papers block renders exactly three entries per language.
  • /research/ and the area pages still use excerpt; the PR touches no research pages.
  • Dark mode: overrides exist for the new classes; cards, stats strip, timeline, recent papers and project cards were legible in a browser forced to dark.
  • Phone width (375 px): no horizontal scroll, cards stack in one column, no console errors. Only defect is the French badge overflow above.
  • Clean production build on Ruby 3.3; the build.yml shell steps pass (SANITY OK); offline lychee 0 errors; uvx pre-commit run --all-files passed. No mailto: and no new links into cnet.fi.uba.ar; no new external links.

…ghlight cards

The badge and its grid column grow from 3.4rem to 4.2rem so "JANV. 2023" and
"AOÛT 2022" fit inside the border. A highlight without a url renders as a
plain box instead of a link with an empty href.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@estcarisimo

Copy link
Copy Markdown
Collaborator Author

Addressed in 2nd commit (git log -1 --oneline on the branch): the date badge and its grid column are 4.2rem wide, and the vertical line moved to 2.1rem. Re-measured the French home page at 375 px: the widest label ("JANV. 2023") is 59 px inside a 67 px badge; "SEPT." would also fit. The {% if h.url %} guard on highlight cards is back (a card without a url renders as a plain box).

On the non-blocking notes:

  • Recent-papers order: it is the same order as the top of /publications/ (jekyll-scholar sorts by year). Adding month fields to the 2025 entries means verifying five publication dates, which belongs in a bibliography PR, not here. The section heading stays "Publicaciones recientes".
  • The English "Details" button comes from _layouts/bib_entry.html and predates this PR; left for a separate change.

@estcarisimo

Copy link
Copy Markdown
Collaborator Author

Independent review (fresh-context reviewer, round 2)

VERDICT: APPROVE
CHECKS: build=pass ci-steps=pass internal-links=0 errors pre-commit=pass zizmor=n.a. (no workflow changes; the zizmor hook in pre-commit passed)

Round 2, commit c618d2a (origin/feat/home-refresh). The diff over c87ce9f touches only _includes/home.html and _sass/_conexdat.scss.

Findings

  1. [nit] _sass/_conexdat.scss (.home-card and .page__content a.home-card): the new .home-card base rule repeats the flex, gap, padding, border, radius and background declarations of the link rule. Only color, text-decoration, transition and the hover/focus state differ. Suggestion: keep the shared declarations in .home-card and leave only the link-specific parts under the link rule. Non-blocking; the fallback is never rendered today.

Earlier rounds

  • Round 1 finding 1 (French date badge overflow): fixed. Badge and grid column are 4.2rem, the line at 2.1rem. Measured on the French home page at 375 px (root font 16 px): badge 67.2 px wide with a 65 px content box; label widths "oct. 2025" 53.8, "juin 2025" 54.1, "janv. 2023" 59.0, "août 2022" 59.1, "avr. 2020" 53.5. No horizontal scroll. At 1280 px (root font 18 px) the badge is 75.6 px and the widest label 66.4 px. Swapping in the other French months at 375 px ("sept." 58.8, "févr." 60.1, "juil." 56.0, "déc." 54.9, "nov." 53.8, "mars" 60.6, "mai" 49.0) all fit. The vertical line sits at the badge center and passes behind the opaque badge.
  • Round 1 note on the highlight url guard: fixed. In the built ES, EN and FR homes there are 11 <a class="home-card">, 0 <div class="home-card"> and 0 href="".
  • Round 1 notes on recent-papers order and the English "Details" button: the author's replies hold; both predate the PR.

Verified claims

  • ES/EN/FR lock-step unchanged: the commit touches only the shared include and the SCSS.
  • Language-switcher hrefs intact; the build.yml sanity steps passed on the production build (SANITY OK, topic ids all known, no mailto:, repo docs not published).
  • Dark mode forced via data-theme="dark": badges, labels, line and cards legible.
  • Production build with Ruby 3.3 completed with only the known polyglot warnings. Offline lychee: 2601 OK, 0 errors. uvx pre-commit run --all-files passed, including zizmor.
  • No new external links, no e-mail addresses, no links into cnet.fi.uba.ar.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@estcarisimo

Copy link
Copy Markdown
Collaborator Author

Round-2 nit addressed in the latest commit: the box declarations live once in .home-card; .page__content a.home-card keeps only color, text-decoration, transition and the hover state. Computed styles on the built page are unchanged (flex column, same padding, radius and border).

@estcarisimo

Copy link
Copy Markdown
Collaborator Author

Independent review (fresh-context reviewer, round 3)

VERDICT: APPROVE
CHECKS: build=pass ci-steps=pass internal-links=0 errors pre-commit=pass zizmor=n.a. (no workflow changes; the zizmor hook inside pre-commit passed)

Round 3, commit dcfec41 (origin/feat/home-refresh). git diff HEAD~1 touches only _sass/_conexdat.scss: it removes the seven box declarations from .page__content a.home-card, which keeps color, text-decoration, transition and the hover/focus block; .home-card keeps the box declarations.

Findings

None.

Earlier rounds

  • Round 1 finding 1 (French date badge overflow): fixed in c618d2a, verified in round 2, untouched here.
  • Round 2 nit (duplicated box declarations): fixed in dcfec41.

Verified claims

  • The SCSS compiles; the production build with Ruby 3.3 finished with only the known polyglot warnings.
  • Built c618d2a and dcfec41 side by side with the same temporary config: diff -rq shows only main.css, its map and the feed.xml timestamps differ. All HTML is identical.
  • Specificity: moving the declarations to .home-card lets no theme rule override them. The 11 a.home-card elements compute to the same values on both builds, light and dark (flex column, gap 4.8px, padding 15.2/16.8/13.6/16.8px, 1px border, 8px radius, no underline; light background rgb(244,246,250), dark background rgb(0,57,117) with white text).
  • Hover state on the new build: celeste border, box-shadow, translateY(-1px), no underline, arrow moves 3px.
  • build.yml shell steps on the production build: topic ids OK, sanity OK (language-switcher hrefs, topic markup, no mailto:, repo docs not published). Offline lychee: 2601 OK, 0 errors. uvx pre-commit run --all-files passed, including zizmor.

@estcarisimo
estcarisimo merged commit cbbca9e into main Oct 4, 2026
5 checks passed
@estcarisimo
estcarisimo deleted the feat/home-refresh branch October 4, 2026 17:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant