No notes defined.
- Handle: @unit-masthead-sgf--homepage-with-parent
- Variants (7): Homepage , Interior , Homepage (with parent) , Interior (with parent) , Logo only , Parent + logo subsite , Calendar
- Preview:
- Filesystem Path: src/components/02-page-structure/unit masthead/unit-masthead-sgf/unit-masthead-sgf.hbs
- Referenced by (30): @foundation, @foundation--campus-alert, @foundation--homepage, @foundation--homepage-alert, @foundation--homepage-with-parent, @foundation--homepage-with-parent-alert, @foundation--interior, @foundation--interior-alert, @foundation--interior-with-parent, @foundation--interior-with-parent-alert, @foundation--mlp, @foundation--mlp-alert, @springfield, @springfield--campus-alert, @springfield--homepage, @springfield--homepage-alert, @springfield--homepage-with-parent, @springfield--homepage-with-parent-alert, @springfield--interior, @springfield--interior-alert, @springfield--interior-with-parent, @springfield--interior-with-parent-alert, @springfield--mlp, @springfield--mlp-alert, @springfield-col-test--campus, @springfield-col-test, @springfield-col-test--homepage, @springfield-col-test--homepage-with-parent, @springfield-col-test--interior-with-parent, @springfield-col-test--mlp
<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
<div id="UnitMasthead" class="UnitMasthead">
<div class="SiteTitle">
<div class="ParentTitle">
<a href="#">Section parent (site)</a>
</div>
<div class="SectionTitle">
<h1>Section (subsite)</h1>
</div>
</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": {
"isHomepage": true,
"parentSite": {
"name": "Section parent (site)",
"url": "#"
},
"subSite": {
"name": "Section (subsite)",
"url": "#"
}
}
}