Redesign interimm.org with a modern space look - #53
Merged
Merged
Conversation
New home page (big hero with a CSS Mars, live Mars clock, numbered pillars, featured archive tiles, topic list, support band), dark space headers on every inner page, line icons in place of emoji, a year-grouped activity timeline, a new footer, and self-hosted Space Grotesk and JetBrains Mono. Content, data files, languages and URLs are unchanged. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EZdfMMy2aM8X4PGqUv2p7N
Splits the shared part of the stylesheet (tokens, fonts, header, footer, buttons, cards, page headers) into assets/kit/interimm.css, moves the header behaviour into assets/kit/interimm.js, and publishes both at stable URLs together with nav.cn.json / nav.en.json generated from the menu and footer data. Other InterImm sites link these instead of copying them, and interimm.js can fill their header and footer from the live menu. Adds a style guide at /kit/ and kit/README.md. The main site looks the same. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EZdfMMy2aM8X4PGqUv2p7N
This was referenced Oct 3, 2026
emptymalei
marked this pull request as ready for review
October 3, 2026 11:03
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Requested by L · project thread
Before: a clean but generic layout: a UFO illustration in the hero, emoji icons on cards, plain light page headers, centered pill tags.
After: a darker, editorial "space agency" look. The home page has a large title, a CSS-drawn Mars with orbits, and a live Mars clock (MTC, Mars Sol Date, UTC). Below that come the latest update as a banner, three numbered "what we do" columns, six featured archive tiles with "All archives", a numbered list of research topics, and a dark "Support us" band. Every inner page gets a dark starfield header. Cards use matching line icons instead of emoji, the activity log is grouped by year, and the footer is new. Light and dark system themes both still work, and the space sections stay dark in both.
All content, data files, both languages and every URL are unchanged: the build produces the same 19 HTML pages as before.
How:
assets/css/main.cssis rewritten and the home, archives, activities and footer templates are restructured. A newpartials/icon.htmlmaps each data file's emoji to an inline SVG, so the data files themselves don't change. The clock is a small addition tomain.jsusing the Mars24 formula with TAI−UTC = 37 s. Space Grotesk and JetBrains Mono (both SIL OFL, latin subset, about 44 KB in total) are self-hosted instatic/fonts, and Chinese text uses the system CJK fonts. Hosting cost is still zero.Shared kit. The shared part of the design is also published as the InterImm kit, so other sites link it instead of copying it:
https://interimm.org/kit/interimm.csscovers tokens, fonts, header, footer, buttons, cards and page headers. Source:assets/kit/interimm.css.https://interimm.org/kit/interimm.jsruns the menu. It also fills in a page's header and footer fromnav.cn.json/nav.en.json, which are generated fromhugo.yamlanddata/footer.yml.https://interimm.org/kit/is a style guide, andkit/README.mdhas the usage notes.assets/css/main.cssnow keeps only the main site's own layouts, and the main site still looks the same. InterImm/interplanetary-logistics#4 and InterImm/martian-cities#12 switch those sites to the kit and should merge after this PR.🤖 Generated with Claude Code
https://claude.ai/code/session_01EZdfMMy2aM8X4PGqUv2p7N
Generated by Claude Code
Generated by Claude Code