ui work

[superg]

Summary by CodeRabbit

Release Notes

• New Features

  • Added About page with FAQ addressing common questions about the site and disc dumping.
  • Added dark mode toggle with persistent theme preference.
  • Added page jump form to navigate disc listings directly.

• Improvements

  • Redesigned navigation layout with improved header structure.
  • Enhanced disc file display with better filename formatting for multi-track discs.
  • Reorganized downloads table for clearer presentation.
  • Improved track number sorting in disc file listings.

• Style

  • Comprehensive styling updates including dark mode support throughout the site.
  • Refined overall layout and spacing across pages.

[coderabbitai]

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Free

Run ID: 540a70eb-0a05-41b0-ac2a-5fff9703f6c1

📥 Commits

Reviewing files that changed from the base of the PR and between 541f539 and ce11c4b.

📒 Files selected for processing (12)

• src/routes/about.rs
• src/routes/disc_view.rs
• src/routes/main_page.rs
• src/routes/mod.rs
• src/services/disc_service.rs
• static/css/app.css
• templates/about.html
• templates/base.html
• templates/disc_view.html
• templates/discs.html
• templates/downloads.html
• templates/main.html

---

📝 Walkthrough

Walkthrough

A new About page route and template were added, along with comprehensive CSS refactoring for styling, layout, and theme support. Navigation was restructured with dark-mode toggling, template markup was reorganized across multiple pages, and database sorting logic was refined for better numeric handling.

Changes

Cohort / File(s)	Summary
New About Page Route src/routes/about.rs, src/routes/mod.rs	Added about.rs route module with GET /about/ endpoint, AboutTemplate struct mapped to about.html, and about_page handler. Module registered in routes/mod.rs.
Route Updates src/routes/main_page.rs	Changed created_at timestamp format from "%Y-%m-%d %H:%M" to "%Y-%m-%d" (date only) in RecentDisc items.
Database Service src/services/disc_service.rs	Updated file sorting in get_disc_detail to use type-aware null-safe ordering: CAST(track_number AS INTEGER) NULLS LAST, track_number NULLS LAST.
New About Template templates/about.html	Added new About page template extending base.html with FAQ-style content covering site purpose, contributions, hardware requirements, and .dat files.
Template Navigation & Theme templates/base.html	Added client-side theme persistence (localStorage), dark-mode toggle button, refactored header navigation into two-row layout, added About link to nav.
Template Content Updates templates/disc_view.html, templates/discs.html, templates/downloads.html, templates/main.html	Disc view: added class="left-section", replaced filename display with short_name field, added dat filename label. Discs: added page-jump form, reordered filters, updated heading classes. Downloads: collapsed multi-column headers into single Downloads cell with flex layout. Main: restructured home sections layout, added System column to recent dumps table.
Template Data Enhancement src/routes/disc_view.rs	Extended DiscViewTemplate with dat_filename, added short_name field to ViewFile with computed values for cue entries, multi-track files (formatted as "Track {n}"), and fallback formats.
Comprehensive CSS Refactoring static/css/app.css	Added global CSS variables for navbar/sizing, refined link styling, reduced base font-size. Updated striped-table logic (odd-row fill), redesigned filter form to 2×2 grid, refactored header navigation layout. Added dark-mode toggle styling, page-specific styles for About/Downloads pages, improved disc view styling, and broad dark-mode color overrides.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~60 minutes

Poem

🐰 A new About page hops into view,
With dark-mode themes and navigation anew!
Tables now sorted both numeric and bright,
CSS stylesheets shine—what a delightful sight!
The little coder's gift: a refreshed delight! ✨

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}