<div class=“document-stage-band” id=“{{ stage | replace: ' ', '-' | downcase }}-band”>

<p class="document-stage">{{ stage }}</p>

</div>

<div class=“document-type-band” id=“{{ doctype | replace: ' ', '-' | downcase }}-band”>

<p class="document-type">CalConnect {{ doctype }}</p>

</div>

<div id='toggle'> <span>•</span> </div>

<header>

<!--<div class="WordSection1">-->
<div class="coverpage">
  <div class="wrapper-top">

    <div class="coverpage-doc-identity">
      <div class="doc-number">
        <span class="docnumber">{{ docnumber }}</span>
        <!-- <span class="docnumber-separator">:</span>
          <span class="docyear">{{ docyear }}</span> -->
      </div>

      <div class="coverpage-title">
        <span class="title-first">{{ doctitle }}</span>
        <!--<span class="title-second">{{ docsubtitle }}</span>-->
      </div>
    </div>

    <div class="coverpage-logo">
      <span>The Calendaring and Scheduling Consortium</span>
    </div>

    <div class="coverpage-tc-name">
      <span>TC {{ tc }}</span>
    </div>

    {% capture tags %}
    {% for tag in roles_authors_affiliations %}
    {{ tag[0] }}
    {% endfor %}
    {% endcapture %}

    {% assign sortedtags = tags | split:' ' | sort %}

    <div class="coverpage-contributors">
      {% for tag in sortedtags %}
      <div class="group {{ tag }}">
        {% for affiliation in roles_authors_affiliations[tag] %}
        {% for author in affiliation[1] %}
        <span class="person {{ tag }}">{{ author }}<span class="role">{{ tag | capitalize }}</span></span>
        {% endfor %}
        <div class="affiliation">{{affiliation[0]}}</div>
        {% endfor %}
      </div>
      {% endfor %}

    </div>
  </div>

  <div class="title-section1">
    <div class="coverpage-stage-block" >
      <span class="coverpage-stage" id="{{ doctype | replace: ' ', '-' | downcase }}">CalConnect {{ doctype }}</span>
    </div>

    <div class="coverpage-stage-block" >
      <span class="coverpage-maturity" id="{{ stage | replace: ' ', '-' | downcase }}">{% if unpublished %}{{ stage }}{% endif %}</span>
    </div>

    {% if unpublished %}
    <div class="coverpage-warning">
        <div id="boilerplate-license-destination"/>
    </div>
    {% endif %}

    <div class="copyright">
      <div class="year">
        <div id="boilerplate-copyright-destination"/>
      </div>

      <div class="message">
        <div id="boilerplate-legal-destination"/>
      </div>

      <div class="contact-info">
        <div id="boilerplate-feedback-destination"/>
      </div>
    </div>

    <div class="rule"></div>
  </div>
</div>

</header>