Skip to content

[WIP] Update workshop pages#2882

Draft
avollrath wants to merge 19 commits into
masterfrom
workshops-page
Draft

[WIP] Update workshop pages#2882
avollrath wants to merge 19 commits into
masterfrom
workshops-page

Conversation

@avollrath

@avollrath avollrath commented Jul 3, 2026

Copy link
Copy Markdown
Contributor

Redesigns the workshops pages and adds the new workshop detail page

Changes:

  • Redesigned the main workshops page and Rust, Ember, and Svelte landing pages
  • Added the new workshop detail layout
  • Added responsive workshop cards and mobile card behavior
  • Added test workshop markdown files for ticket/date rendering cases

TODO

  • update upcoming dates automatically (@marcoow will do this):
    • for any workshop that we do online remote events for, add ticket_tailor_event_series_id to metadata
    • add a GH job that runs each night that, for all jobs with ticket_tailor_event_series_id in the metadata, reads all upcoming occurrences via the Ticket Tailor API (see https://developers.tickettailor.com/docs/api/get-all-event-occurrences) and updates the dates in the metadata accordingly
    • the job commits the changes

@marcoow marcoow left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's avoid using these super generic stock photo-like pictures:

Image

We should have enough actual training images in https://drive.google.com/drive/folders/1SDTO9dh3JJbhk_CmILcMvR2m5Cie2hzP?usp=sharing or if those are not enough, I'd rather use pictures of our team giving talks than those stereotypical people-laughing-in-front-of-postits

@marcoow marcoow left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is looking good already! Just some comments:

Let's find a better image here (one that's more colorful/fun/energetic):

Image

Do we need this hover color? It's sth. we don't have anywhere else…

Image

I think we have too many CTAs on the listing page: https://deploy-preview-2882--objective-northcutt-37494c.netlify.app/services/workshops/rust/ – I'll see how we can simplify/streamline that

Let's leave these length indicators out – we don't actually know or need to say how long each block is:

Image

For a workshop that has individual tickets available, we should link to the dates from the top as well (not just link to the "Book for your team" option):

Image

Can we avoid the thin divider line? We've tried to avoid any thin lines throughout the site.

Image

Should the text in the left and right columns (workshop content and dates) not be vertically aligned on the same baselines)?

Image

Should the workshops have a bit more space around them for clearer separation?

Image

We should be prepared to have multiple instructors here (not for Svelte specifically but generally, e.g. for Rust we'll need it).

Image

I'll look into copy today as well as into how we can manage upcoming dates at least semi-automatically so we don't have to constantly update the markdown files

@marcoow marcoow left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should allow for start and (optional) end date, e.g. "May 6 – 10, 2027"

Image

@avollrath

Copy link
Copy Markdown
Contributor Author

@marcoow I updated the PR with the following changes:

General workshops landing page:

  • Changed 3 images in the image grid
  • Added colorful pre-footer image

Workshop listing pages:

  • Made CTAs visually less heavy by turning them into text links instead of buttons
  • Increased spacing between workshops
  • Removed hover background color
  • Top aligned "Individual tickets" with workshop title
  • Added support for multiple instructors in alternating left-right layout (added Jonas to Rust for testing)

Individual workshop pages:

  • Added individual tickets to hero (if available)
  • Increased spacing between "Bookable for teams" and "Individual tickets" blocks
  • Added support for start and end dates
  • Removed duration from the syllabus items

@marcoow

marcoow commented Jul 6, 2026

Copy link
Copy Markdown
Member

Top aligned "Individual tickets" with workshop title

should text not typically be aligned on the same baseline?

@marcoow marcoow left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure if this is the best approach. If we list actual dates in the hero, I'd say this should be on the right where we have a lot of free space? It might also be fine not to actually list the dates there but only say sth. like "Buy individual tickets for upcoming dates" or so and link that to the list of dates below.

Image

@avollrath

avollrath commented Jul 6, 2026

Copy link
Copy Markdown
Contributor Author

@marcoow

should text not typically be aligned on the same baseline?

Yes, misunderstood the earlier comment - baselines are aligned now.

...I'd say this should be on the right where we have a lot of free space? It might also be fine not to actually list the dates there..

I tried a couple of variations of that before, but having the list of dates on the right of the CTA looks odd for a all placements. I removed them and added a "Individual tickets available" link to the row above.

I would also suggest to make the tech cards a bit narrower and the logos smaller so they feel less heavy. That keeps the hero more balanced:

image

@marcoow marcoow left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would this work better with "Individual tickets available" between the "1 day" etc. and the button?

Image

@marcoow

marcoow commented Jul 6, 2026

Copy link
Copy Markdown
Member

@avollrath let's rename the property for upcoming dates to upcomingDates – see 7785a62

@marcoow marcoow force-pushed the workshops-page branch 4 times, most recently from a503f53 to 51438f7 Compare July 6, 2026 18:18
@marcoow

marcoow commented Jul 6, 2026

Copy link
Copy Markdown
Member

@avollrath prices are now updated by the script as well and specified in € cents (see 55b4cff). Can you update the templates as well please?

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.

2 participants