<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>