UniqueSoft/Phantom
2
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

Implement full mobile version and cross-browser support #13

New Issue
Open
opened 2026-05-18 22:07:08 +00:00 by NW · 0 comments
NW commented 2026-05-18 22:07:08 +00:00
Owner
Copy Link

Problem

Landing page lacks proper mobile support: AOS animations disabled on mobile cause empty sections, canvas demo does not scale, and mobile navigation is untested.

Affected Files

  • landing/src/index.html
  • landing/src/style.css
  • landing/src/visual-fixes.css

Issues Found

Issue Detail
AOS disabled on mobile Sections animated with AOS appear empty/invisible when AOS is off on mobile
Canvas not responsive demoCanvas fixed at 1000×500px, unusable on phone screens
Mobile nav untested navbar-collapse styled but never verified on actual devices
No Safari polyfill smooth-scroll not supported in Safari, no fallback
Small touch targets Buttons/links likely under 44px minimum for mobile

Acceptance Criteria

  • AOS either enabled on mobile or replaced with CSS-only fade-in fallback
  • All sections fully visible on mobile viewport (320–768px) without AOS
  • demoCanvas renders correctly on screens ≥ 320px wide
  • Mobile hamburger menu opens/closes and all nav links work
  • smooth-scroll has Safari polyfill or CSS-only fallback
  • All interactive elements have touch targets ≥ 44×44px
  • Tested on Chrome Mobile, Safari Mobile, Firefox Mobile (via browserstack or similar)
  • No horizontal scroll on any viewport ≥ 320px
  • Lighthouse Mobile score ≥ 80 for both Performance and Accessibility

Labels

type::bug, priority::high, status::new, workflow::landing

## Problem Landing page lacks proper mobile support: AOS animations disabled on mobile cause empty sections, canvas demo does not scale, and mobile navigation is untested. ## Affected Files - `landing/src/index.html` - `landing/src/style.css` - `landing/src/visual-fixes.css` ## Issues Found | Issue | Detail | |-------|--------| | AOS disabled on mobile | Sections animated with AOS appear empty/invisible when AOS is off on mobile | | Canvas not responsive | `demoCanvas` fixed at 1000×500px, unusable on phone screens | | Mobile nav untested | `navbar-collapse` styled but never verified on actual devices | | No Safari polyfill | `smooth-scroll` not supported in Safari, no fallback | | Small touch targets | Buttons/links likely under 44px minimum for mobile | ## Acceptance Criteria - [ ] AOS either enabled on mobile or replaced with CSS-only fade-in fallback - [ ] All sections fully visible on mobile viewport (320–768px) without AOS - [ ] `demoCanvas` renders correctly on screens ≥ 320px wide - [ ] Mobile hamburger menu opens/closes and all nav links work - [ ] `smooth-scroll` has Safari polyfill or CSS-only fallback - [ ] All interactive elements have touch targets ≥ 44×44px - [ ] Tested on Chrome Mobile, Safari Mobile, Firefox Mobile (via browserstack or similar) - [ ] No horizontal scroll on any viewport ≥ 320px - [ ] Lighthouse Mobile score ≥ 80 for both Performance and Accessibility ## Labels type::bug, priority::high, status::new, workflow::landing
NW added this to the Landing Refactoring 2025 milestone 2026-05-18 22:07:08 +00:00
NW added the status::newpriority::hightype::bugworkflow::landing labels 2026-05-18 22:07:08 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
phase::designing
Design phase
 phase::implementing
Implementation phase
 phase::init
Initialization phase
 phase::researching
Research phase
 phase::testing
Testing phase
 priority::critical
Critical priority
 priority::high
High priority
 priority::medium
Medium priority
 status::done
Completed
 status::in_progress
Work in progress
 status::new
Issue is new
 status::planned
Planned for work
 status::review
Under review
 type::bug
Something is broken
 workflow::landing
Landing page refactoring workflow
No Label priority::high status::new type::bug workflow::landing
Milestone
No items
No Milestone Landing Refactoring 2025
Projects
Clear projects
No project
Assignees
Clear assignees
NW olilovedani
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: UniqueSoft/Phantom#13
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?