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

Refactor and Enhance Hexadecimal Simulator in Astro #9

New Issue
Closed
opened 2026-03-01 13:45:40 +00:00 by alexander.lyall · 0 comments
alexander.lyall commented 2026-03-01 13:45:40 +00:00
Owner
Copy Link

Context

Currently, the Hexadecimal simulator is split into two separate legacy HTML pages (gcse-hexadecimal.html and a-level-hexadecimal.html) to handle different digit widths. We need to migrate this tool into the new Astro architecture (utilizing BaseLayout.astro) and consolidate it into a single, dynamic page.

Objective

Rebase the Hexadecimal tool to Astro, combine the two existing pages into one, and implement the new interactive toolbox features recently added to the Binary simulator.

Acceptance Criteria

  • Consolidation: Combine the GCSE and A-Level pages into a single hexadecimal.astro page.
  • Custom Digit Width: Add a setting to dynamically adjust the digit width (1 to 16 digits), eliminating the need for separate GCSE/A-Level pages.
  • New Tools Panel:
    • Implement an Increment up and down feature to adjust the current value by 1.
    • Implement a Reset button that clears the simulator back to its default state.
  • Custom Number Inputs: Add buttons for Custom Binary, Custom Denary, & Custom Hexadecimal to allow users to input specific values directly.
  • Randomizer: Add a Random number selector that runs briefly and stops automatically.
  • UI/UX: Ensure the layout matches the newly established design system (collapsible toolbox, SevenSegment and DSEG7Classic fonts, glowing SVG lightbulbs, and interactive button hover states).
### Context Currently, the Hexadecimal simulator is split into two separate legacy HTML pages (`gcse-hexadecimal.html` and `a-level-hexadecimal.html`) to handle different digit widths. We need to migrate this tool into the new Astro architecture (utilizing `BaseLayout.astro`) and consolidate it into a single, dynamic page. ### Objective Rebase the Hexadecimal tool to Astro, combine the two existing pages into one, and implement the new interactive toolbox features recently added to the Binary simulator. ### Acceptance Criteria - [ ] **Consolidation:** Combine the GCSE and A-Level pages into a single `hexadecimal.astro` page. - [ ] **Custom Digit Width:** Add a setting to dynamically adjust the digit width (1 to 16 digits), eliminating the need for separate GCSE/A-Level pages. - [ ] **New Tools Panel:** - [ ] Implement an **Increment up and down** feature to adjust the current value by 1. - [ ] Implement a **Reset button** that clears the simulator back to its default state. - [ ] **Custom Number Inputs:** Add buttons for **Custom Binary, Custom Denary, & Custom Hexadecimal** to allow users to input specific values directly. - [ ] **Randomizer:** Add a **Random number selector** that runs briefly and stops automatically. - [ ] **UI/UX:** Ensure the layout matches the newly established design system (collapsible toolbox, `SevenSegment` and `DSEG7Classic` fonts, glowing SVG lightbulbs, and interactive button hover states).
alexander.lyall added this to the Version 2.0 milestone 2026-03-01 13:45:40 +00:00
alexander.lyall added the
Priority
Medium
3
Kind/EnhancementKind/Feature labels 2026-03-01 13:45:40 +00:00
alexander.lyall self-assigned this 2026-03-01 13:45:40 +00:00
alexander.lyall added this to the Version 2.0 project 2026-03-01 13:45:40 +00:00
alexander.lyall moved this to In Progress in Version 2.0 on 2026-03-01 13:45:46 +00:00
alexander.lyall moved this to Done in Version 2.0 on 2026-03-01 14:49:54 +00:00
alexander.lyall added reference Version-2-Rebase 2026-03-01 15:33:39 +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 Kind/Feature
Priority
Medium
3
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#9
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?