feat: Avancement sur le design
|
@ -1,9 +1,12 @@
|
|||
// HEADER
|
||||
|
||||
.header
|
||||
height: 80vh
|
||||
height: 40vh
|
||||
position: relative
|
||||
|
||||
&.home
|
||||
height: 80vh
|
||||
|
||||
.hero
|
||||
position: absolute
|
||||
top: 0
|
||||
|
@ -116,12 +119,9 @@
|
|||
align-items: center
|
||||
padding: 10px
|
||||
text-decoration: none
|
||||
border-top: 1px dashed transparent
|
||||
border-bottom: 1px dashed transparent
|
||||
|
||||
&:hover
|
||||
border-top-color: white
|
||||
border-bottom-color: white
|
||||
color: $orange
|
||||
|
||||
img
|
||||
padding: 0 10px
|
||||
|
|
|
@ -1,7 +1,9 @@
|
|||
// VARIABLE
|
||||
$font-size: 18px
|
||||
|
||||
$vert: #03874b
|
||||
$vert: #04874b
|
||||
$orange: #f0833c
|
||||
$grey: #e5e5e5
|
||||
$color-primary: black
|
||||
$color-secondary: white
|
||||
|
||||
|
@ -18,9 +20,234 @@ $size-xl: 1280px
|
|||
img
|
||||
display: block
|
||||
|
||||
&.round
|
||||
border-radius: 100%
|
||||
|
||||
.maire
|
||||
padding-bottom: 3rem
|
||||
img
|
||||
margin: 0 auto
|
||||
|
||||
// CONTAINER
|
||||
|
||||
.icons
|
||||
width: 50px
|
||||
|
||||
.container
|
||||
max-width: $size-xl
|
||||
margin: 0 auto
|
||||
padding: 0 20px
|
||||
padding: 0 1rem
|
||||
|
||||
// content
|
||||
|
||||
#content
|
||||
margin-top: -10vh
|
||||
|
||||
.container
|
||||
background-color: white
|
||||
margin: 0 1rem
|
||||
padding: 1rem
|
||||
@media screen and (max-width: $size-sm)
|
||||
margin: 0
|
||||
padding: 1rem 0
|
||||
|
||||
h1
|
||||
text-align: center
|
||||
text-transform: uppercase
|
||||
color: $vert
|
||||
margin: 1rem 2rem 2rem
|
||||
font-size: 2.5rem
|
||||
word-wrap: anywhere
|
||||
@media screen and (max-width: $size-sm)
|
||||
font-size: 1.2rem
|
||||
|
||||
strong
|
||||
font-size: 3.5rem
|
||||
@media screen and (max-width: $size-sm)
|
||||
font-size: 1.8rem
|
||||
|
||||
.container.news
|
||||
padding: 1rem 5rem
|
||||
@media screen and (max-width: $size-sm)
|
||||
padding: 0 1rem
|
||||
.infos
|
||||
display: flex
|
||||
@media screen and (max-width: $size-md)
|
||||
flex-direction: column
|
||||
.news, .opening
|
||||
min-height: 500px
|
||||
margin: 1rem
|
||||
|
||||
.news
|
||||
width: 70%
|
||||
display: flex
|
||||
flex-direction: column
|
||||
@media screen and (max-width: $size-xl)
|
||||
width: 65%
|
||||
@media screen and (max-width: $size-md)
|
||||
width: 100%
|
||||
margin: 0
|
||||
|
||||
|
||||
$size-la-une: 220px
|
||||
$size-news: 100px
|
||||
.post
|
||||
display: flex
|
||||
flex-wrap: nowrap
|
||||
margin-bottom: 2rem
|
||||
|
||||
@media screen and (max-width: $size-sm)
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
align-items: center
|
||||
.picture
|
||||
width: $size-news
|
||||
height: $size-news
|
||||
background: $orange
|
||||
flex-shrink: 0
|
||||
@media screen and (max-width: $size-sm)
|
||||
margin-bottom: 1rem
|
||||
|
||||
&.last
|
||||
|
||||
.picture
|
||||
width: $size-la-une
|
||||
height: $size-la-une
|
||||
@media screen and (max-width: $size-sm)
|
||||
width: 100%
|
||||
overflow: hidden
|
||||
margin: 0
|
||||
img
|
||||
width: 100%
|
||||
.details
|
||||
padding: 20px
|
||||
background: $grey
|
||||
height: $size-la-une
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
@media screen and (max-width: $size-sm)
|
||||
height: inherit
|
||||
.details
|
||||
padding: 0 1rem
|
||||
height: $size-news
|
||||
overflow: hidden
|
||||
@media screen and (max-width: $size-sm)
|
||||
height: inherit
|
||||
text-align: center
|
||||
|
||||
a
|
||||
color: black
|
||||
span
|
||||
font-size: .8rem
|
||||
display: block
|
||||
h2
|
||||
font-size: 1.4rem
|
||||
font-weight: bold
|
||||
margin: .6rem 0
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
h3
|
||||
font-size: 1.1rem
|
||||
font-weight: bold
|
||||
margin: 0
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
.text
|
||||
font-size: .8rem
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
width: 100%
|
||||
padding-top: 6px
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
||||
|
||||
|
||||
.opening
|
||||
background: $orange
|
||||
width: 30%
|
||||
padding: 20px
|
||||
color: white
|
||||
background-image: url(/icons/horloge.svg)
|
||||
background-repeat: no-repeat
|
||||
background-position: center -50px
|
||||
background-size: 70%
|
||||
@media screen and (max-width: $size-xl)
|
||||
width: 40%
|
||||
@media screen and (max-width: $size-md)
|
||||
width: 100%
|
||||
margin: 0
|
||||
background-position-x: 120%
|
||||
background-size: 50%
|
||||
|
||||
h2
|
||||
font-size: 1.4rem
|
||||
margin: 1rem 0
|
||||
font-weight: bold
|
||||
|
||||
h3
|
||||
margin: 1rem 0 .4rem
|
||||
font-size: 1.2rem
|
||||
font-weight: bold
|
||||
|
||||
p
|
||||
font-size: .8rem
|
||||
|
||||
&:last-child
|
||||
margin-bottom: 0
|
||||
|
||||
a
|
||||
color: white
|
||||
|
||||
// FOOTER
|
||||
|
||||
.explain
|
||||
text-align: center
|
||||
font-size: .6rem
|
||||
|
||||
.footer
|
||||
background: $vert
|
||||
color: white
|
||||
padding: 2rem 0
|
||||
@media screen and (max-width: $size-sm)
|
||||
padding: 1rem 0
|
||||
|
||||
.container
|
||||
display: flex
|
||||
@media screen and (max-width: $size-md)
|
||||
flex-wrap: wrap
|
||||
justify-content: center
|
||||
@media screen and (max-width: $size-sm)
|
||||
flex-direction: column
|
||||
|
||||
.address
|
||||
text-align: right
|
||||
.logo
|
||||
width: 20%
|
||||
@media screen and (max-width: $size-md)
|
||||
order: -1
|
||||
width: 100%
|
||||
img
|
||||
margin: 0 auto
|
||||
.horaire,
|
||||
.address
|
||||
width: 40%
|
||||
padding: 1rem
|
||||
|
||||
@media screen and (max-width: $size-sm)
|
||||
width: 100%
|
||||
text-align: center
|
||||
padding: 1rem 0 0
|
||||
|
||||
h3
|
||||
font-size: 1.5rem
|
||||
margin-top: 0
|
||||
font-weight: bold
|
||||
|
||||
p
|
||||
margin: 0
|
||||
line-height: 1.3rem
|
||||
|
|
|
@ -2,4 +2,25 @@
|
|||
title: Actualités
|
||||
---
|
||||
|
||||
Nous venons de mettre le site internet de Crémeaux en ligne. Comme vous pouvez le voir il y a encore peu d'information. Nous compléterons au fur et à mesure de l'année. Il y aura par la suite une section spécifique sur l'économie, les associations et le cadre de vie de Crémeaux.
|
||||
## Horaires d'ouverture
|
||||
|
||||
### * Mairie
|
||||
|
||||
Lundi, mardi, jeudi et vendredi : 8h30 à 12h30
|
||||
Mercredi : 9h15 à 12h15
|
||||
04 77 62 50 67 - mairie@cremeaux.fr
|
||||
|
||||
### * Poste
|
||||
|
||||
Mardi, mercredi, jeudi, vendredi et samedi : 9h15 à 12h15
|
||||
|
||||
### * Bibliothèque Municipale
|
||||
|
||||
Mercredi : 16h à 18h40
|
||||
Vendredi et samedi : 10h à 12h
|
||||
|
||||
### * Déchetterie
|
||||
|
||||
Lundi au vendredi : 14h à 18h
|
||||
Samedi 9h à 12h et 14h à 18h
|
||||
L'usine 42430 Saint-Just-en-Chevalet
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Cadre de vie
|
||||
title: Cadre de **vie**
|
||||
draft: true
|
||||
menu:
|
||||
main:
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: LAND ART
|
||||
catégorie: Association
|
||||
date: 2020-10-24
|
||||
---
|
||||
|
||||
🎨 L'activité LAND ART est pour l'instant maintenue la semaine prochaine.
|
||||
👍 A partir de 4 ans.
|
||||
🌦 A voir en fonction de la météo car l'atelier se fera en extérieur pour respecter les mesures sanitaires.
|
||||
☎️ Infos et inscriptions directement auprès de l'association.
|
After Width: | Height: | Size: 808 KiB |
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
title: Reconfinement
|
||||
catégorie: Communication
|
||||
date: 2020-11-01
|
||||
---
|
||||
|
||||
Le gouvernement a décidé en date du vendredi 30 octobre à 00h00 d'un reconfinement pour une durée de 4 semaines.
|
||||
|
||||
C'est évident que cela impose à chacun d'entre nous d'être prudent et de respecter scrupuleusement les consignes gouvernementales pour ralentir la progression de la Covid-19.
|
||||
|
||||
Par ce message, je souhaite aussi mettre en avant, nos professionnels de santé, nos employés communaux, nos personnels des écoles, nos commerçants, nos artisans et tous les acteurs du quotidien qui sont présents chaque jours et nous offrent de multiples services. Ils sont trop vite oubliés lorsque le confinement est terminé, ils ont besoin de nous, c'est notre économie locale.
|
||||
|
||||
Une commune a besoin de ses commerces. A Crémeaux nous avons la chance d'en avoir de multiples.
|
||||
|
||||
ALORS, NE LES OUBLIONS PAS !
|
||||
|
||||
Le Maire
|
||||
Didier Poncet
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
title: La déchetterie rouvre ses portes
|
||||
catégorie: Communauté de Communes du Pays d'Urfé
|
||||
date: 2020-11-03
|
||||
---
|
||||
|
||||
✅ 𝗔𝗽𝗿𝗲̀𝘀 𝗾𝘂𝗲𝗹𝗾𝘂𝗲𝘀 𝗷𝗼𝘂𝗿𝘀 𝗱𝗲 𝗳𝗲𝗿𝗺𝗲𝘁𝘂𝗿𝗲, 𝗹𝗮 𝗱𝗲́𝗰𝗵𝗲̀𝘁𝗲𝗿𝗶𝗲 𝗱𝘂 𝗣𝗮𝘆𝘀 𝗱’𝗨𝗿𝗳𝗲́ 𝗿𝗼𝘂𝘃𝗿𝗲 𝘀𝗲𝘀 𝗽𝗼𝗿𝘁𝗲𝘀 à tous les usagers, dès demain 4 novembre.
|
||||
|
||||
📜 Pour vous y rendre, vous devez cocher sur votre attestation la case "convocation judiciaire ou administrative et pour se rendre dans un service public".
|
||||
|
||||
‼ ATTENTION - Plus que jamais, les consignes doivent être respectées :
|
||||
- 𝗠𝗮𝘀𝗾𝘂𝗲 𝗼𝗯𝗹𝗶𝗴𝗮𝘁𝗼𝗶𝗿𝗲
|
||||
- Pas de prêt de matériel : 𝘃𝗼𝘂𝘀 𝗱𝗲𝘃𝗲𝘇 𝗽𝗿𝗲́𝘃𝗼𝗶𝗿 𝗱𝗲 𝗾𝘂𝗼𝗶 𝗱𝗲́𝗰𝗵𝗮𝗿𝗴𝗲𝗿 𝗲𝘁 𝗻𝗲𝘁𝘁𝗼𝘆𝗲𝗿 𝗹𝗲𝘀 𝗲𝗺𝗽𝗹𝗮𝗰𝗲𝗺𝗲𝗻𝘁𝘀 avant votre départ (pelles, balais, etc)
|
||||
- 𝗣𝗮𝘀 𝗱’𝗮𝗶𝗱𝗲 𝗮𝘂 𝗱𝗲́𝗰𝗵𝗮𝗿𝗴𝗲𝗺𝗲𝗻𝘁 par les agents de la déchèterie
|
||||
|
||||
⌚ Rappel des jours et horaires d’ouverture :
|
||||
du lundi au vendredi 14h - 18h
|
||||
le samedi 9h - 12h et 14h - 18h.
|
After Width: | Height: | Size: 398 KiB |
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: Recensement militaire
|
||||
catégorie: Communication
|
||||
date: 2020-11-04
|
||||
image: israel-palacio-IprD0z0zqss-unsplash.jpg
|
||||
---
|
||||
|
||||
À l'âge de 16 ans, n'oubliez pas de vous rendre en mairie pour procéder au recensement militaire. Si vous voulez plus d'information vous pouvez vous rendre sur [cette page du site du service public](https://www.service-public.fr/particuliers/vosdroits/F870).
|
||||
|
||||
![image](recensement-militaire-585x286.jpg "Title")
|
After Width: | Height: | Size: 307 KiB |
After Width: | Height: | Size: 148 KiB |
After Width: | Height: | Size: 242 KiB |
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: Nouveau **site web**
|
||||
catégorie: Communication
|
||||
date: 2020-11-05
|
||||
---
|
||||
|
||||
Nous venons de mettre le site internet de Crémeaux en ligne. Comme vous pouvez le voir il y a encore peu d'information. Nous compléterons au fur et à mesure de l'année. Il y aura par la suite une section spécifique sur l'économie, les associations et le cadre de vie de Crémeaux.
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Vie Municipale
|
||||
title: Vie **Municipale**
|
||||
menu:
|
||||
main:
|
||||
identifier: municipale
|
||||
|
|
After Width: | Height: | Size: 12 MiB |
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Le mot du Maire
|
||||
title: Le mot du **Maire**
|
||||
image: homepage.jpg
|
||||
menu:
|
||||
main:
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
{{/*
|
||||
S'il n'y a pas de / dans l'url d'une image alors on ajoute le path de l'article
|
||||
*/}}
|
||||
{{ $path := cond (in .Destination "/") .Destination (path.Join "/" .Page.Dir .Destination) }}
|
||||
<img src="{{ $path | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />
|
|
@ -0,0 +1 @@
|
|||
<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>
|
|
@ -4,7 +4,7 @@
|
|||
<body>
|
||||
{{ partial "header.html" . }}
|
||||
{{ block "all" . }}
|
||||
<main role="main" id="content">
|
||||
<main role="main" id="content" class="container">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,10 +1,7 @@
|
|||
{{ define "main" }}
|
||||
{{ if .Params.Image }}
|
||||
<img class="cover" src="{{ .Params.Image }}" alt="{{ .Title }}"/>
|
||||
{{ end }}
|
||||
<div class="container grid-lg contenu {{ if .Params.Image }}contenu-image{{end}}">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="container grid-sm">
|
||||
<div class="container">
|
||||
<h1>{{ .RenderString .Title }}</h1>
|
||||
<div class="container">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,10 +1,7 @@
|
|||
{{ define "main" }}
|
||||
{{ if .Params.Image }}
|
||||
<img class="cover" src="{{ .Params.Image }}" alt="{{ .Title }}"/>
|
||||
{{ end }}
|
||||
<div class="container grid-lg contenu {{ if .Params.Image }}contenu-image{{end}}">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="container grid-sm">
|
||||
<div class="container">
|
||||
<h1>{{ .RenderString .Title }}</h1>
|
||||
<div class="container">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -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 }}
|
|
@ -1,10 +0,0 @@
|
|||
{{ define "all" }}
|
||||
|
||||
|
||||
<div class="container grid-lg contenu {{ if .Params.Image }}contenu-image{{end}}">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="container grid-sm">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
|
@ -0,0 +1,8 @@
|
|||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<h1>{{ .RenderString .Title }}</h1>
|
||||
<div class="container news">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
|
@ -1,32 +1,23 @@
|
|||
{{ $headless := .Site.GetPage "/viemunicipale" }}
|
||||
<footer class="footer">
|
||||
<div class="container grid-xl">
|
||||
<div class="columns">
|
||||
<div class="column col-4 col-md-6 text-right">
|
||||
<img src="logo.png" alt="Blason de Crémeaux" height="80" width="229" class="float-right" style="max-width: inherit">
|
||||
</div>
|
||||
<div class="column col-8 col-md-6">
|
||||
<h5>Mairie</h5>
|
||||
<p>Lundi – Mardi – Jeudi – Vendredi : 8h30 à 12h15<br>Mercredi : 9h15 à 12h15</p>
|
||||
<ul>
|
||||
<li>📞 04 77 62 50 67</li>
|
||||
<li>📫 mairie@cremeaux.fr</li>
|
||||
</ul>
|
||||
<h5>Bibliothèque Municipale</h5>
|
||||
<p>Mercredi : 16h40 à 18h40<br>Vendredi – Samedi : 10h à 12h</p>
|
||||
<ul>
|
||||
<li>📞 04 77 62 82 66</li>
|
||||
<li>📫 bibliotheque@cremeaux.fr</li>
|
||||
</ul>
|
||||
<h5>Agence Postale</h5>
|
||||
<p>Mardi – Mercredi – Jeudi – Vendredi – Samedi : 9h15 à 12h15</p>
|
||||
<ul>
|
||||
<li>📞 04 77 62 56 49</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="address">
|
||||
<h3>Mairie de Crémeaux</h3>
|
||||
<p>Place de Pierre-Bénite</p>
|
||||
<p>42260 Crémeaux</p>
|
||||
<p>04 77 62 50 67</p>
|
||||
<p>mairie@cremeaux.fr</p>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<img src="/icons/logo-footer.png" alt="Commune de Crémeaux" />
|
||||
</div>
|
||||
<div class="horaire">
|
||||
<h3>Horaire d'ouverture<br>au public :</h3>
|
||||
<p>Lundi, mardi, jeudi et vendredi : 8h30 à 12h15</p>
|
||||
<p>Mercredi : 9h15 à 12h15</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="explain">
|
||||
Ce site est réalisé de façon <a href="https://weko.io">éco-responsable, économe en énergie sans aucun traceur</a>.
|
||||
Ce site est réalisé par <a href="https://weko.io">Weko</a> de façon <a href="https://weko.io">éco-responsable, économe en énergie et sans aucun traceur</a>.
|
||||
</footer>
|
||||
|
|
|
@ -1,14 +1,21 @@
|
|||
|
||||
<header class="header">
|
||||
{{ $headless := .Site.GetPage "/" }}
|
||||
{{ $image := $headless.Resources.GetMatch "*" }}
|
||||
{{ $resized := $image.Fill "1400x600 Top"}}
|
||||
<img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
|
||||
<header class="header{{ if .IsHome }} home{{ end }}">
|
||||
{{ if .Resources }}
|
||||
{{ $image := .Resources.GetMatch (default "*" .Params.image) }}
|
||||
{{ if $image }}
|
||||
{{ $resized := $image.Fill "1400x600 Center"}}
|
||||
<img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
{{ $headless := .Site.GetPage "/" }}
|
||||
{{ $image := $headless.Resources.GetMatch "*" }}
|
||||
{{ $resized := $image.Fill "1400x600 Top"}}
|
||||
<img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
|
||||
{{ end }}
|
||||
<nav class="nav">
|
||||
<div class="container">
|
||||
<div class="logo">
|
||||
<a href="/" class="">
|
||||
<img src="/icons/logo.jpg" alt="Blason de Crémeaux" />
|
||||
<img src="/icons/logo-header.png" alt="Blason de Crémeaux" />
|
||||
</a>
|
||||
</div>
|
||||
<button class="open-button">≡ Menu</button>
|
||||
|
@ -16,7 +23,7 @@
|
|||
{{ range .Site.Menus.main }}
|
||||
<li>
|
||||
<a href="{{ .URL }}">
|
||||
<img src="/icons/{{ .Identifier }}.jpg" alt="{{ .Name }}" />
|
||||
<img class="icons" src="/icons/{{ .Identifier }}.svg" alt="{{ .Name }}" />
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{{ $headless := .Site.GetPage "/viemunicipale/lemotdumaire" }}
|
||||
<div class="maire">
|
||||
{{ $image := $headless.Resources.GetMatch "*" }}
|
||||
{{ $image := $headless.Resources.GetMatch "maire.jpg" }}
|
||||
{{ $resized := $image.Resize "300x" }}
|
||||
<img class="round" src="{{ $resized.RelPermalink }}" alt="Didier PONCET" />
|
||||
</div>
|
||||
|
|
Before Width: | Height: | Size: 4.4 KiB |
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66.74 51.53" style="enable-background:new 0 0 66.74 51.53;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M18.83,18.33c0.49,0.49,1.4,0.49,1.89,0s0.49-1.4,0-1.89c-3.94-3.94-10.27-3.94-14.22,0L6.34,16.6 c-0.49,0.49-0.49,1.4,0,1.89c0.25,0.25,0.58,0.41,0.99,0.41c0.33,0,0.66-0.16,0.99-0.41l0.16-0.16 C11.27,15.45,15.96,15.45,18.83,18.33z"/>
|
||||
<path class="st0" d="M24.42,18.9c0.33,0,0.66-0.16,0.99-0.41l0.16-0.16c2.88-2.88,7.56-2.88,10.35,0c0.49,0.49,1.4,0.49,1.89,0 c0.49-0.49,0.49-1.4,0-1.89c-3.94-3.94-10.27-3.94-14.22,0l-0.16,0.16c-0.49,0.49-0.49,1.4,0,1.89 C23.68,18.74,24.09,18.9,24.42,18.9z"/>
|
||||
<path class="st0" d="M66,20.63l-19.64-9.7l0,0l-1.97-0.99c0.25-5.1-0.16-8.63-0.16-8.79C44.14,0.49,43.57,0,42.91,0H1.66 C0.92,0,0.34,0.58,0.34,1.23C-3.19,40.1,21.71,47.09,21.96,47.17c0.08,0,0.25,0.08,0.33,0.08c0.16,0,0.33,0,0.49-0.08 c0.9-0.41,1.81-0.82,2.71-1.31c1.97,3.45,3.94,5.18,4.03,5.26c0.25,0.16,0.49,0.33,0.82,0.33c0.58,0,1.15,0.08,1.81,0.08 c24.08,0,34.43-28.84,34.51-29.09C66.91,21.7,66.58,20.96,66,20.63z M22.2,44.38C19.16,43.31,0.43,35.5,2.97,2.71h38.71 C42.09,8.71,42.83,35.25,22.2,44.38z M31,48.65c-0.58-0.58-1.89-2.05-3.12-4.27c6.16-4.03,10.11-9.7,12.57-15.53 c0.82,1.31,2.05,2.47,3.45,3.29c1.56,0.9,3.29,1.31,5.01,1.31c0.9,0,1.73-0.08,2.63-0.33c0.74-0.16,1.15-0.9,0.99-1.64 s-0.9-1.15-1.64-0.99c-1.89,0.49-3.86,0.25-5.59-0.74s-2.88-2.55-3.45-4.44v-0.08c1.4-4.27,2.14-8.55,2.47-12.24l0.99,0.49l0,0 L63.8,22.6C61.57,27.78,51.38,49.47,31,48.65z"/>
|
||||
<path class="st0" d="M29.35,27.45h-15.2c-0.74,0-1.31,0.58-1.31,1.31c0,4.93,4.03,8.96,8.96,8.96s8.96-4.03,8.96-8.96 C30.75,28.02,30.17,27.45,29.35,27.45z M21.79,35.01c-2.96,0-5.51-2.14-6.08-4.93h12.24C27.3,32.95,24.75,35.01,21.79,35.01z"/>
|
||||
</g>
|
||||
<script xmlns=""/></svg>
|
After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 4.3 KiB |
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66.92 65.86" style="enable-background:new 0 0 66.92 65.86;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M65.22,53.66c-7.1-1.4-13.1,1.6-16.8,4.3c-10.5-5-24.1-7.4-35.8-6.7v-6.5c5.5-0.5,9.8-5.1,9.8-10.8 c0-4.7-4.2-23.7-10.8-23.7s-10.8,18.9-10.8,23.7c0,5.6,4.3,10.3,9.8,10.8v6.7c-3.6,0.3-6.9,0.9-9.9,1.9c-0.5,0.2-0.8,0.7-0.7,1.3 s0.7,0.8,1.3,0.7c12.2-3.9,31.4-2,45.3,4.2c-0.9,0.7-1.5,1.4-1.9,1.8c-13.9-3.4-31.3-2.4-43,2.6c-0.5,0.2-0.7,0.8-0.5,1.3 s0.8,0.7,1.3,0.5c14-6.1,36.7-6.1,50.7,0c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.8-0.2,0.9-0.6c0.2-0.5,0-1.1-0.5-1.3 c-2.1-0.9-4.5-1.7-7-2.4c2.6-2.4,9.5-7.7,17.8-6c0.5,0.1,1.1-0.2,1.2-0.8S65.72,53.76,65.22,53.66z M2.82,33.86 c0-5.6,4.5-21.7,8.8-21.7s8.8,16.1,8.8,21.7c0,4.5-3.4,8.3-7.8,8.8v-10l3.5-3.5c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0l-2.1,2.1 v-5.6c0-0.6-0.4-1-1-1s-1,0.4-1,1v11.1l-2-2c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5v4.4C6.22,42.16,2.82,38.36,2.82,33.86z"/>
|
||||
<path class="st0" d="M60.02,12.26c0.4-2.9-0.3-5.8-2.1-8.1c-5-6.4-15-5.2-18.3,2.1c-5.6-2.6-11.8,2-11.2,7.9 c-2.5,0.1-4.5,1.2-5.7,3.1c-1.4,2.2-1.5,5.4-0.2,7.7c1.2,2.3,3.5,3.6,6.3,3.6h8.5c-0.3,0.8-0.5,1.7-0.5,2.6c0,4.1,3.3,7.4,7.4,7.4 s7.4-3.3,7.4-7.4c0-0.9-0.2-1.8-0.5-2.6h7.5c4.6,0,8.3-3.7,8.3-8.3C66.82,16.36,63.92,12.96,60.02,12.26z M44.22,36.76 c-3,0-5.4-2.4-5.4-5.4s2.4-5.4,5.4-5.4s5.4,2.4,5.4,5.4C49.62,34.26,47.12,36.76,44.22,36.76z M58.52,26.66h-8.6 c-1.4-1.7-3.4-2.8-5.8-2.8c-2.3,0-4.4,1.1-5.8,2.8h-9.6c-2,0-3.7-0.9-4.6-2.5c-1-1.8-0.9-4.1,0.2-5.7c1-1.6,2.8-2.4,5.1-2.2 c0.3,0,0.6-0.1,0.8-0.4s0.3-0.6,0.2-0.9c-1.4-5.2,4.4-9.4,9-6.4c0.3,0.2,0.6,0.2,0.9,0.1c0.3-0.1,0.5-0.3,0.6-0.6 c2.1-6.7,10.9-8.2,15.2-2.7c1.7,2.2,2.2,4.9,1.5,7.5c-0.1,0.3,0,0.6,0.2,0.9c0.2,0.2,0.5,0.4,0.8,0.4c3.4,0.1,6.1,2.9,6.1,6.3 C64.82,23.86,62.02,26.66,58.52,26.66z"/>
|
||||
<path class="st0" d="M44.22,15.96c-0.6,0-1,0.4-1,1v2.8c0,0.6,0.4,1,1,1s1-0.4,1-1v-2.8C45.22,16.46,44.72,15.96,44.22,15.96z"/>
|
||||
<path class="st0" d="M34.72,20.46c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.9,1.9c0.4,0.4,1,0.4,1.4,0s0.4-1,0-1.4L34.72,20.46z"/>
|
||||
<path class="st0" d="M32.62,30.36h-2.8c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h2.8c0.6,0,1-0.4,1-1C33.62,30.76,33.22,30.36,32.62,30.36 z"/>
|
||||
<path class="st0" d="M33.32,42.16c0.4,0.4,1,0.4,1.4,0l1.9-1.9c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0l-1.9,1.9 C32.92,41.16,32.92,41.76,33.32,42.16z"/>
|
||||
<path class="st0" d="M45.22,45.66v-2.8c0-0.6-0.4-1-1-1s-1,0.4-1,1v2.8c0,0.6,0.4,1,1,1S45.22,46.16,45.22,45.66z"/>
|
||||
<path class="st0" d="M51.62,38.76c-0.4,0.4-0.4,1,0,1.4l1.9,1.9c0.4,0.4,1,0.4,1.4,0s0.4-1,0-1.4l-1.9-1.9 C52.72,38.36,52.02,38.36,51.62,38.76z"/>
|
||||
<path class="st0" d="M55.72,32.36h2.8c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1h-2.8c-0.6,0-1,0.4-1,1C54.72,31.86,55.22,32.36,55.72,32.36 z"/>
|
||||
<path class="st0" d="M53.62,20.46l-1.9,1.9c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0l1.9-1.9c0.4-0.4,0.4-1,0-1.4S54.02,20.06,53.62,20.46 z"/>
|
||||
</g>
|
||||
<script xmlns=""/></svg>
|
After Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 4.3 KiB |
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66.74 60.54" style="enable-background:new 0 0 66.74 60.54;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g transform="translate(0,-952.36218)">
|
||||
<path class="st0" d="M7.51,952.6c17.17,0,34.38,0,51.56,0c0.29,0,0.57,0.17,0.7,0.43l6.64,14.17c0.05,0.1,0.07,0.22,0.07,0.34 c0,3.65-3.22,6.37-6.93,6.59c0,0.01,0,0.02,0,0.02v37.73c0,0.4-0.37,0.77-0.77,0.77c-16.94,0-33.88,0-50.82,0 c-0.4,0-0.77-0.37-0.77-0.77v-37.73c0-0.01,0-0.02,0-0.02c-3.71-0.22-6.93-2.94-6.93-6.59c0-0.12,0.02-0.23,0.07-0.34l6.64-14.17 C7.07,952.82,7.28,952.65,7.51,952.6z M8.16,954.14l-6.33,13.5c0.06,2.81,2.69,4.98,5.85,4.98c3.24,0,5.15-2.21,5.9-4.48 c0.11-0.32,0.45-0.55,0.79-0.53c0.34,0.03,0.64,0.31,0.7,0.65c0.35,2.3,2.22,4.36,5.92,4.36c1.69,0,2.66-0.53,3.39-1.32 s1.22-1.94,1.61-3.15c0.2-0.62,1.27-0.62,1.47,0c0.34,1.12,0.88,2.26,1.78,3.08c0.9,0.82,2.16,1.4,4.14,1.4 c1.98,0,3.24-0.57,4.14-1.4c0.9-0.82,1.44-1.96,1.78-3.08c0.2-0.62,1.27-0.62,1.47,0c0.39,1.22,0.88,2.36,1.61,3.15 s1.7,1.32,3.39,1.32c3.7,0.01,5.57-2.05,5.92-4.36c0.05-0.34,0.36-0.62,0.7-0.65c0.34-0.03,0.69,0.2,0.79,0.53 c0.75,2.26,2.66,4.48,5.9,4.48c3.16,0,5.78-2.17,5.85-4.98l-6.33-13.5H8.16z M14.19,970.36c-1.1,1.83-2.91,3.39-5.46,3.73 c0,0.02,0,0.05,0,0.07v36.96h4.62v-28.49c-0.01-0.36,0.27-0.7,0.63-0.77c4.65,0,9.34,0,14,0c0.4,0,0.77,0.37,0.77,0.77v28.49h29.26 v-36.96c0-0.02,0-0.05,0-0.07c-2.55-0.34-4.36-1.9-5.46-3.73c-1.09,2.16-3.42,3.81-6.79,3.8c-2.04,0-3.53-0.75-4.52-1.83 c-0.53-0.57-0.93-1.22-1.25-1.9c-0.37,0.69-0.82,1.35-1.44,1.92c-1.18,1.08-2.88,1.81-5.17,1.8c-2.29,0-3.99-0.73-5.17-1.8 c-0.63-0.57-1.08-1.24-1.44-1.92c-0.32,0.68-0.72,1.33-1.25,1.9c-1,1.08-2.49,1.83-4.52,1.83 C17.61,974.17,15.29,972.51,14.19,970.36z M34,981.86c6.19,0,12.42,0,18.62,0c0.4,0,0.77,0.37,0.77,0.77v13.86 c0,0.4-0.37,0.77-0.77,0.77h-7.7c-0.41,0.01-0.78-0.36-0.78-0.77c0-0.41,0.37-0.78,0.78-0.77h6.93V983.4H34.91v12.32h5.39 c0.41-0.01,0.78,0.36,0.78,0.77c0,0.41-0.37,0.78-0.78,0.77h-6.16c-0.4,0-0.77-0.37-0.77-0.77v-13.86 C33.37,982.27,33.64,981.93,34,981.86z M14.89,983.4v27.72h12.32V983.4H14.89z M34.02,1001.88c6.18,0,12.4,0,18.6,0 c0.41-0.01,0.78,0.36,0.78,0.77c0,0.41-0.37,0.78-0.78,0.77H34.17c-0.4,0.04-0.8-0.29-0.84-0.7 C33.29,1002.32,33.62,1001.92,34.02,1001.88z"/>
|
||||
</g>
|
||||
<script xmlns=""/></svg>
|
After Width: | Height: | Size: 2.6 KiB |
|
@ -0,0 +1 @@
|
|||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 90 90" xml:space="preserve"><style>.st0{fill:#f59c64}</style><circle class="st0" cx="45" cy="10.31" r="3.16"/><circle class="st0" cx="45" cy="79.87" r="3.16"/><circle class="st0" cx="79.78" cy="45.09" r="3.15"/><circle class="st0" cx="10.22" cy="45.09" r="3.15"/><circle class="st0" cx="28.5" cy="15.89" r="1.96"/><circle class="st0" cx="15.88" cy="29.81" r="1.96"/><circle class="st0" cx="73.76" cy="59.19" r="1.96"/><circle class="st0" cx="61.14" cy="73.12" r="1.96"/><circle class="st0" cx="16.75" cy="59.41" r="1.96"/><circle class="st0" cx="30.68" cy="72.03" r="1.96"/><circle class="st0" cx="60.06" cy="14.15" r="1.96"/><circle class="st0" cx="73.98" cy="26.77" r="1.96"/><path class="st0" d="M60.11 70.18c.62-.37.82-1.17.45-1.79L48.23 47.94c.65-.75 1.05-1.72 1.05-2.79 0-1.81-1.14-3.35-2.73-3.96V24.45c0-.84-.64-1.52-1.48-1.52s-1.48.68-1.48 1.52v16.67c0 .02-.03.04-.03.07-1.59.61-2.75 2.15-2.75 3.96 0 2.34 1.89 4.24 4.23 4.24.33 0 .64-.04.95-.11l12.33 20.45c.37.62 1.17.82 1.79.45z"/><path class="st0" d="M45 0C20.15 0 0 20.15 0 45s20.15 45 45 45 45-20.15 45-45S69.85 0 45 0zm0 84.47c-12.05 0-22.83-5.41-30.06-13.94a39.188 39.188 0 01-9.33-25.44C5.62 23.34 23.25 5.7 45 5.7c12.67 0 23.93 5.98 31.14 15.27a39.193 39.193 0 018.25 24.11C84.38 66.84 66.75 84.47 45 84.47z"/><script/></svg>
|
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 4.6 KiB |
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66.92 38.99" style="enable-background:new 0 0 66.92 38.99;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M33.52,0c5.92,0,10.71,4.79,10.71,10.82c0,5.92-4.79,10.71-10.71,10.71c-6.04,0-10.82-4.79-10.82-10.71 C22.69,4.79,27.48,0,33.52,0z M33.52,2.28c-4.79,0-8.55,3.76-8.55,8.55c0,4.67,3.76,8.43,8.55,8.43c4.67,0,8.43-3.76,8.43-8.43 C41.95,6.04,38.19,2.28,33.52,2.28z"/>
|
||||
<path class="st0" d="M19.62,38.06c0,0.57-0.57,1.03-1.25,0.91c-0.57,0-1.03-0.57-0.91-1.25c0.91-8.09,7.75-14.36,16.07-14.36 c8.2,0,15.15,6.27,16.07,14.36c0,0.68-0.46,1.25-1.03,1.25c-0.68,0.11-1.25-0.34-1.25-0.91C46.52,31,40.6,25.64,33.53,25.64 S20.41,30.99,19.62,38.06z"/>
|
||||
<path class="st0" d="M54.6,9.23c4.67,0,8.43,3.76,8.43,8.32c0,4.67-3.76,8.43-8.43,8.43c-4.56,0-8.32-3.76-8.32-8.43 C46.28,12.99,50.04,9.23,54.6,9.23z M54.6,11.51c-3.3,0-6.04,2.73-6.04,6.04c0,3.42,2.73,6.15,6.04,6.15 c3.42,0,6.15-2.73,6.15-6.15C60.75,14.24,58.01,11.51,54.6,11.51z"/>
|
||||
<path class="st0" d="M50.04,30.54c-0.57,0.34-1.25,0.11-1.6-0.46c-0.23-0.57,0-1.25,0.57-1.6c1.71-0.8,3.65-1.37,5.58-1.37 c6.15,0,11.39,4.56,12.31,10.6c0.11,0.57-0.34,1.25-0.91,1.25c-0.68,0.11-1.25-0.34-1.37-0.91c-0.68-5.01-5.01-8.66-10.03-8.66 C53,29.4,51.41,29.85,50.04,30.54z"/>
|
||||
<path class="st0" d="M12.32,9.23c4.56,0,8.32,3.76,8.32,8.32c0,4.67-3.76,8.43-8.32,8.43c-4.67,0-8.43-3.76-8.43-8.43 C3.89,12.99,7.65,9.23,12.32,9.23z M12.32,11.51c-3.42,0-6.15,2.73-6.15,6.04c0,3.42,2.73,6.15,6.15,6.15 c3.3,0,6.04-2.73,6.04-6.15C18.36,14.24,15.63,11.51,12.32,11.51z"/>
|
||||
<path class="st0" d="M2.3,38.06c-0.11,0.57-0.68,1.03-1.25,0.91c-0.68,0-1.14-0.68-1.03-1.25c0.91-6.04,6.15-10.6,12.31-10.6 c1.94,0,3.87,0.57,5.7,1.37c0.46,0.34,0.68,1.03,0.46,1.6c-0.34,0.57-1.03,0.8-1.6,0.46c-1.37-0.68-2.96-1.14-4.56-1.14 C7.31,29.4,2.98,33.04,2.3,38.06z"/>
|
||||
</g>
|
||||
<script xmlns=""/></svg>
|
After Width: | Height: | Size: 2.1 KiB |