Skip to content

Remove MDB and upgrade Bootstrap 4 → 5#1

Merged
kyleclo merged 1 commit intomainfrom
remove-mdb
Feb 25, 2026
Merged

Remove MDB and upgrade Bootstrap 4 → 5#1
kyleclo merged 1 commit intomainfrom
remove-mdb

Conversation

@kyleclo
Copy link
Copy Markdown
Owner

@kyleclo kyleclo commented Feb 25, 2026

Summary

  • Remove MDB (Material Design for Bootstrap) entirely — saves ~277KB CSS + 64KB JS
  • Upgrade Bootstrap 4.6.2 → 5.3.3 with all class/attribute renames across 22 template files
  • Add lightweight MDB replacement CSS (~15 lines) for the 3 class families actually used (z-depth, hoverable, danger-color-dark)
  • Migrate JS from jQuery BS4 API to BS5 vanilla API (ScrollSpy, Popover, Tooltip)

Motivation

Site scored 62 on Lighthouse with 440KB CSS and 40+ requests. MDB contributed 277KB CSS + 64KB JS but was only used for ~55 class occurrences across 3 class families.

Test plan

  • make docker-build succeeds with no errors
  • Visual spot-check: homepage, publications, CV, blog, projects
  • Navbar collapse/expand works on mobile viewport
  • Bibtex/Abstract toggle buttons work on publications page
  • MathJax renders on /blog/2015/math/ and /blog/2018/distill/
  • Run Lighthouse 3x on production, compare against baseline (target: 75+)
  • Verify CLS stays < 0.05

🤖 Generated with Claude Code

- Replace Bootstrap 4.6.2 with Bootstrap 5.3.3 (CSS + JS)
- Remove MDB (Material Design for Bootstrap) entirely — saves ~277KB CSS + 64KB JS
- Add lightweight MDB replacement classes (z-depth-0/1, hoverable, danger-color-dark)
- Migrate all BS4→BS5 class renames across 22 template files:
  data-toggle→data-bs-toggle, ml-→ms-, mr-→me-, pl-→ps-, pr-→pe-,
  float-right→float-end, font-weight-bold→fw-bold, sr-only→visually-hidden,
  no-gutters→g-0, dropdown-menu-right→dropdown-menu-end
- Update JS from jQuery BS4 API to BS5 vanilla API (ScrollSpy, Popover, Tooltip)
- Fix SCSS popover arrow selector (.arrow → .popover-arrow)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@kyleclo kyleclo merged commit 86ef675 into main Feb 25, 2026
3 checks passed
@kyleclo kyleclo deleted the remove-mdb branch February 25, 2026 18:33
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