feat: travail design avec damien
This commit is contained in:
parent
d369147c20
commit
6f34c7fc55
19 changed files with 278 additions and 35 deletions
27
layouts/association/list.html
Normal file
27
layouts/association/list.html
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{{ define "main" }}
|
||||
<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 }}
|
||||
|
||||
|
|
@ -1,5 +1,42 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<div class="cover__container">
|
||||
<div class="cover__back" style="background-image: url('https://share.lefuturiste.fr/u/2478737d-7e5e-42cd-8764-d0136ef83546/cover_v2_01.jpg')">
|
||||
</div>
|
||||
<div class="cover__overlay">
|
||||
</div>
|
||||
<div class="cover__content">
|
||||
<div class="page-container">
|
||||
<h1 class="cover__title">
|
||||
Sauvons la chapelle<br>
|
||||
de Bethléem !
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accent-separator">
|
||||
</div>
|
||||
|
||||
<div class="big-animation" style="margin-top: 1em; margin-left: 1em">
|
||||
<div class="burger">
|
||||
<div class="bar-group bar1">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<div class="bar-group bar2"></div>
|
||||
<div class="bar-group bar3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-container" style="margin-top: 2rem">
|
||||
<button class="button">Adhérer !</button>
|
||||
</div>
|
||||
|
||||
<main class="page-container">
|
||||
<!-- <div style="display: flex; justify-content: center; font-size: 1.3em; border: 1px dashed gray; padding: 1rem;"> -->
|
||||
<!-- 🚧 Site en construction... 🚧 -->
|
||||
<!-- </div> -->
|
||||
{{ .Content }}
|
||||
{{/*
|
||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
||||
|
|
@ -9,4 +46,13 @@
|
|||
{{ partial "pagination.html" . }}
|
||||
*/}}
|
||||
</main>
|
||||
|
||||
<div class="card separation-section">
|
||||
<main class="page-container">
|
||||
<h2>The quick brown fox jumps over the lazy dog</h2>
|
||||
<button class="button">Adhérer !</button>
|
||||
</main>
|
||||
</div>
|
||||
<main class="page-container">
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
<footer class="site-footer">
|
||||
<div class="site-footer__content page-container">
|
||||
<a href="/"><b>{{ .Site.Title }}</b></a>.
|
||||
<a href="/a-propos-du-site">A propos de ce site</a>.
|
||||
<a href="/contact">Nous contacter</a>.
|
||||
<div class="site-footer__title">
|
||||
<a href="/">{{ .Site.Title }}</a>.
|
||||
</div>
|
||||
<div class="site-footer__links">
|
||||
<a href="/a-propos-du-site">A propos de ce site</a>
|
||||
<a href="/contact">Nous contacter</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -8,13 +8,20 @@
|
|||
/>
|
||||
</a>
|
||||
<nav class="site-header__nav">
|
||||
<a href="/actualites"><b>Actualité</b></a>.
|
||||
<a href="/association"><b>L'association</b></a>.
|
||||
<a href="/histoires"><b>Histoire</b></a>.
|
||||
<a href="/images"><b>Gallerie</b></a>.
|
||||
<a href="/actualites">Actualités</a>.
|
||||
<a href="/association">L'association</a>.
|
||||
<a href="/histoires">Histoire</a>.
|
||||
<a href="/images">Gallerie</a>.
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.
|
||||
{{ end }}
|
||||
</nav>
|
||||
<!-- <div class="site-header__nav-button"> -->
|
||||
<!-- <div class="burger-button"> -->
|
||||
<!-- <div></div> -->
|
||||
<!-- <div></div> -->
|
||||
<!-- <div></div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue