No notes defined.
- Handle: @unit-masthead-sgf--calendar
- 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 (4): @calendar, @calendar--sgf-alert, @calendar--wp, @calendar--wp-alert
<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
<div id="UnitMasthead" class="UnitMasthead">
<div class="SiteTitle">
<div class="SectionTitle">
<h1>Calendar</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,
"isCalendar": true,
"parentSite": {
"name": "",
"url": ""
},
"subSite": {
"name": "Calendar",
"url": ""
}
}
}