mise en place du début du back

site/templates/blog.php

@@ -0,0 +1,61 @@
+<?php snippet('header') ?>
+
+<main class="blog">
+  <!-- Intro Section -->
+  <section class="blog__intro">
+    <h1 class="blog__title"><?= $page->intro_title() ?></h1>
+
+    <?php if ($page->intro_text()->isNotEmpty()): ?>
+      <p class="blog__subtitle"><?= $page->intro_text() ?></p>
+    <?php endif ?>
+  </section>
+
+  <!-- Articles List -->
+  <section class="blog__articles">
+    <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $article): ?>
+      <article class="article-card">
+        <!-- Date -->
+        <?php if ($article->date()->isNotEmpty()): ?>
+          <time class="article-card__date" datetime="<?= $article->date()->toDate('Y-m-d') ?>">
+            <?= $article->date()->toDate('d/m/Y') ?>
+          </time>
+        <?php endif ?>
+
+        <!-- Content -->
+        <div class="article-card__content">
+          <h2 class="article-card__title">
+            <a href="<?= $article->url() ?>"><?= $article->title() ?></a>
+          </h2>
+
+          <?php if ($article->intro()->isNotEmpty()): ?>
+            <p class="article-card__intro"><?= $article->intro()->excerpt(200) ?></p>
+          <?php endif ?>
+
+          <a href="<?= $article->url() ?>" class="article-card__link">
+            Lire la suite &rarr;
+          </a>
+        </div>
+
+        <!-- Author -->
+        <div class="article-card__author">
+          <?php if ($photo = $article->author_photo()->toFile()): ?>
+            <img src="<?= $photo->url() ?>" alt="<?= $article->author_name() ?>" class="article-card__author-photo">
+          <?php endif ?>
+
+          <?php if ($article->author_name()->isNotEmpty()): ?>
+            <span class="article-card__author-name"><?= $article->author_name() ?></span>
+          <?php endif ?>
+        </div>
+
+        <!-- Cover Image -->
+        <?php if ($cover = $article->cover()->toFile()): ?>
+          <div class="article-card__cover">
+            <img src="<?= $cover->url() ?>" alt="<?= $article->title() ?>">
+          </div>
+        <?php endif ?>
+      </article>
+    <?php endforeach ?>
+  </section>
+</main>
+
+<?php snippet('footer') ?>