fix: sticky content nav, news list, adhesions

This commit is contained in:
Matthieu Bessat 2024-03-10 17:33:41 +01:00
parent a539a53fac
commit 70cd04bab6
15 changed files with 152 additions and 62 deletions

View file

@ -17,7 +17,7 @@
{{ if .Params.featured_image }}
{{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ end }}
{{ $featuredImage := $featuredImage.Resize "450x" }}
{{ $featuredImage := $featuredImage.Fill "400x300 Center" }}
<figure>
<img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }}

View file

@ -1,5 +1,5 @@
{{ define "main" }}
<main class="page-container">
<main class="page-container read-article">
<article class="article">
<h1>{{ .Title }}</h1>
@ -15,7 +15,7 @@
{{ if .Params.featured_image }}
{{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ if $featuredImage }}
{{ $featuredImage = $featuredImage.Resize "1000x" }}
{{ $featuredImage = $featuredImage.Resize "900x" }}
<figure class="article__featured-image">
<img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }}

View file

@ -8,32 +8,51 @@
<main class="page-container">
{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
<p>2 méthodes d'adhésions possibles :</p>
<div class="adhesion-choice">
<h2>Comment adhérer ?</h2>
<p style="text-indent: 0rem;">2 méthodes d'adhésions sont possibles :</p>
<div class="adhesion-choices">
<a
class="adhesion-choice__item button button-light"
class="adhesion-choices__item button button-light"
tabindex="0"
title="Adhérer sur Helloasso"
href="{{ .Site.Params.contact.helloasso_adhesion }}"
>
<div class="adhesion-choice__item__icon">
<div class="adhesion-choices__item__icon">
{{ partial "helpers/svg" (dict "path" "icons/helloasso") }}
</div>
<span>HelloAsso</span>
</a>
<a
class="adhesion-choice__item button button-light"
class="adhesion-choices__item button button-light"
tabindex="0"
title="Adhérer avec bulletin papier (PDF)"
href="{{ .Site.Params.contact.paper_adhesion }}"
>
<div class="adhesion-choice__item__icon">
<div class="adhesion-choices__item__icon">
{{ partial "helpers/svg" (dict "path" "icons/write") }}
</div>
<span>Papier</span>
</a>
</div>
<h2>Pourquoi adhérer ?</h2>
<p>
Adhérer permet de participer aux activités internes de l'association, participer aux différentes commissions.
</p>
<p>
L'adhésion permet de prendre part aux assemblées générales de l'association : elle donne le droit de vote et le droit de candidater à un siège d'administrateur.
</p>
<h2>Les tarifs</h2>
<ul>
<li>Individuel</li>
<li>Individuel bienfaiteur</li>
<li>Couple</li>
<li>Couple bienfaiteur</li>
<li>Moral</li>
<li>Moral bienfaiteur</li>
</ul>
{{ if .Content }}
<div>
{{ with .Content }}<div>{{ . }}</div>{{ end }}

View file

@ -1,34 +1,25 @@
{{ define "main" }}
<div class="team-presentation">
<div class="team-item">
<div class="content-with-side-menu">
<main class="page-container">
{{ $listtitle := .Title }}
{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
<nav class="sticky-nav">
<ul>
{{ range .Pages }}
<li>
<a href="{{ .RelPermalink }}">{{.Title }}</a>
</li>
{{ end }}
</ul>
</nav>
</div>
{{ if .Content }}
<div>
{{ with .Content }}<div>{{ . }}</div>{{ end }}
</div>
{{ end }}
</main>
</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>
{{ end }}

View file

@ -9,7 +9,14 @@
<li><a href="/actualites">Actualités</a></li>
<li><a href="/association">L'association</a></li>
<li><a href="/documentation">Documentation</a></li>
<li><a href="/adhesion">Adhérer</a></li>
<li>
<a
href="/adhesion"
class="button button-transparent membership-header-button"
>
Adhérer
</a>
</li>
</ul>
{{ end }}
</nav>
@ -22,10 +29,11 @@
<div class="background">&nbsp;</div>
<nav class="nav">
<ul class="list">
<li><a href="/">Accueil</a></li>
<li><a href="/actualites">Actualités</a></li>
<li><a href="/association">L'association</a></li>
<li><a href="/chapelle-crypte">La chapelle</a></li>
<li><a href="/images">Galerie</a></li>
<li><a href="/documentation">Documentation</a></li>
<li><a href="/adhesion">Adhérer</a></li>
</ul>
</nav>
</div>