mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-08-02 19:31:19 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add social preview card rendering and deployment

Browse Source 
- Introduced `OgCard` React component as the default Open Graph preview card for social sharing (1200x630).
- Added `BrandFonts` module to load web fonts for accurate rendering.
- Integrated `OgCard` into the media creator pipeline as a `<Still>` with a new `still:og` script.
- Updated upload script to version the output and ensure compatibility with caching policies.
- Included new card meta tags across web pages, defaulting to this design for links without a custom preview.
- Extended theme and README to document font usage, card details, and deployment workflow.
This commit is contained in:
MartinBraquet
2026-07-24 18:34:18 +02:00
parent 3a38e8affb
commit de99d2decc
11 changed files with 449 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/scripts/fetch-media.mjs
View File

@@ -47,6 +47,10 @@ const ASSETS = [
{key: 'images/search-alert-poster-dark.jpg', dest: 'images/search-alert-poster-dark.jpg'},
{key: 'images/vote-tally-light.png', dest: 'images/vote-tally-light.png'},
{key: 'images/vote-tally-dark.png', dest: 'images/vote-tally-dark.png'},
// The default social preview card (see OG_CARD in common/hosting/constants.ts). The filename is
// versioned because WhatsApp and X cache a preview by URL and never revalidate it — a redesign
// ships as -v2 on both sides, it never overwrites -v1.
{key: 'images/og-card-v1.jpg', dest: 'images/og-card-v1.jpg'},
]
/**