28 lines
1.5 KiB
HTML
28 lines
1.5 KiB
HTML
{% 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 }}</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.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 %}
|