feat: prep for next version
All checks were successful
Deploy workflow / deploy (push) Successful in 17s

- per subject of projects page
- add basic news page
- new layout with bootstrap
- more misc pages
This commit is contained in:
Matthieu Bessat 2024-08-12 22:26:37 +02:00
parent 2f0c2562aa
commit 293ac83a9d
37 changed files with 12551 additions and 137 deletions

View file

@ -1,11 +1,16 @@
{{ define "main" }}
<main class="page-container">
<main class="container">
<article class="article">
<h1>{{ .Title }}</h1>
<h1 class="page-title">{{ .Title }}</h1>
{{ with .Date }}
<div>Publié le <b><time>{{ . | time.Format ":date_full" }}</time></b></div>
{{ end }}
<p class="text-small">
{{ with .Date }}
<span>Publié le <b><time>{{ . | time.Format ":date_full" }}</time></b>,</span>
{{ end }}
{{ with .Lastmod }}
<span>Mis à jour le <b><time>{{ . | time.Format ":date_full" }}</time></b></span>
{{ end }}
</p>
{{ if .Params.featured_image }}

View file

@ -1,53 +1,48 @@
{{ define "main" }}
<main class="page-container">
{{ $listtitle := .Title }}
{{ if or .Title .Content }}
<div>
{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
{{ with .Content }}<div>{{ . }}</div>{{ end }}
</div>
{{ end }}
<main class="container">
<h1 class="page-title">{{ .Title }}</h1>
{{ with .Content }}
<div>{{ . }}</div>
{{ end }}
<ul class="news-list">
{{ range .Paginator.Pages }}
<li class="news-item">
<a href="{{ .RelPermalink }}" class="news-item__image">
{{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
<div class="items">
{{ range .Paginator.Pages }}
<div class="card mb-3" style="max-width: 1000px;">
<div class="row g-0">
<a href="{{ .RelPermalink }}" class="col-md-5">
{{ $featuredImage := (resources.Get (printf "%s" ("images/cycle_path_sun.jpg" | safeURL))) }}
{{ if .Params.featured_image }}
{{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "450x" }}
<figure>
<img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }}
<figcaption>{{ . }}</figcaption>
{{ end }}
</figure>
{{ $featuredImage := $featuredImage.Process "fill 500x350" }}
<img class="img-fluid rounded-start" alt="{{ .Params.featured_image.alt }}" src="{{ $featuredImage.RelPermalink }}" />
</a>
<div class="news-item__content">
<h2
class="news-item__title"
>
<a
href="{{ .RelPermalink }}"
>
{{.Title }}
</a>
</h2>
<p class="news-item__date">
<div class="col-md-7">
<div class="card-body px-4">
<h5 class="card-title mb-3">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h5>
<p class="card-text">
{{ .Summary }}
</p>
<p class="card-text">
<small class="text-body-secondary">
{{ $date := .Date.Format "2006-01-02" }}
<time datetime="{{ $date }}">
{{ time.Format "2 January 2006" $date }}
</time>
</small>
</p>
<div class="news-item__summary">
{{ .Summary }}...
</div>
<p class="card-text text-end">
<a href="{{ .RelPermalink }}"><small class="mr-4 text-body-secondary">Lire plus</small></a>
</p>
</div>
</div>
</li>
{{ end }}
</ul>
</div>
</div>
{{ end }}
</div>
{{ partial "pagination.html" . }}
</main>
{{ end }}

View file

@ -1,36 +0,0 @@
{{ define "main" }}
<main class="page-container">
<article class="article">
<h1>{{ .Title }}</h1>
{{ if .Date }}
<div class="article__date">
Publié le
{{ $date := .Date.Format "2006-01-02" }}
<time date="{{ $date }}">{{ time.Format "2 January 2006" $date }}</time>
</div>
{{ end }}
{{ if .Params.featured_image }}
{{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ if $featuredImage }}
{{ $featuredImage = $featuredImage.Resize "600x" }}
<figure class="article__featured-image">
<img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }}
<figcaption>{{ . }}</figcaption>
{{ end }}
</figure>
{{ end }}
{{ end }}
{{ range .Params.tags }}
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
{{ end }}
<div>
{{ .Content }}
</div>
</article>
</main>
{{ end }}

View file

