feat(docs): add GitHub Pages website#1
Conversation
There was a problem hiding this comment.
Pull request overview
Adds a simple GitHub Pages site under docs/ to provide a public-facing landing page for the project and links to it from the README.
Changes:
- Added a static website (
docs/index.html) with overview content and outbound links. - Added responsive styling (
docs/styles.css) for the new site. - Added
.nojekylland linked the site URL fromREADME.md.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 6 comments.
| File | Description |
|---|---|
| docs/styles.css | Introduces the site’s visual theme, layout, and responsive styling. |
| docs/index.html | Adds the landing page markup and content for GitHub Pages. |
| docs/.nojekyll | Disables Jekyll processing for GitHub Pages in docs/. |
| README.md | Adds a link to the published GitHub Pages site. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| <a class="brand" href="./">WalBridge</a> | ||
| <a class="nav-link" href="https://github.com/paul-cch/WalBridge" target="_blank" rel="noreferrer">GitHub</a> | ||
| </nav> |
There was a problem hiding this comment.
Links opened with target="_blank" should include rel="noopener noreferrer" to prevent tabnabbing via window.opener ("noreferrer" alone is not consistently enforced across all environments). Update the rel attribute accordingly for this link.
| <a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/latest" target="_blank" rel="noreferrer">Get Latest Release</a> | ||
| <a class="btn btn-ghost" href="https://github.com/paul-cch/WalBridge" target="_blank" rel="noreferrer">View Source</a> | ||
| </div> |
There was a problem hiding this comment.
Links opened with target="_blank" should include rel="noopener noreferrer" to prevent tabnabbing via window.opener. Update rel for these outbound links.
| <p>See animated transitions and multi-target sync in action.</p> | ||
| <a class="btn btn-primary" href="https://github.com/paul-cch/WalBridge/releases/download/v1.0.0/walbridge-demo.gif" target="_blank" rel="noreferrer">Open Demo GIF</a> | ||
| </section> |
There was a problem hiding this comment.
This link uses target="_blank" but is missing rel="noopener noreferrer", which can allow tabnabbing via window.opener. Add noopener (and keep noreferrer if desired).
| <p>Inspired by pywal, wallust, wpgtk, and Stylix.</p> | ||
| <p><a href="https://github.com/paul-cch/WalBridge/blob/main/LICENSE" target="_blank" rel="noreferrer">MIT License</a></p> | ||
| </footer> |
There was a problem hiding this comment.
This external link opens in a new tab (target="_blank") but lacks rel="noopener noreferrer", which is recommended to prevent tabnabbing via window.opener.
| transition: transform 120ms ease, filter 120ms ease; | ||
| } | ||
|
|
||
| .btn:hover { | ||
| transform: translateY(-1px); |
There was a problem hiding this comment.
The button hover animation uses transform/transition; consider respecting user motion preferences by disabling or reducing these effects under @media (prefers-reduced-motion: reduce). This improves accessibility for users sensitive to motion.
| <section class="panel"> | ||
| <h2>Supported Targets</h2> | ||
| <div class="chips"> | ||
| <span>SketchyBar</span><span>JankyBorders</span><span>Kitty</span><span>WezTerm</span><span>Alacritty</span><span>Ghostty</span><span>iTerm2</span><span>tmux</span><span>btop</span><span>Neovim</span><span>Yazi</span><span>Starship</span><span>OpenCode</span><span>HydroToDo</span> |
There was a problem hiding this comment.
All supported-target chips are inlined on a single long line, which makes future edits and diffs harder to review. Consider formatting each on its own line (or generating the list) to improve maintainability.
| <span>SketchyBar</span><span>JankyBorders</span><span>Kitty</span><span>WezTerm</span><span>Alacritty</span><span>Ghostty</span><span>iTerm2</span><span>tmux</span><span>btop</span><span>Neovim</span><span>Yazi</span><span>Starship</span><span>OpenCode</span><span>HydroToDo</span> | |
| <span>SketchyBar</span> | |
| <span>JankyBorders</span> | |
| <span>Kitty</span> | |
| <span>WezTerm</span> | |
| <span>Alacritty</span> | |
| <span>Ghostty</span> | |
| <span>iTerm2</span> | |
| <span>tmux</span> | |
| <span>btop</span> | |
| <span>Neovim</span> | |
| <span>Yazi</span> | |
| <span>Starship</span> | |
| <span>OpenCode</span> | |
| <span>HydroToDo</span> |
Summary\n- add a dedicated static project website under docs/\n- add responsive styling and project overview content\n- link README to the GitHub Pages site URL\n\n## Verification\n- python3 -m unittest discover -s tests -p 'test_*.py' -v\n