Skip to content

feat: Add favicon and OG image, fix publicDir config #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
paveg merged 1 commit into from
Jan 3, 2026
Merged

feat: Add favicon and OG image, fix publicDir config #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,9 @@ direct-*.html
*-test.svg
test-output-*.svg
test-results-*.md
*.svg
/*.svg
svg-preview.html
!public/*.svg

# Lighthouse CI
.lighthouseci/
Expand Down
4 changes: 4 additions & 0 deletions public/favicon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
33 changes: 33 additions & 0 deletions public/og-image.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 13 additions & 4 deletions src/client/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<meta property="og:url" content="https://devcard.pavegy.workers.dev/" />
<meta property="og:title" content="DevCard - GitHub Readme Stats" />
<meta property="og:description" content="Create stunning GitHub statistics cards for your profile README. Customize your GitHub stats, languages, and pinned repositories with minimal setup." />
<meta property="og:image" content="https://devcard.pavegy.workers.dev/og-image.png" />
<meta property="og:image" content="https://devcard.pavegy.workers.dev/og-image.svg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="DevCard - GitHub Readme Stats Generator" />
Expand All @@ -32,7 +32,7 @@
<meta name="twitter:url" content="https://devcard.pavegy.workers.dev/" />
<meta name="twitter:title" content="DevCard - GitHub Readme Stats" />
<meta name="twitter:description" content="Create stunning GitHub statistics cards for your profile README. Customize your GitHub stats, languages, and pinned repositories with minimal setup." />
<meta name="twitter:image" content="https://devcard.pavegy.workers.dev/og-image.png" />
<meta name="twitter:image" content="https://devcard.pavegy.workers.dev/og-image.svg" />
<meta name="twitter:image:alt" content="DevCard - GitHub Readme Stats Generator" />
<meta name="twitter:creator" content="@devcard" />

Expand Down Expand Up @@ -124,9 +124,18 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400&family=Noto+Sans+JP:wght@400;500;600;700&display=swap" />
</noscript>

<!-- Critical CSS for initial render (prevents FOUT) -->
<!-- Critical CSS for initial render (prevents FOUT/CLS) -->
<style>
body { font-family: 'Geist', system-ui, -apple-system, sans-serif; }
/* Fallback font metrics matched to Geist to minimize CLS */
@font-face {
font-family: 'Geist Fallback';
src: local('system-ui'), local('-apple-system'), local('BlinkMacSystemFont');
size-adjust: 100%;
ascent-override: 90%;
descent-override: 20%;
line-gap-override: 0%;
}
body { font-family: 'Geist', 'Geist Fallback', system-ui, -apple-system, sans-serif; }
</style>

<!-- Additional SEO Meta Tags -->
Expand Down
2 changes: 1 addition & 1 deletion vite.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import path from 'path';
export default defineConfig({
plugins: [react()],
root: 'src/client',
publicDir: '../../public-static',
publicDir: '../../public',
build: {
outDir: '../../dist',
emptyOutDir: true,
Expand Down
Loading