diff --git a/client/index.html b/client/index.html index fc2b1a0..9131a2a 100644 --- a/client/index.html +++ b/client/index.html @@ -4,12 +4,39 @@ - + + + + + + + + + + + + + + + + - + jmartgraphix diff --git a/client/public/android-chrome-192x192.png b/client/public/android-chrome-192x192.png new file mode 100644 index 0000000..409e2a8 Binary files /dev/null and b/client/public/android-chrome-192x192.png differ diff --git a/client/public/android-chrome-512x512.png b/client/public/android-chrome-512x512.png new file mode 100644 index 0000000..de1dffc Binary files /dev/null and b/client/public/android-chrome-512x512.png differ diff --git a/client/public/apple-touch-icon.png b/client/public/apple-touch-icon.png new file mode 100644 index 0000000..357706a Binary files /dev/null and b/client/public/apple-touch-icon.png differ diff --git a/client/public/favicon-16x16.png b/client/public/favicon-16x16.png new file mode 100644 index 0000000..a1c45c9 Binary files /dev/null and b/client/public/favicon-16x16.png differ diff --git a/client/public/favicon-32x32.png b/client/public/favicon-32x32.png new file mode 100644 index 0000000..c67098a Binary files /dev/null and b/client/public/favicon-32x32.png differ diff --git a/client/public/favicon.png b/client/public/favicon.png new file mode 100644 index 0000000..08cbd68 Binary files /dev/null and b/client/public/favicon.png differ diff --git a/client/public/logo-mark.png b/client/public/logo-mark.png new file mode 100644 index 0000000..40649e0 Binary files /dev/null and b/client/public/logo-mark.png differ diff --git a/client/public/logo.png b/client/public/logo.png new file mode 100644 index 0000000..292ec24 Binary files /dev/null and b/client/public/logo.png differ diff --git a/client/public/og-image.png b/client/public/og-image.png new file mode 100644 index 0000000..afc8e11 Binary files /dev/null and b/client/public/og-image.png differ diff --git a/client/public/site.webmanifest b/client/public/site.webmanifest new file mode 100644 index 0000000..e463058 --- /dev/null +++ b/client/public/site.webmanifest @@ -0,0 +1,21 @@ +{ + "name": "jmartgraphix", + "short_name": "jmartgraphix", + "description": "Creative professional portfolio — 3D, CAD, animation, design", + "start_url": "/", + "display": "standalone", + "background_color": "#0a0a0b", + "theme_color": "#0a0a0b", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +} diff --git a/client/public/twitter-card.png b/client/public/twitter-card.png new file mode 100644 index 0000000..afc8e11 Binary files /dev/null and b/client/public/twitter-card.png differ diff --git a/client/src/components/Layout.scss b/client/src/components/Layout.scss index 25336ec..1317e5b 100644 --- a/client/src/components/Layout.scss +++ b/client/src/components/Layout.scss @@ -19,12 +19,27 @@ &__logo { display: inline-flex; align-items: center; - gap: 0.55rem; + gap: 0.65rem; font-weight: 600; letter-spacing: -0.02em; font-size: 1.05rem; } + &__logo-img { + width: 36px; + height: 36px; + object-fit: contain; + border-radius: 6px; + flex-shrink: 0; + background: #000; + } + + &__logo-text { + @media (max-width: 420px) { + // logo mark is enough on very small screens + } + } + &__mark { color: var(--accent); font-size: 0.85rem; @@ -133,6 +148,21 @@ } } + &__brand { + display: flex; + align-items: center; + gap: 0.85rem; + + img { + width: 40px; + height: 40px; + object-fit: contain; + border-radius: 8px; + background: #000; + flex-shrink: 0; + } + } + &__links { display: flex; flex-wrap: wrap; diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx index 9800c7c..69dc15e 100644 --- a/client/src/components/Layout.tsx +++ b/client/src/components/Layout.tsx @@ -36,8 +36,15 @@ export function Layout() {
- ◆ - {name} + + {name}