Site redesign - #3
Merged
Merged
Conversation
Full visual overhaul on the SvelteKit site, no content or data changes: - New design system: dark ink palette (#060907) with electric lime accent, Space Grotesk display type, Inter body, Fira Mono for labels - Self-hosted fonts via @fontsource, replacing Google Fonts CDN - Replace FontAwesome kit CDN with unplugin-icons tree-shaken inline SVGs, eliminating all external icon and font requests - Shared components: PageHero, SectionHeading, Card, Tag, StatBlock, SocialLinks; scroll-reveal action with IntersectionObserver and staggered delays, respects prefers-reduced-motion - Rebuilt every page: home, intro, experience, skills, achievements, certificates, contact, ideal-role, download; print page separators swapped for dot and hyphen characters - Certificates page keeps all 13 entries, skill filter, both modals, and the badge marquee (CSS animation, pauses on hover) - Dark-only design, theme toggle and light tokens removed - Performance: hackathon image 1.9MB PNG to 215KB WebP, profile photo 392KB to 35KB WebP, unreferenced static assets removed - Remove superseded global SCSS files; layout CSS fixes sidebar offset so it no longer overlaps page content Co-Authored-By: Claude <noreply@anthropic.com>
The sidebar and page content read as competing blocks, so the whole shell now layers translucent glass panels over a shared ambient backdrop instead of solid surfaces fighting each other: - Fixed ambient backdrop layer: soft lime radial glows and a faint masked grid rendered once behind everything, giving the glass blur something to refract - Sidebar becomes a floating glass rail: inset from the viewport, rounded, blurred, with a top edge highlight; no longer flush against the content - Header becomes a floating glass pill inside the content column; banner wrapped to align with the page grid - Surfaces and card tokens are now translucent rgba values, and every panel (cards, stats, jobs, tech tiles, filters, banners, modals) picks up backdrop blur and saturation from one global rule - Section heading rules start with a lime tick so sections read as distinct bands; mobile bar and drawer share the same glass treatment Co-Authored-By: Claude <noreply@anthropic.com>
The page body now sits inside one large floating glass panel that matches the sidebar rail: translucent surface, 24px backdrop blur, rounded corners, and a top edge highlight, inset from the header pill so the whole shell reads as stacked glass over the ambient backdrop. Removed the solid background from the app container, which was painting over the fixed ambient glow layer and hiding it from every glass panel behind it. The glows and grid now actually show through the sidebar, header, and page panel. Co-Authored-By: Claude <noreply@anthropic.com>
Home page hero is now its own glass section panel: the three focus areas (penetration testing, SOC operations, application security) render as individual icon chip tiles, and the personal statement sits in its own accent-edged sub-panel instead of floating as plain text. Certificate modal no longer dismisses itself: the overlay click handler was bubbling from inside the modal, so any click on the certificate image or details closed it. Both modals now close only on the backdrop itself, the close button, or Escape. Hardcoded years roll forward automatically: footer copyright now shows 2025 to <current year>, and the certificates page active period and home page certificate callout derive their end year from the current date instead of a fixed 2026. Co-Authored-By: Claude <noreply@anthropic.com>
The detail modal was trapped inside main's backdrop-filter containing block, which clipped the fixed overlay to the glass panel. The new lightbox portals to document.body so it covers the full viewport and shows only the certificate image, with magnify plus/minus controls, a zoom reset, a live zoom percentage, wheel and keyboard zoom shortcuts, and Escape or backdrop click to close. The badge modal is portaled as well so it centers on the viewport too. Co-Authored-By: Claude <noreply@anthropic.com>
https://havocsec.dev/pentesting returns 404 because the folder only contains category subfolders with no index. The Research link now points to the Hack The Box writeups section instead. Co-Authored-By: Claude <noreply@anthropic.com>
Remove the Penetration testing, SOC operations, and Application security pills from the home hero and tighten the remaining reveal delays. The X social link now points to x.com/HavocRichie. The open to opportunities banner gets a louder treatment so it reads as a callout instead of blending into the glass chrome: solid lime icon badge with a soft pulse, lime headline, underlined links, and a tinted glow background. Its start date moves to July 2026. Co-Authored-By: Claude <noreply@anthropic.com>
Adds the BlackBook MCP server, a read-only source-grounded cybersecurity knowledge MCP with hybrid FTS5 and semantic retrieval, a knowledge graph, and exact citations. Regenerates tex/resume.tex and the compiled CV PDF. Co-Authored-By: Claude <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Important
This repository does not receive automatic reviews because it has fewer than 10 stars. ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
The Live link now goes to blackbook.havocsec.me instead of the GitHub repo. Regenerates tex/resume.tex and the compiled PDF. Co-Authored-By: Claude <noreply@anthropic.com>
This branch was successfully deployed
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.
No description provided.