Refond la page d’accueil

themes/default/layouts/partials/featured-card.html

@@ -0,0 +1,41 @@
+{{- $page := .Page -}}
+{{- $coverPath := $page.Params.cover -}}
+{{- $img := false -}}
+{{- if $coverPath -}}
+  {{- if strings.HasSuffix $coverPath ".yaml" -}}
+    {{- $coverAbsPath := printf "%s%s" $page.File.Dir $coverPath -}}
+    {{- $coverRaw := readFile $coverAbsPath -}}
+    {{- $coverData := $coverRaw | transform.Unmarshal -}}
+    {{- with $coverData.file -}}
+      {{- $img = $page.Resources.GetMatch . -}}
+    {{- end -}}
+  {{- else -}}
+    {{- $img = $page.Resources.GetMatch $coverPath -}}
+  {{- end -}}
+{{- end -}}
+
+<article class="featured-card">
+  <a class="featured-card__image" href="{{ $page.RelPermalink }}">
+    {{- if $img -}}
+      {{- $resized := $img.Resize "640x" -}}
+      <img src="{{ $resized.RelPermalink }}" alt="{{ default $page.Title $page.Params.cover_alt }}" loading="lazy" />
+    {{- else -}}
+      <div class="featured-card__image--placeholder" aria-hidden="true"></div>
+    {{- end -}}
+  </a>
+  <div class="featured-card__body">
+    <div class="featured-card__meta">
+      {{- with $page.Parent }}
+      <span class="featured-card__section">{{ .LinkTitle }}</span>
+      {{- end }}
+      {{- with $page.Date }}
+      <time datetime="{{ . | time.Format "2006-01-02" }}">{{ . | time.Format ":date_long" }}</time>
+      {{- end }}
+    </div>
+    <h3 class="featured-card__title"><a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a></h3>
+    {{- with $page.Summary }}
+    <p class="featured-card__summary">{{ . | plainify }}</p>
+    {{- end }}
+    <a class="featured-card__cta" href="{{ $page.RelPermalink }}">Lire l’article</a>
+  </div>
+</article>

themes/default/layouts/partials/home-hero.html

@@ -0,0 +1,56 @@
+{{- $logo := .Logo -}}
+{{- $title := .Title -}}
+{{- $description := .Description -}}
+{{- $content := .Content -}}
+{{- $total := .TotalArticles -}}
+{{- $sectionsCount := .SectionsCount -}}
+{{- $lastUpdated := .LastUpdated -}}
+{{- $menu := .HeroMenu -}}
+<section id="hero">
+  <header>
+    {{- with $logo -}}
+    <figure>
+      <img src="{{ .RelPermalink }}" alt="Logo de {{ $title }}" />
+    </figure>
+    {{- end -}}
+    <div>
+      <h1>{{ $title }}</h1>
+      {{- with $description }}
+      <div class="site-description">{{ . }}</div>
+      {{- end }}
+    </div>
+  </header>
+
+  {{- with $content }}
+  <div>
+    {{ . }}
+  </div>
+  {{- end }}
+
+  <ul>
+    <li>
+      <strong>Articles publiés</strong>
+      <span>{{ $total }}</span>
+    </li>
+    <li>
+      <strong>Thématiques</strong>
+      <span>{{ $sectionsCount }}</span>
+    </li>
+    <li>
+      <strong>Dernière mise à jour</strong>
+      <time datetime="{{ $lastUpdated | time.Format "2006-01-02" }}">{{ $lastUpdated | time.Format "02/01/2006" }}</time>
+    </li>
+  </ul>
+
+  <hr class="hr-mirror">
+
+  {{- with $menu }}
+  <nav>
+    {{- range . }}
+    <a href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+    {{- end }}
+  </nav>
+  {{- end }}
+
+  <hr />
+</section>