Homepage announcements
Front matter fields and rendering behavior for homepage announcement pages.
Use content/<lang>/announcements/*.md for homepage announcements.
This page is the source of truth for announcement page field meanings and how the site renders announcements.
Shared announcement params are set in content/en/announcements/_index.md via
cascade, which is shared across all locales. Non-en locales must not
duplicate the cascaded parameters.
Front matter fields
title: announcement title used in the announcement text.linkTitle: optional short title used in the announcement index page.date: the date that the announcement should start showing.expiryDate: date after which the announcement should no longer be shown.- Set this to the event end date, e.g.,
2026-06-06. - If the announcement might be reused in the future, suffix this line with
# keepto prevent the announcement file from being deleted.
- Set this to the event end date, e.g.,
weight: required. Set this to the event end date as ayyyymmddinteger, e.g.,20260606. Announcements are listed in ascendingweightorder, so the soonest-ending event appears first.params:eventUrl: the base event URL used by page links. For Linux Foundation events, this is often of the formhttps://events.linuxfoundation.org/event-name/.utmParam: UTM parameters appended to event URLs. Set in the section index page (content/en/announcements/_index.md) so you do not need to define this unless you want to override it.blogPostURL: optional site blog post URL for announcement CTA link.
Banner text
Keep the banner text short and concise. A common body template is:
[**{{% param title %}}**][LF], **<span class="text-nowrap">March
23–26,</span> Amsterdam**. <span class="d-none d-md-inline"><br></span> Come
[collaborate, learn, and share][blog]<span class="d-none d-sm-inline"> with the
Cloud Native community</span>!
[blog]: <{{% param blogPostURL %}}>
[LF]: <{{% param eventUrl %}}register/?{{% _param utmParam %}}>
Design notes:
- We use classes like
d-noneandd-*-inlineto control visibility of banner text based on screen size. This allows for more compact banner text on smaller screens. - We use
_paramto accessutmParambecause it assumes the value is safe, in contrast toparamthat escapes the query parameters&to&, which we don’t want.
Rendering behavior
- Homepage banner template:
layouts/_partials/banner.html - Community event list shortcode:
layouts/_shortcodes/community-events.md.
In both cases, .RegularPages is used to render the announcements:
- Hugo automatically excludes expired pages based on
expiryDate. - Pages are listed in Hugo’s default page order, which sorts by
weightascending first. Sinceweightis set to ayyyymmddend-date integer (see above), the announcement ending soonest appears at the top.