feat: Avancement sur le design
This commit is contained in:
56
layouts/home.html
Normal file
56
layouts/home.html
Normal file
@ -0,0 +1,56 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<h1>Le fil <strong>des actualités</strong></h1>
|
||||
<div class="infos">
|
||||
<div class="news">
|
||||
{{ $headless := .Site.GetPage "/news" }}
|
||||
{{ $lastnews := first 4 (sort $headless.Pages "Date" "desc") }}
|
||||
{{ $first := index (first 1 $lastnews) 0 }}
|
||||
{{ $others := after 1 $lastnews }}
|
||||
{{ with $first }}
|
||||
<div class="post last">
|
||||
<div class="picture">
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ $resized := $image.Fill "220x220 Center"}}
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img src="{{ $resized.RelPermalink }}" alt="{{ .RenderString .Title }}" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="details">
|
||||
<div class="info">
|
||||
<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Day }} {{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time> - {{ .Params.catégorie }}
|
||||
</div>
|
||||
<h2 title="{{ .RenderString .Title }}"><a href="{{ .RelPermalink }}">{{ .RenderString .Title }}</a></h2>
|
||||
<div class="text">
|
||||
{{ .Content | truncate 280 }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ range $others }}
|
||||
<div class="post ">
|
||||
<div class="picture">
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ if $image }}
|
||||
{{ $resized := $image.Fill "100x100 Center"}}
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="details">
|
||||
<span><time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Day }} {{ index $.Site.Data.mois (printf "%d" .Date.Month) }} {{ .Date.Year }}</time> - {{ .Params.catégorie }}</span>
|
||||
<h3 title="{{ .Title }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
|
||||
<div class="text">
|
||||
{{ .Content | truncate 200 }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="opening">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
Reference in New Issue
Block a user