Skip to content

Convert static landing page to React + Vite + Tailwind CSS#102

Merged
Balackburn merged 3 commits into
mainfrom
copilot/convert-static-page-to-react
Feb 11, 2026
Merged

Convert static landing page to React + Vite + Tailwind CSS#102
Balackburn merged 3 commits into
mainfrom
copilot/convert-static-page-to-react

Conversation

Copilot AI commented Feb 11, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor
  • Initialize React 18+ project with Vite at repo root
  • Install and configure Tailwind CSS v4
  • Convert HTML into React functional components (Header, Screenshots, Description, Footer)
  • Port embedded CSS to separate stylesheet with Tailwind integration
  • Convert JS interactions to React hooks (icon animation via useState/useEffect, download link fetcher via useEffect, Tobi lightbox)
  • Configure Vite for GitHub Pages deployment (base: '/Apollo/', static asset copying)
  • Add GitHub Pages deployment workflow (.github/workflows/deploy.yml)
  • Update .gitignore for node_modules, dist
  • Ensure JSON files, README.md, existing workflows, and AltStore source files remain untouched
  • Build successfully and verify visual parity
  • Fix font/text size differences caused by Tailwind CSS preflight reset and .container utility conflict
  • Run code review and security checks (0 alerts)

Screenshot

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@Balackburn
Convert static landing page to React + Vite + Tailwind CSS
81bd9a5 
Co-authored-by: Balackburn <93828569+Balackburn@users.noreply.github.com>
Copilot AI changed the title [WIP] Convert static landing page to modern React application Convert static landing page to React + Vite + Tailwind CSS Feb 11, 2026
Copilot AI requested a review from Balackburn February 11, 2026 15:47
@Balackburn

Balackburn commented Feb 11, 2026

Copy link
Copy Markdown
Owner

@copilot The website is different (font, text size)

@Balackburn
Fix font/text size mismatch by disabling Tailwind preflight and utili…
8c112e8 
…ties layers

Co-authored-by: Balackburn <93828569+Balackburn@users.noreply.github.com>

Copilot AI commented Feb 11, 2026

Copy link
Copy Markdown
Contributor Author

@copilot The website is different (font, text size)

Fixed in 8c112e8. The issue was Tailwind CSS's preflight (CSS reset) overriding browser default heading font sizes/weights, and Tailwind's .container utility conflicting with the custom .container class. Switched to importing only tailwindcss/theme layer, skipping preflight and utilities entirely.

Screenshot

@Balackburn Balackburn marked this pull request as ready for review February 11, 2026 15:56
@Balackburn Balackburn merged commit df4f107 into main Feb 11, 2026
Copilot stopped work on behalf of Balackburn due to an error February 11, 2026 15:56
The session was cancelled by the user.
This was referenced Feb 11, 2026
Merged
Merged
@Balackburn Balackburn deleted the copilot/convert-static-page-to-react branch February 11, 2026 17:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Balackburn Balackburn Awaiting requested review from Balackburn

Assignees

@Balackburn Balackburn

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@Balackburn