Events
Definition
Events is a pattern with a date and linked text.
Multiple Event patterns can be combined in a list, using a Stack.
Individual events are probably best as the semantic HTML element <article>. A list of events can also be contained by a parent <article>
element.
Use the <time> semantic HTML element inside the pattern for
the date.
Description
Use the Events pattern to show dated content.
Examples
<article class="events stack">
<h1 class="h2">Events</h1>
<article class="event">
<h2 class="h3"><time datetime="2023-02-06">February 6, 2023</time></h2>
<a href="#">New release through 2023-06-13</a>
</article>
<article class="event">
<h2 class="h3"><time datetime="2023-02-12">February 12, 2023</time></h2>
<a href="#">New release through 2023-06-25</a>
</article>
<div><a class="btn btn-primary" href="#">View all events</a></div>
</article>