{% if PageIsChapter %}

  <div class="area {{ PageBook | prepend : 'book-' }} {{ PageType }} {{ PageChapter | prepend : 'chapter-' }}
              {% if site.setup.style %}{{ SiteStyle }}{% endif %}">

  {%- unless SiteIsDoc -%}

    <h2>{{ page.weight | slice: 0,3 }}</h2>

  {%- endunless -%}

{% else %}

  {%- unless SiteIsDoc -%}

    {%- include {{ SitePage | append : 'subtitle.liquid' }} -%}

  {%- endunless -%}

  <div class="area {{ PageTitle | prepend : 'title-' }} {{ PageType }}
              {% if site.setup.style %}{{ SiteStyle }}{% endif %}
              {% unless NoSubtitle %}has-subtitle{% endunless %}
              {% if page.row %} has-row {% endif %}
              {% if page.pies %}is-pie{% endif %}">

{% endif %}

{%- unless SiteIsDoc -%}

  {{ page.content | markdownify }}

{%- endunless -%}

{%- unless PageIsChapter -%}

  {%- include {{ SiteContent | append : 'more.liquid' }} -%}

  {% include {{ SitePage | append : 'util.liquid' }} %}

  {%- if page.break -%}

    {% for i in (1..page.break) %}<br>{% endfor %}

  {%- endif -%}

  {%- if page.chart -%}

    {%- include {{ SiteContent | append : 'chart.liquid' }} -%}

  {%- endif -%}

  {%- if page.number -%}

    <div class="block number-container">

      {%- include {{ SiteContent | append : 'loop.liquid' }} type="number" -%}

    </div>

  {%- endif -%}

  {%- if page.pies -%}

    <ul class="list pies">

      {%- include {{ SiteContent | append : 'loop.liquid' }} type="pies" -%}

    </ul>

  {%- endif -%}

  {%- if page.roller -%}

    {%- include {{ SiteContent | append : 'roller.liquid' }} -%}

  {%- endif -%}

  {%- if page.artwork -%}

    {%- include {{ SiteContent | append : 'artwork.liquid' }} -%}

  {%- endif -%}

  {%- if page.form -%}

    {%- include {{ SiteContent | append : 'loop.liquid' }} type="form" -%}

  {%- endif -%}

  {%- if page.header -%}

    {%- include {{ SiteContent | append : 'header.liquid' }} -%}

  {%- endif -%}

  {%- if page.screen -%}

  <div class="block screen-container">

    <div class="block screen-wrap">

      {%- include {{ SiteContent | append : 'loop.liquid' }} type="screen" -%}

    </div>

  </div>

  {%- endif -%}

  {%- if page.loader -%}

    <div class="loader page-wrap">

      <div class="loader page-bg">

        {%- include {{ SvgIcon }} type="carrier" -%}

      </div>

      <div class="loader page-bg ghost">

        {%- include {{ SvgIcon }} type="carrier" -%}

      </div>

      <div class="loader page-bg ghost">

        {%- include {{ SvgIcon }} type="carrier" -%}

      </div>

    </div>

  {%- endif -%}

  {%- if page.ticker -%}

    <div class="ticker onemoment">

      <div class="ticker message">{{ page.ticker }}</div>

    </div>

  {%- endif -%}

  {%- if page.button -%}

    {%- include {{ LoopButton | append : 'example.liquid' }} -%}

  {%- endif -%}

  {%- if page.row -%}

    {%- include {{ SiteContent | append : 'row.liquid' }} -%}

  {%- endif -%}

  {%- if page.yousaved -%}

    {%- include {{ SiteContent | append : 'loop.liquid' }} type="yousaved" -%}

  {%- endif -%}

  {%- if SiteIsDoc -%}

    {%- if page.content -%}

      {% assign length = page.content | size %}

      {%- if length > 1 -%}

        <div class="area type-content">

          {{ page.content | markdownify }}

        </div>

      {%- endif -%}

    {%- endif -%}

  {%- endif -%}

{%- endunless -%}