{% extends 'base.html' %}
{% block content %}
<section class="hero">
  <div class="signal-label">ELECTRONIC FIELD NOTES / 001</div>
  <h1>Build for the<br><em>long current.</em></h1>
  <p>Notes from Eternity Project on embedded systems, durable software, and the strange pleasure of making electrons do useful work.</p>
  <a class="button" href="#journal">Read the journal <span aria-hidden="true">↓</span></a>
  <div class="scope" aria-hidden="true"><span></span><span></span><span></span><b>∞</b></div>
</section>
<section class="journal" id="journal">
  <div class="section-head"><span>THE JOURNAL</span><span>{{ posts|length }} TRANSMISSIONS</span></div>
  {% if posts %}
  <div class="post-grid">
    {% for post in posts %}
    <article class="post-card">
      <div class="post-meta"><span>{{ post.category }}{% if post.is_hidden %} / MEMBERS{% endif %}</span><time datetime="{{ post.created_at }}">{{ post.created_at[:10] }}</time></div>
      <h2><a href="{{ url_for('post', slug=post.slug) }}">{{ post.title }}</a></h2>
      <p>{{ post.excerpt }}</p>
      <div class="post-foot"><span>BY {{ post.real_name or post.username }}</span><a href="{{ url_for('post', slug=post.slug) }}" aria-label="Read {{ post.title }}">→</a></div>
    </article>
    {% endfor %}
  </div>
  {% else %}
  <div class="empty-state"><span class="empty-icon">//</span><h2>The signal is quiet.</h2><p>Be the first account to publish a field note.</p>{% if current_user %}<a class="button" href="{{ url_for('write') }}">Write a post</a>{% endif %}</div>
  {% endif %}
</section>
{% endblock %}