Skip to content

🤖 Site redesign: playful/personal theme, motion, and new section pages - #31

Merged
chendaniely merged 27 commits into
mainfrom
site-redesign
Jul 5, 2026
Merged

🤖 Site redesign: playful/personal theme, motion, and new section pages#31
chendaniely merged 27 commits into
mainfrom
site-redesign

Conversation

@chendaniely

@chendaniely chendaniely commented Jul 4, 2026

Copy link
Copy Markdown
Owner

Whole-site redesign in the playful/personal direction, plus the infrastructure that grew out of testing it (design spec + mockups live locally in docs/, gitignored).

Design

  • One commented theme.scss (TOC + tweakable knobs) layered on cosmo + _brand.yml; theme-dark.scss overrides; dark mode is the default, navbar toggle switches to light. Old styles.css absorbed.
  • Home page as scrolling sections: tilted hero photo, rotating tagline (grammar-correct articles per phrase), hobby chips, sand/blue hero blobs, recent-posts grid, and Talks/Teaching/Projects signpost cards showing "now" lines from _variables.yml ({{< var now.* >}}).
  • Blog: card grid + category filters + gradient placeholder thumbnails. Posts: reading progress bar, styled quotes/callouts.
  • About: sectioned layout with polaroid photo gallery. New nav (Blog · Talks · Teaching · Projects · About) + footer with RSS.
  • Motion: hover lifts/tilts, scroll-reveal, random card tilts every page load — one ~35-line JS file, everything gated on prefers-reduced-motion.

Talks system (data backbone)

  • talks/talks.yml = single source of truth for all talks (template comment inside; schema: id/title/date/type/event/event-url/location/categories/languages/packages/description/abstract/repo/slides/video/with). id is the join key for the future video/transcript pipeline; same data will feed the academic CV.
  • Talks page renders Upcoming/Past from the YAML via talks/talks.ejs; PyLadies Vancouver (Jul 6) + SciPy 2026 listed.

CI / infrastructure

  • PR deployment previews, GitHub-native (preview.yml + rossjrw/pr-preview-action): every PR gets https://chendaniely.github.io/pr-preview/pr-N/ + sticky comment, auto-cleanup on close. Replaces the planned Netlify approach. Tested live on this PR.
  • R version pinned in both workflows — R-package cache key stays stable (install: 148s → 59s verified).
  • docs/ excluded from Quarto render; site-url set (RSS now actually generates); RSS feed switched to partial — full-content feed was 51MB because the cherry-blossom post embeds ~51MB of mapgl widget JSON.
  • AGENTS.md: commit-marker convention, talks.yml template-sync rule, ojs interactive-post pattern.

Verification

Live preview: https://chendaniely.github.io/pr-preview/pr-31/ — check hero (dark default, tagline, blobs), blog grid, talks page, about gallery; refresh to see card tilts shuffle. Clean quarto render; multi-stage code review passed (dark-mode contrast + mobile hero fixes applied).

🤖 Generated with Claude Code

chendaniely and others added 12 commits July 4, 2026 00:37
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
docs/ holds gitignored planning markdown with quarto shortcodes
in code samples that break the build if rendered as site content.
site-url is required for feed generation (blog.qmd has feed: true).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@chendaniely
chendaniely marked this pull request as ready for review July 4, 2026 16:25
@chendaniely chendaniely changed the title Site redesign: playful/personal theme, motion, and new section pages 🤖 Site redesign: playful/personal theme, motion, and new section pages Jul 4, 2026
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Jul 4, 2026

Copy link
Copy Markdown
PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-07-05 03:15 UTC

chendaniely and others added 14 commits July 4, 2026 13:13
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
blog.xml embedded each post's complete rendered html, including
~51MB of mapgl widget json in the cherry-blossom post.
partial = excerpt + link; feed is now 14KB.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
wording by dan; committed on his behalf.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
orange hover on the orange navbar background made links vanish;
nav links now hover nyc blue. prose links keep the blue→orange hover.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
pandoc strips trailing whitespace inside spans;
the space now sits between the rot-lead and rotator spans.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
schema: id/title/date/type/event/event-url/location/categories/
description/repo/slides/video/with — template comment in the file.
talks page now renders upcoming/past from it via talks.ejs;
type badge distinguishes workshops/tutorials from talks.
designed for reuse: academic cv + video pipeline join on id.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…chema

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…stract

languages/packages render as small pills on the talks page;
abstract is archived verbatim in the yaml (conference pages rot),
reserved for future per-talk pages, not the listing.
template comment updated in the same commit per agents.md convention.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
quarto's grid wraps each card in its own column div, so nth-child
odd/even made all recent-posts cards lean the same way. tilts now
come from a per-load random --tilt custom property (6 lines of js);
no js / reduced motion = straight cards.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@chendaniely
chendaniely merged commit 187e47b into main Jul 5, 2026
1 check passed
@chendaniely
chendaniely deleted the site-redesign branch July 5, 2026 03:14
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