Skip to content

Restyle site to the Academic Journal theme - #55

Merged
wenhaochai merged 1 commit into
mainfrom
journal-style
Sep 11, 2026
Merged

Restyle site to the Academic Journal theme#55
wenhaochai merged 1 commit into
mainfrom
journal-style

Conversation

@wenhaochai

Copy link
Copy Markdown
Collaborator

Summary

Restyles the whole site to the visual language of wenhaochai.com: warm paper, oxblood accent, hairline rules, self-hosted Newsreader / Inter Tight / JetBrains Mono, with an OS-following midnight theme (T toggles it).

  • Blog index follows blogs.html: page hero + horizontal post rows (thumbnail, mono meta, serif title, description, links).
  • Article pages follow the report layout of blogs/loopdit.html: crumb, date eyebrow, title, standfirst, byline, sticky Contents column with scrollspy, single body column.
  • Home, Paper, Join, 404 and archive pages get the same shell; the leaderboard tabs, terminal card, example tasks and institution/sponsor grids are kept and redrawn.
  • Removes the al-folio SCSS, Bootstrap/MDB/jQuery/FontAwesome and the distill.js bundle. A small assets/js/site.js replaces them (mobile nav, theme key, contents scrollspy, and shims so <d-math>, <d-cite>, <d-footnote> still render without template.v2.js).

Content is unchanged

  • No file under _posts/ is touched. The body container keeps the <d-article> element so every post's own _styles block still applies.
  • Built the site before and after and diffed the visible text of every page: article bodies, leaderboard numbers and links are identical. The only differences are chrome: the home cards drop the literal "Date" / "Category" labels (values kept), the terminal card no longer has the line-by-line entrance animation (text kept), and article pages gain the crumb and "All posts / Back to top" links from the report layout.

Verification

  • Local Jekyll build, plus a JEKYLL_ENV=production build with jekyll-minifier: the minified CSS keeps color-mix, @supports, clamp(), the midnight theme and the article grid intact.
  • Screenshots checked at desktop and mobile widths and in dark mode; MathJax $$ and <d-math> render; no console errors.

Note: filter-files will fail on this PR by design (it only admits post submissions); it has been cancelled on every recent non-post PR as well.

🤖 Generated with Claude Code

Port the visual language of wenhaochai.com (warm paper, oxblood accent,
hairline rules, self-hosted Newsreader / Inter Tight / JetBrains Mono)
to the whole site. The blog index follows blogs.html (page hero +
horizontal post rows); article pages follow the report layout of
blogs/loopdit.html (crumb, date eyebrow, title, standfirst, byline,
sticky Contents column, single body column). The home, paper, join,
404 and archive pages get the same shell.

Content is unchanged: every _posts/*.md is untouched, and the body
container keeps the <d-article> element so per-post `_styles` still
apply. The al-folio SCSS, Bootstrap/MDB/jQuery/FontAwesome and the
distill.js bundle are removed; a small site.js handles the mobile nav,
the T-key colour theme, the Contents scrollspy, and shims for
<d-math>, <d-cite> and <d-footnote> without template.v2.js.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@wenhaochai
wenhaochai merged commit 22acdb5 into main Sep 11, 2026
1 check failed
github-actions Bot added a commit that referenced this pull request Sep 11, 2026
Restyle site to the Academic Journal theme [ci skip]
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