Missouri State University Pattern Library

Unit masthead: Subsite with logo

There are no notes for this item.

<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
    <div id="UnitMasthead" class="UnitMasthead">
        <div class="SiteTitle">
            <div class="ParentTitle">
                <a href="#">Parent site name</a>
            </div>
            <a href="#">
        <img src="../../images/logo-placeholder.svg" alt="Logo" />
          </a>
        </div>
    </div>
</div>
 
<div id="UnitMastheadWrapper" class="UnitMastheadWrapper">
  <div id="UnitMasthead" class="UnitMasthead">
    <div class="SiteTitle">
      {{#if parentSite}}
        <div class="ParentTitle">
          <a href="{{parentSite.url}}">{{parentSite.name}}</a>
        </div>
      {{/if}}
      {{#if site.logo}}
        {{#if page.homepage}}
          <h1>
        {{else}}
          <a href="{{site.url}}">
        {{/if}}
        <img src="{{path site.logo.image}}" alt="{{site.logo.alt}}" />
        {{#if page.homepage}}
          </h1>
        {{else}}
          </a>
        {{/if}}
      {{else}}
        {{#if page.homepage}}
          <h1>
        {{else}}
          <a href="{{site.url}}">
        {{/if}}
        {{site.name}}
        {{#if page.homepage}}
          </h1>
        {{else}}
          </a>
        {{/if}}
      {{/if}}
    </div>
  </div>
</div>
 
{
  "parentSite": {
    "name": "Parent site name",
    "url": "#"
  },
  "site": {
    "name": "Basic unit masthead",
    "url": "#",
    "logo": {
      "image": "/images/logo-placeholder.svg",
      "alt": "Logo"
    }
  }
}