Skip to content

feat(portfolio): add glass VK logo to 6 places#9

Merged
vkkatariya merged 2 commits into
devfrom
feat/logo-everywhere
Jun 30, 2026
Merged

feat(portfolio): add glass VK logo to 6 places#9
vkkatariya merged 2 commits into
devfrom
feat/logo-everywhere

Conversation

@vkkatariya

Copy link
Copy Markdown
Owner

Summary

  • Sub-place 1: topbar scroll-swap — wordmark → logo mark past 80px (rAF debounced)
  • Sub-place 2: profile icon — logo fills circle, glass ring border, no gradient
  • Sub-place 3: OG image (1200×630) + og:image/twitter:card meta on all 7 HTML files
  • Sub-place 4: hero identity widget — person SVG replaced with logo mark
  • Sub-place 6: resume.html header — small logo accent above name
  • Sub-place 7: /me auth card — VK gradient circle → logo with glass ring
  • Assets: logo-128/256/512/og-image.png added to prototypes/assets/

Test plan

  • Topbar scroll-swap works at desktop (scroll past 80px)
  • Profile icon shows logo, no green gradient
  • OG preview renders on social share (opengraph.xyz)
  • Hero identity widget shows logo mark at 1920px + 560px mobile
  • Resume PDF header shows logo accent
  • /me auth card shows logo with glass ring

🤖 Generated with Claude Code

vkkatariya and others added 2 commits June 30, 2026 19:43
- Sub-place 1: topbar pill scroll-swap — wordmark fades out, logo mark
  fades in past 80px scroll, pill shrinks (rAF-debounced scroll listener)
- Sub-place 2: profile icon (right pill) — VK text → logo fills circle,
  glass ring border, no gradient background
- Sub-place 3: OG image (1200×630) generated + og:image/twitter:card
  meta tags added to all 7 HTML files
- Sub-place 4: hero identity widget — person SVG replaced with logo mark
- Sub-place 6: resume.html header — small logo mark above name
- Sub-place 7: /me auth card — VK gradient circle → logo with glass ring
- Assets: logo-128.png, logo-256.png, logo-512.png, og-image.png added
- Sub-place 5 (about photo block) removed — did not look good there

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
portfolio-website Ready Ready Preview, Comment Jun 30, 2026 5:44pm

@vkkatariya
vkkatariya merged commit eba7cf1 into dev Jun 30, 2026
2 checks passed
@vkkatariya
vkkatariya deleted the feat/logo-everywhere branch June 30, 2026 17:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant