[Barcelona-2026] Modernize welcome page and trim social share buttons - #16099
Draft
edwardep wants to merge 6 commits into
Draft
[Barcelona-2026] Modernize welcome page and trim social share buttons#16099edwardep wants to merge 6 commits into
edwardep wants to merge 6 commits into
Conversation
Limit social share buttons to email and LinkedIn via social_shares, and add a LinkedIn badge linking to the DevOpsDays Barcelona page. Rework the welcome page layout: replace the fixed-width two-column table with a flex layout that stacks on mobile, convert the "What's in Store?" list into cards, and add a call-to-action for sponsoring and contact. Recolour the page from the theme default blue and the previous purple to the palette of the Barcelona event logo, which fixes white-on-light-grey text at the bottom of the masthead. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
✅ Deploy Preview for devopsdays-web ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify project configuration. |
edwardep
marked this pull request as draft
August 30, 2026 15:45
Make the "What's in Store?" card titles bold and give each one its card's accent colour, darkened so it stays readable on the cream background. Hide the share row. Its email icon shares the page by mail, which reads as a second Contact button next to the real one, and its LinkedIn icon posts to the visitor's own feed rather than linking to ours. Both are covered more clearly by the Contact button and the LinkedIn badge below it. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
…s sides Run the masthead the full width of the viewport and fade the navy to white at both sides, so the dark band no longer meets the white page on a hard edge. The masthead is itself the .col-md-12, so Bootstrap's flex basis and max-width have to be overridden for the width to take effect. The fade distance and the horizontal padding share one custom property, so the text always starts where the fade ends at any viewport width, and past the 1600px container it aligns with the content below. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Remove the fade to white at the sides and keep the background running the full width of the viewport. Replace the near-black navy with a lighter teal-blue taken from the logo, running from #12789A at the top to #0A5771 at the bottom. White text needs the depth: the gradient darkens downward so the small date and venue text sits on the strongest contrast (5.0:1 at the top, 8.0:1 at the bottom). The bottom rule moves from cyan to the logo's amber, which reads more clearly now that the background is itself blue. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The body copy sits in a 1000px column centred in the viewport, not against the container edge, so the masthead text started well to its left on wider screens. Track that column instead: the inset is the distance from the screen edge to it, 50vw - 500px, falling back to the container padding once the column stops being 1000px wide. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Masthead: show only the event name and the dates. The venue and the address are hidden here and kept in the Location row below, so they are read once rather than twice. They are hidden in CSS rather than blanked in main.yml because the location page's map, the Location row and the schema.org event metadata all read those fields. Set the location to the venue name, which the field is meant for, and drop the repeated city name from the summary line. Between them the masthead went from naming Barcelona four times to twice. Enlarge the title and let it scale with the viewport, and undo the theme's generic h1 capitalize rule, which was rendering the wordmark as "Devopsdays" rather than lowercase. Body: lift the content column to roughly 16px with a roomier line height. The theme's root is 14px, so the copy was rendering small and light. Move the logo beside the whole upper block rather than beside the first paragraph alone. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
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.
Updates the DevOpsDays Barcelona 2026 welcome page. All changes are scoped to this event — no theme files are touched, and no new pages are added.
Social share buttons
social_shares: ["email", "linkedin"]. The event has no Twitter or Facebook presence, so those buttons pointed nowhere useful.event_social_linkedinbadge to the page body. The key was already configured but never rendered anywhere, so there was no actual link to the event's LinkedIn page.Layout
<table>with a flex layout that stacks on narrow screens.Colours
No copy has been rewritten; the existing text is preserved.
🤖 Generated with Claude Code