index.html

---
layout: default
lang: en
ref: index
image: true
exclude: true
---

{% include core/metabar.html %}

<article class="content">

  <header class="hero">
    <h1 class="hero-title">{{ site.description }}</h1>
    {% include core/share.html %}
    {% if page.image %}
      <div class="hero-image" style="background-image: url('{{ site.baseurl }}{{ site.assets }}{{ site.images }}/posts/{{ page.ref }}.jpg'); background-image: -webkit-image-set( url('{{ site.baseurl }}{{ site.assets }}{{ site.images }}/posts/{{ page.ref }}.jpg') 1x, url('{{ site.baseurl }}{{ site.assets }}{{ site.images }}/posts/{{ page.ref }}-large.jpg') 2x )"></div>
    {% endif %}
  </header>

  <section id="about" class="section">
    <h2 class="section-title">About</h2>
    <article>
      <h3 class="section-header">Made by Connor.</h3>
      <p class="section-body">Autumn is a minimalistic, duo-chromatic <a href="http://jekyllrb.com">Jekyll theme</a> that pairs a prominent headline with two column content. You are free to use it under the <a href="https://github.com/connor-baer/autumn/blob/master/LICENSE.md">MIT license</a>.</p>
      <a class="section-link" href="{{ site.github.repo }}">Fork on GitHub</a>
    </article>
  </section>

  <section id="posts" class="section">
    <h2 class="section-title">Posts</h2>
    <article class="section-writing">
      {% assign posts = site.posts | sort: 'order' | where:"lang", page.lang | limit: 3 %}
      {% for page in posts %}
      <h3 class="section-header"><a href="{{ site.baseurl }}{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h3>
        {% include core/date.html %}
        <p class="section-body">{{ page.excerpt | strip_html | truncatewords: 32 }}</p>
      {% endfor %}
      <a class="section-link" href="{{ site.social.medium }}">Read more on Medium</a>
    </article>
  </section>

</article>

{% include core/footer.html %}