Add lead shortcode; make banner a full-bleed hero image

- lead: wraps content in a Bootstrap .lead paragraph (moved from the
  ctsmockup site, where {.lead} could not target a paragraph).
- banner: resolves src as a page/global resource or base-URL-aware
  link, and spans the full viewport width via symmetric
  calc(50% - 50vw) margins while page content stays in .container.
  Optional height crops via object-fit: cover. A banner that starts a
  page's content is pulled flush against the navbar.
- html { overflow-x: hidden } to absorb the 100vw scrollbar overhang.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

daniel

2026-09-02 09:53:20 +02:00

co-authored by

Claude Sonnet 5

parent 55308f7703

commit ec9cba0555

4 changed files with 91 additions and 5 deletions

									
										layouts/_shortcodes/lead.html
									
		+2
		
												View File
												
				@@ -0,0 +1,2 @@

				{{ $additional_classes := .Get "class" }}

				<p class="lead {{ $additional_classes }}">{{ .Inner | safeHTML }}</p>