Fix projects page layout and GitHub Pages detection

[unknownparticles]

Motivation

• Prevent the sidebar/profile area from overlapping project cards on desktop by simplifying the page container structure.
• Improve detection of GitHub Pages demos so known Pages repositories and repositories with Pages/homepage URLs are surfaced correctly.
• Fix inconsistent button colors and disabled demo state so links and demos show consistent, accessible styles.

Description

• Simplified the page HTML by removing nested bootstrap container/row/column wrappers and using a single .post-container.project-page block to avoid layout overlap.
• Added and refined CSS for project cards and controls, including explicit .btn-primary, .btn-demo, and .btn-disabled styles to normalize colors, spacing and disabled behavior.
• Enhanced client-side logic by introducing KNOWN_PAGES_REPOS and the isPagesRepo helper, and updating getDemoUrl, renderCard, and renderPagesList to prefer homepage, honor has_pages, match repo names, and include the known repo list for Pages detection.
• Minor UX updates include clearer status messages and rel="noopener" on external links, plus maintained search/sort functionality for the repo browser.

Testing

• Launched a local static server with python -m http.server 8000 and ran a Playwright script to load the page and capture a full-page screenshot (artifacts/projects-page.png), which completed successfully.
• No unit tests were added or run for this static page update.

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 9d7eeac228

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".