4907d644bb
Previously, each marketing page used a different limit for its content's width (if it had a limit at all) and implemented the width limiting in a different way. Besides resulting in an inconsistent UX, this also made it difficult to apply site-wide layout changes. This commit makes the limit for most marketing pages consistent and uses the same CSS class to make it easier to apply site-wide changes in the future. The chosen limit is slightly larger than that of docs pages (62.5em/1000px vs 50em/800px), because marketing pages have a different type of content and layout (i.e. images, multi-column layout, etc.). Finally, this commit also removes obsolete wrapper elements, CSS classes and CSS styles, that are no longer necessary after the changes. Notably, the homepage (`/`) and the "Contributors" page (`/about`) have remained unchanged, because the former has its own layout that is different from other marketing pages and the latter would offer a worse UX with a small content width limit (as the one used on other marketing pages). The content widths of the rest of the marketing pages change slightly as a result of the changes in this commit, but not in a way that would have a negative impact on UX. More specifically: | Page (URL) | Size before | Size after | |:--------------|------------:|-----------:| | `/contribute` | 880px | 1000px | | `/events` | unlimited | 1000px | | `/features` | 996px | 1000px | | `/presskit` | 800px | 1000px | | `/resources` | 800px | 1000px | PR Close #41051
8 lines
175 B
HTML
Executable File
8 lines
175 B
HTML
Executable File
<header class="marketing-banner">
|
|
<h1 class="banner-headline no-toc no-anchor">Events</h1>
|
|
</header>
|
|
|
|
<article class="center-layout">
|
|
<aio-events></aio-events>
|
|
</article>
|