index.html

---
layout: base
---
<div class="wrapper">
    <header>
        {% if site.compass.logo %}
        <div class="logo-container" style="display: none;">
          <!-- <a class="logo shake-chunk" href="{{ page.baseurl }}" style="background-image: url('{{ site.baseurl }}{{ site.compass.logo }}')"></a> -->
          <span class="logo shake-chunk" style="background-image: url('{{ site.baseurl }}{{ site.compass.logo }}')"></span>
        </div>
        {% endif %}

        {% if site.compass.author %}
        <div class="author-container"><h1><span class="author-name shake"></span><span class="author-name2 shake"></span></h1></div>
        {% endif %}

        {% if site.compass.tagline %}
        <div class="tagline-container"><p><span class="tagline shake"></span><br><span class="tagline2 shake-little"></span><br><span class="tagline3 shake-rotate"></span></p></div>
        {% endif %}
    </header>
    <main>
      {% if site.compass.include_content %}
      <div class="content" style="display: none;">
        {% include content.html %}
      </div>
      {% endif %}
    </main>
</div>