Redesign the About page as a portfolio hub - #106
Merged
Conversation
- convert the about page to a Hugo page bundle so the hero photo runs through the WebP resize pipeline instead of shipping a raw full-size image - switch the hero photo to profile_2024.jpg - restore the full first-person presentation the redesign had over-condensed - override the theme's article-h2 style on the hero name, drop the inherited img auto-margin, and top-align the hero for the longer bio - add aria-label to the social links
LinkedIn used parent="Liens" while the dropdown's identifier is "Links", so Hugo created a second phantom "Liens" menu and split LinkedIn/Bluesky across two dropdowns. Point LinkedIn at parent="Links" like Bluesky and EN.
The theme's AltImage() script (index.js) treats any alt-bearing <img> in .post_content as a captioned figure: it removes the image's next sibling (assumed to be an old caption) and inserts a <figcaption> from the alt text. For the hero that deleted the whole .pf-hero_intro (tagline, bio, social), leaving only the photo and an auto-caption of the name. Add title=" " — the theme's documented opt-out (index.js sets addCaption=false) — to skip it.
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.
What
Reworks
/about/(English + French) from a short bio into a portfolio-style personal brand hub, giving community involvement and open source top billing with the career history as a compact backdrop.Sections
cloud-native-refandRunLoreHow
pf-*shortcodes (layouts/shortcodes/pf-*.html) and theme-aware CSS appended toassets/sass/_custom.sass. Colors come only from the theme's CSS variables, so light/dark mode and mobile layout work automatically.Fixes made along the way
index.jsAltImage()) was deleting the hero intro — it removes the element after any alt-bearing image, assuming it's a stale caption. Opted out with the theme's owntitle=" "convention.parentidentifier); it now nests both under one dropdown, matching the English menu.Verification
hugo --minifypasses with no errors or warnings.