alexander.lyall/computing-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

Migrate and Redesign Home Page in Astro #12

New Issue
Closed
opened 2026-03-01 15:33:26 +00:00 by alexander.lyall · 0 comments
alexander.lyall commented 2026-03-01 15:33:26 +00:00
Owner
Copy Link

Context

With the core simulators moving to the Astro framework, the Home page needs to be ported over to act as the modern, central hub for the Computing:Box platform.

Objective

Rebase the Home page into Astro, utilizing the new global CSS variables and layout, to create a clean, responsive navigation dashboard for all the simulators.

Acceptance Criteria

  • Migration: Create index.astro utilizing the BaseLayout.astro wrapper.
  • Navigation/Routing: Ensure all links correctly point to the newly formatted Astro routes (/binary, /hexadecimal, /hex-colours, /logic-gates, /pc-builder).
  • Styling: Update the UI to utilize the new dark theme, the Inter font for UI elements, and our custom digital fonts (SevenSegment, DSEG7Classic) where appropriate.
  • Responsiveness: Ensure the dashboard/grid layout scales perfectly on mobile and tablet devices.
### Context With the core simulators moving to the Astro framework, the Home page needs to be ported over to act as the modern, central hub for the Computing:Box platform. ### Objective Rebase the Home page into Astro, utilizing the new global CSS variables and layout, to create a clean, responsive navigation dashboard for all the simulators. ### Acceptance Criteria - [ ] **Migration:** Create `index.astro` utilizing the `BaseLayout.astro` wrapper. - [ ] **Navigation/Routing:** Ensure all links correctly point to the newly formatted Astro routes (`/binary`, `/hexadecimal`, `/hex-colours`, `/logic-gates`, `/pc-builder`). - [ ] **Styling:** Update the UI to utilize the new dark theme, the `Inter` font for UI elements, and our custom digital fonts (`SevenSegment`, `DSEG7Classic`) where appropriate. - [ ] **Responsiveness:** Ensure the dashboard/grid layout scales perfectly on mobile and tablet devices.
alexander.lyall added this to the Version 2.0 milestone 2026-03-01 15:33:26 +00:00
alexander.lyall added the
Priority
High
2
Kind/Enhancement labels 2026-03-01 15:33:26 +00:00
alexander.lyall self-assigned this 2026-03-01 15:33:26 +00:00
alexander.lyall added this to the Version 2.0 project 2026-03-01 15:33:26 +00:00
alexander.lyall moved this to To Do in Version 2.0 on 2026-03-01 15:38:34 +00:00
alexander.lyall moved this to In Progress in Version 2.0 on 2026-03-01 16:32:45 +00:00
alexander.lyall moved this to Done in Version 2.0 on 2026-03-01 18:16:55 +00:00
Sign in to join this conversation.
Version-2-Rebase
Branches Tags
Labels
Clear labels
Compat/Breaking
Breaking change that won't be backward compatible
 Kind/Bug
Something is not working
 Kind/Documentation
Documentation changes
 Kind/Enhancement
Improve existing functionality
 Kind/Feature
New functionality
 Kind/Security
This is security issue
 Kind/Testing
Issue or pull request related to testing
Priority
Critical
1
The priority is critical
Priority
High
2
The priority is high
Priority
Low
4
The priority is low
Priority
Medium
3
The priority is medium
Reviewed
Confirmed
1
Issue has been confirmed
Reviewed
Duplicate
2
This issue or pull request already exists
Reviewed
Invalid
3
Invalid issue
Reviewed
Won't Fix
3
This issue won't be fixed
Status
Abandoned
3
Somebody has started to work on this but abandoned work
Status
Blocked
1
Something is blocking this issue or pull request
Status
Need More Info
2
Feedback is required to reproduce issue or to continue work
No Label Kind/Enhancement
Priority
High
2
Milestone
No items
No Milestone Version 2.0
Projects
Clear projects
No project Version 2.0
Assignees
Clear assignees
renovate-bot alexander.lyall
No Assignees alexander.lyall
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: alexander.lyall/computing-box#12
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?