Skip to content

refactor(ui): strip site to plain Big-Tech-blunt HTML#22

Merged
masuda-so merged 4 commits into
mainfrom
claude/amazing-joliot-4bf2c8
May 10, 2026
Merged

refactor(ui): strip site to plain Big-Tech-blunt HTML#22
masuda-so merged 4 commits into
mainfrom
claude/amazing-joliot-4bf2c8

Conversation

@masuda-so
Copy link
Copy Markdown
Owner

Summary

Make the public site simple and "blunt" in the spirit of Big Tech corporate pages — system fonts, black-on-white text, blue underlined links, and zero decoration.

What changed

  • CSS: replace ether/static/css/project.css with a ~140-line stylesheet using only system fonts and a black/white/grey + blue-link palette. Drops the teal accent, custom buttons, blur effects, reveal animations, grid card components, and Material Symbols sizing rules.
  • base.html: drop the Bootstrap CDN, Google Fonts, Material Symbols Rounded, the "E" brand-mark badge, the collapsible mobile toggler, and project.js. The header is now a brand link plus a flat list of nav links; the footer is a copyright line plus a flat list of links.
  • Page templates (ja + en): rewrite home, holdings, software, company, contact, business, vision, legal/privacy, legal/cookies around <section><h1><h2><dl><ul>. Removed eyebrow+dot, material-symbols, data-reveal, charter-letter (A-I badges), contact-channels grid, prose article, btn-* classes, page-hero/compact-hero, etc.
  • Error pages: 403, 403_csrf, 404, 500 rewritten in the same plain style.
  • Legal copy: cookie and privacy pages no longer mention loading Google Fonts or a Bootstrap CDN, matching the new base template.
  • JS: delete ether/static/js/project.js (it only toggled a header-scroll class that no longer exists).

Net diff: ~978 insertions, ~2577 deletions across 25 files.

Why

Continues the simplification direction (#21). The previous pass kept material icons, decorative eyebrow+dot patterns, custom button systems, and CDN-hosted Bootstrap/Google Fonts; this pass takes them out so the site looks closer to a boring corporate "facts" page than a marketing landing page.

Test plan

  • python manage.py check passes
  • Django dev server returns 200 for /, /holdings/, /software/, /company/, /contact/, /business/, /vision/, /legal/privacy/, /legal/cookies/ and their /en/... counterparts (18 pages total)
  • /static/css/project.css returns 200 in DEBUG mode
  • Rendered HTML on / contains none of: data-reveal, eyebrow, material-symbols, brand-mark, navbar-toggler, bootstrap, googleapis, cdnjs.cloudflare
  • Manual visual check on Vercel preview deploy across ja/en

Drop Bootstrap, Google Fonts, Material Symbols, the teal accent, the "E"
brand mark, and decorative patterns (eyebrow+dot, charter letters,
contact-channels grid, data-reveal, etc.). Replace project.css with a
~140-line system-font stylesheet (black/white/grey, blue underlined
links). Rewrite every page template (ja/en home, holdings, software,
company, contact, business, vision, legal/privacy, legal/cookies) and
the 403/404/500 error pages around plain section/h1/h2/dl/ul markup.

Cookie and privacy pages no longer claim to load Google Fonts or a
Bootstrap CDN, matching the stripped base template. The unused
header-scroll project.js is removed.

Verified: manage.py check passes; Django dev server returns 200 for all
18 public pages and the CSS asset; no decorative-class or external-CDN
tokens remain in the rendered HTML.
@vercel
Copy link
Copy Markdown

vercel Bot commented May 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
website Ready Ready Preview, Comment May 10, 2026 2:09pm

@ecc-tools
Copy link
Copy Markdown
Contributor

ecc-tools Bot commented May 10, 2026

ECC bundle files are already tracked in this repository. Skipping generation of another bundle PR.

Run djlint --reformat to satisfy the linter pre-commit hook.
Mostly expands inline <dd>foo</dd> and single-line <a> tags inside
list items to multiline form. No content or template-logic changes.
@ecc-tools
Copy link
Copy Markdown
Contributor

ecc-tools Bot commented May 10, 2026

ECC bundle files are already tracked in this repository. Skipping generation of another bundle PR.

Branch protection on main requires a status check named "pytest", but
the CI workflow had only "linter" and "django" jobs, so PRs could never
satisfy the rule. Add pytest + pytest-django to the dev dependency
group, add a tests/ package with smoke tests that hit every public
page (ja and en) plus robots.txt and sitemap.xml, and add a "pytest"
job to ci.yml that runs them.

The tests also assert that the home page no longer contains the
removed decorative tokens (data-reveal, material-symbols, brand-mark,
navbar-toggler, cdnjs.cloudflare, fonts.googleapis), guarding against
regressions of the blunt-redesign cleanup.
@ecc-tools
Copy link
Copy Markdown
Contributor

ecc-tools Bot commented May 10, 2026

ECC bundle files are already tracked in this repository. Skipping generation of another bundle PR.

@ecc-tools
Copy link
Copy Markdown
Contributor

ecc-tools Bot commented May 10, 2026

ECC bundle files are already tracked in this repository. Skipping generation of another bundle PR.

@masuda-so masuda-so merged commit 8237dd9 into main May 10, 2026
5 checks passed
@masuda-so masuda-so deleted the claude/amazing-joliot-4bf2c8 branch May 10, 2026 14:10
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