Add showcase website with GitHub Pages deployment#13
Merged
Conversation
Static single-page site under docs/ presenting the library: hero with demo gif, feature grid, three-step install guide, tabbed desktop API examples, architecture overview, production packaging, and demo apps. Self-contained HTML/CSS/JS with a lightweight Elixir syntax highlighter, deployed via a GitHub Pages workflow on pushes to main. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c
Replace the static docs/ site and GitHub Pages workflow with a Francis (francis.build) app under website/. The Francis router serves the showcase page from an EEx template, exposes a /health endpoint, serves CSS/JS/images via Plug.Static with francis.digest support, and applies secure headers plus a content security policy. Includes router tests, a Dockerfile for deployment, and a CI workflow that compiles and tests the site on changes. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c
Cut the page roughly in half: six focused feature cards instead of nine, condensed install steps without checklists, a compact note in place of the two API module tables, a two-point architecture section, and a slimmer ship-it strip. Prune the CSS rules that no longer have matching markup. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c
Adopt the structure of francis-build/francis_site: a single use-Francis module serving the page from priv/templates via EEx.eval_file, Tailwind v4 compiled by the tailwind hex package from assets/css/app.css (theme tokens plus component classes), and an assets.build alias that runs tailwind and francis.digest. Replace the hand-written stylesheet with utility classes in the template; tw.css becomes an untracked build artifact produced in dev, CI, and the Docker build. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c
Use official Heroicon SVGs (outline for feature tiles, tabs, and the architecture diagram; solid minis for the footer heart and star button) inlined into the template so no external requests are needed. Platform bundle chips drop their emoji prefixes, and tabs become inline-flex so icon and label align. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c
filipecabaco
force-pushed
the
claude/library-website-fm15q1
branch
from
July 11, 2026 22:16
584cba5 to
84890be
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Static single-page site under docs/ presenting the library: hero with
demo gif, feature grid, three-step install guide, tabbed desktop API
examples, architecture overview, production packaging, and demo apps.
Self-contained HTML/CSS/JS with a lightweight Elixir syntax highlighter,
deployed via a GitHub Pages workflow on pushes to main.
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01L5Y5T7cVLBaL6nHb8MxC8c