First commit

app/Views/site/home.html

@@ -0,0 +1,22 @@
+<section class="stack-lg" aria-labelledby="home-title">
+  <header class="page-header">
+    <h1 class="page-title" id="home-title">Articles</h1>
+  </header>
+
+  <check if="{{ @posts }}">
+    <true>
+      <div class="card-grid">
+        <repeat group="{{ @posts }}" value="{{ @post }}">
+          <include href="partials/post_card.html" />
+        </repeat>
+      </div>
+      <include href="partials/pagination.html" />
+    </true>
+    <false>
+      <section class="empty-state" aria-labelledby="home-empty-title">
+        <h2 class="card-title" id="home-empty-title">Aucun article</h2>
+        <p>Le premier article arrivera bientôt.</p>
+      </section>
+    </false>
+  </check>
+</section>

app/Views/site/post.html

@@ -0,0 +1,24 @@
+<article class="article" aria-labelledby="post-title">
+  <header class="article-header">
+    <h1 class="article-title" id="post-title">{{ @post.title }}</h1>
+    <p class="meta-text">
+      Publié le <time datetime="{{ @post.created_at }}">{{ @post.created_at_label }}</time>
+      <check if="{{ @post.has_updated_at }}">
+        <true><br>Mis à jour le <time datetime="{{ @post.updated_at }}">{{ @post.updated_at_label }}</time></true>
+      </check>
+    </p>
+  </header>
+
+  <check if="{{ @post.cover_url }}">
+    <true>
+      <img class="media-frame media-frame--large article-cover" src="{{ @post.cover_url }}"
+        alt="{{ @post.title }}">
+    </true>
+    <false>
+      <div class="media-frame media-frame--large media-frame--placeholder article-cover">Aucune image
+      </div>
+    </false>
+  </check>
+
+  <div class="prose">{{ @post.body_html | raw }}</div>
+</article>