Repository navigation
Give the dashboard a new icon and a link preview card - #11
Merged
Merged
Conversation
The icon is a reach curve on the accent tile. It stays in the page as a data URL, made by the build from site/favicon.svg. The page head now has a description and Open Graph tags, which name og.png at turf.aigora.ai. The build also writes dist/site, the directory for a web host: the page as index.html, with favicon.ico, apple-touch-icon.png, and og.png. The images are committed in site/, and npm run images makes them again from favicon.svg and og.html.
The first commit had the PNG files after a pass through oxipng, so a new run of npm run images changed them.
Contributor
Author
|
Local tests passed on ba436a1
|
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
1 participant
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.
The dashboard is now at https://turf.aigora.ai. This gives the page a better icon and a link preview card for chat and social apps.
Changes
dashboard/site/favicon.svg). The build puts it into the page as a data URL, so the one file still shows its icon with no other file.twitter:card.og:imagenameshttps://turf.aigora.ai/og.png, because link preview apps need a full address. Icon links that a browser loads are relative, so the file opened from disk makes no network request.og.png(1200 x 630) shows the name, the purpose, and the reach curve of the ice cream example. Its source isdashboard/site/og.html.npm run buildalso writesdist/site, the directory for a web host:index.html,favicon.ico,apple-touch-icon.png, andog.png. The release filedist/turflp-dashboard.htmland the CI artifact keep their paths.npm run imagesmakes the three images again with Chrome. The images are committed, because Chrome draws the card text with the fonts of the computer.test-browser/run.mjstochrome.mjs, and the image script uses it too.og:imageis the expected address.Checks
npm run typecheck,npm test(31 tests),npm run build, andnpm run test:browser(worker mode and page mode) pass locally.After the merge
turf.aigora.ai does not change until
dist/siteis deployed to the Vercel projectturflp-dashboard.