@ -1,33 +1,9 @@
{{ define "main" }}
<div class="team-presentation">
<div class="team-item">
</div>
</div>
<main class="page-container">
{{ $listtitle := .Title }}
{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
<ul class="section-menu">
{{ range .Pages }}
<li>
<div class="post-title">
{{ if eq $listtitle "Posts" }}
{{ .Date.Format "2006-01-02" }} <a href="{{ .RelPermalink }}">{{.Title }}</a>
{{ else }}
<a href="{{ .RelPermalink }}">{{.Title }}</a>
{{ end }}
</div>
</li>
{{ end }}
</ul>
{{ if .Content }}
<div>
{{ with .Content }}<div>{{ . }}</div>{{ end }}
</div>
{{ end }}
<main class="container">
<h1 class="page-title">{{ .Title }}</h1>
{{ with .Content }}
<div>{{ . }}</div>
{{ end }}
</main>
{{ end }}

View file

@ -1,6 +1,6 @@
{{ define "main" }}
<div class="page-container">
<h1>Vélo et mobilités en Eure-Madrie-Seine</h1>
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
<div class="tmp_logo_container">
{{ $image := resources.Get "images/logos/logo.png" }}
@ -10,7 +10,9 @@
/>
</div>
<div>
{{ .Content }}
</div>
</div>
{{ end }}

View file

@ -1,2 +1,50 @@
<footer class="site-footer">
</footer>
<footer class="page-footer mt-5 py-5">
<div class="container">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Le vélo à Gaillon-Aubevoye</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="/etat" class="nav-link p-0 text-body-secondary">Problèmes et état des infrastructures</a></li>
<li class="nav-item mb-2"><a href="/projets" class="nav-link p-0 text-body-secondary">Sujets en cours</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>L'association</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="/association" class="nav-link p-0 text-body-secondary">À propos</a></li>
<li class="nav-item mb-2"><a href="/association/rejoindre" class="nav-link p-0 text-body-secondary">Nous rejoindre</a></li>
<li class="nav-item mb-2"><a href="/association/contact" class="nav-link p-0 text-body-secondary">Nous contacter</a></li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Abonnez vous à notre liste de diffusion</h5>
<p>Soyez aux courants des actualités de l'association. Lettre d'information envoyé par email tout les trimestres.</p>
<!-- TODO, add small js script to handle subsription -->
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Adresse email</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Adresse email">
<button class="btn btn-primary" type="button">S'abonner</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>VMEMS Contenu en <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons CC-BY-SA</a> sauf si mentioné autrement</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#">
<svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a>
</li>
</ul>
</div>
</div>
</footer>

View file

@ -10,7 +10,7 @@
{{- $title := partialCached "data/title" . .RelPermalink -}}
<title>{{ $title }} {{ if not .IsHome }}- L'Étoile de Bethléem{{ end }}</title>
<title>{{ $title }} {{ if not .IsHome }}- VMEMS{{ end }}</title>
<link rel="canonical" href="{{ .Permalink }}">

View file

@ -1,2 +1,26 @@
<header class="site-header">
</header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="/">VMEMS</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/projets">Projets cyclables</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/signalements">Signalements</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/actualites">Actualités</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/association">L'association</a>
</li>
</ul>
</div>
</div>
</nav>

38
layouts/projets/list.html Normal file
View file

@ -0,0 +1,38 @@
{{ define "main" }}
<main class="container">
<h1 class="page-title">{{ .Title }}</h1>
{{ with .Content }}
<div>{{ . }}</div>
{{ end }}
<div class="items">
{{ range .Paginator.Pages }}
<div class="card mb-3" style="max-width: 1000px;">
<div class="row g-0">
<a href="{{ .RelPermalink }}" class="col-md-5">
{{ $featuredImage := (resources.Get (printf "%s" ("images/cycle_path_sun.jpg" | safeURL))) }}
{{ if .Params.featured_image }}
{{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ end }}
{{ $featuredImage := $featuredImage.Process "fill 500x350" }}
<img class="img-fluid rounded-start" alt="{{ .Params.featured_image.alt }}" src="{{ $featuredImage.RelPermalink }}" />
</a>
<div class="col-md-7 ">
<div class="card-body px-4">
<h5 class="card-title mb-3">
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h5>
<p class="card-text">{{ .Summary }}…</p>
<p class="card-text text-end">
<a href="{{ .RelPermalink }}"><small class="mr-4 text-body-secondary">Lire plus</small></a>
</p>
</div>
</div>
</div>
</div>
{{ end }}
</div>
{{ partial "pagination.html" . }}
</main>
{{ end }}

View file

@ -0,0 +1,17 @@
{{ define "main" }}
<main class="container">
<h1 class="page-title">{{ .Title }}</h1>
{{ with .Content }}
<div>{{ . }}</div>
{{ end }}
<iframe
width="100%"
height="500px"
frameborder="0"
allowfullscreen
src="//umap.openstreetmap.fr/en/map/vmems-problemes-cyclables-gaillon-aubevoye_1100616?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true">
</iframe>
</main>
{{ end }}