feat: travail design avec damien

This commit is contained in:
Matthieu Bessat 2023-04-01 00:14:22 +02:00
parent d369147c20
commit 6f34c7fc55
19 changed files with 278 additions and 35 deletions

View 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 }}

View file

@ -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 }}

View file

@ -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>

View file

@ -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>