Template:Text hero: Difference between revisions
Template page
More actions
Install Virginia.wiki branded text-hero fallback |
Install self-contained Virginia.wiki branded text-hero fallback |
||
| Line 1: | Line 1: | ||
<includeonly><div class="vw-text-hero vw-text-hero--{{{kind|place}}}" role="banner"> | <includeonly><div class="vw-text-hero vw-text-hero--{{{kind|place}}}" role="banner" style="position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:clamp(220px,31vw,300px);margin:0 0 1.5rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.16) 0,rgba(255,255,255,0) 31%),linear-gradient(120deg,#102b46 0%,#1e526d 58%,#527b84 100%);box-shadow:0 18px 42px rgba(13,34,52,.16);color:#fff;"> | ||
<div class="vw-text-hero__inner"> | <div aria-hidden="true" style="position:absolute;right:-88px;top:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.025);"></div> | ||
<div class="vw-text-hero__eyebrow">{{{eyebrow|VIRGINIA.WIKI}}}</div> | <div class="vw-text-hero__inner" style="position:relative;width:100%;box-sizing:border-box;padding:clamp(2rem,5.5vw,4.25rem);"> | ||
<div class="vw-text-hero__title">{{{title|{{PAGENAME}}}}}</div> | <div class="vw-text-hero__eyebrow" style="margin:0 0 .8rem;font-size:clamp(.72rem,1.2vw,.86rem);font-weight:700;letter-spacing:.2em;line-height:1.25;text-transform:uppercase;opacity:.82;">{{{eyebrow|VIRGINIA.WIKI}}}</div> | ||
{{#if:{{{subtitle|}}}|<div class="vw-text-hero__subtitle">{{{subtitle}}}</div>}} | <div class="vw-text-hero__title" style="max-width:19ch;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.05rem,7.5vw,5rem);font-weight:700;letter-spacing:-.035em;line-height:.98;">{{{title|{{PAGENAME}}}}}</div> | ||
{{#if:{{{subtitle|}}}|<div class="vw-text-hero__subtitle" style="margin-top:1rem;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.4;opacity:.88;">{{{subtitle}}}</div>}} | |||
</div> | </div> | ||
</div></includeonly> | </div></includeonly> | ||
| Line 16: | Line 17: | ||
}} | }} | ||
</pre> | </pre> | ||
Used automatically when Virginia.wiki does not have a sufficiently trustworthy representative photo hero. A text banner is an intentional final presentation state, not an error condition. | Used automatically when Virginia.wiki does not have a sufficiently trustworthy representative photo hero. A text banner is an intentional final presentation state, not an error condition. Styling is self-contained so the template does not depend on MediaWiki:Common.css permissions. | ||
</noinclude> | </noinclude> | ||
Latest revision as of 02:01, 20 October 2026
Usage
{{Text hero
|title=Danville, Virginia
|subtitle=Virginia local guide
|kind=place
}}
Used automatically when Virginia.wiki does not have a sufficiently trustworthy representative photo hero. A text banner is an intentional final presentation state, not an error condition. Styling is self-contained so the template does not depend on MediaWiki:Common.css permissions.