No notes defined.
- Handle: @unit-masthead-wp--logo-subsite
- Variants (7): Homepage-wp , Interior-WP , Homepage-WP (with parent) , Interior-WP (with parent) , Logo only-WP , Parent + logo subsite WP , Calendar-WP
- Preview:
- Filesystem Path: src/components/02-page-structure/unit masthead/unit-masthead-wp/unit-masthead-wp.hbs
<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
<div id="UnitMasthead" class="UnitMasthead">
<div class="SiteTitle">
<div class="ParentTitle">
<a href="#">Section parent (site)</a>
</div>
<a href="#">
<img src="https://template.missouristate.edu/current/images/logo-placeholder.svg" alt="Logo" />
</a>
</div>
</div>
</div>
<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
<div id="UnitMasthead" class="UnitMasthead">
<div class="SiteTitle">
{{!-- LOGO only --}}
{{#if site.logoSite}}
<a href="{{site.logoSite.url}}">
<img src="{{site.logoSite.logoimage}}" alt="{{site.logoSite.logoalt}}" />
</a>
{{else if site.logoParentsite}}
<div class="ParentTitle">
<a href="{{site.logoParentsite.url}}">{{site.logoParentsite.name}}</a>
</div>
<a href="{{site.logoSubsite.url}}">
<img src="{{site.logoSubsite.logoimage}}" alt="{{site.logoSubsite.logoalt}}" />
</a>
{{!-- TEXT (Calendar / Homepage / Interior) --}}
{{else}}
{{!-- CALENDAR section H1 only, no parent, no link --}}
{{#if site.isCalendar}}
{{#if site.subSite.name}}
<div class="SectionTitle">
<h1>{{site.subSite.name}}</h1>
</div>
{{/if}}
{{!-- HOMEPAGE section if homepage has a parenttitle and a sectiontitle, H1 is assigned to sectiontitle no div for sectiontitle --}}
{{else if site.isHomepage}}
{{!-- HOMEPAGE with parent section title is h1 --}}
{{#if site.parentSite.name}}
<div class="ParentTitle">
<a href="{{site.parentSite.url}}">{{site.parentSite.name}}</a>
</div>
{{#if site.subSite.name}}
<div class="SectionTitle">
<h1>{{site.subSite.name}}</h1>
</div>
{{/if}}
{{else}}
{{!-- HOMEPAGE without parent section title is h1 --}}
{{#if site.subSite.name}}
<div class="SectionTitle">
<h1>{{site.subSite.name}}</h1>
</div>
{{/if}}
{{/if}}
{{else}}
{{!-- INTERIOR parent is optional h1 is on page title --}}
{{#if site.parentSite.name}}
<div class="ParentTitle">
<a href="{{site.parentSite.url}}">{{site.parentSite.name}}</a>
</div>
{{/if}}
{{#if site.subSite.name}}
<div class="SectionTitle">
<a href="{{site.subsite.url}}">
{{site.subSite.name}}
</a>
</div>
{{/if}}
{{/if}}
{{/if}}
</div>
</div>
</div>
{
"site": {
"logoParentsite": {
"name": "Section parent (site)",
"url": "#"
},
"logoSubsite": {
"url": "#",
"logoimage": "https://template.missouristate.edu/current/images/logo-placeholder.svg",
"logoalt": "Logo"
}
}
}