diff --git a/assets/styles/header.sass b/assets/styles/header.sass index 65c742f..be4458f 100644 --- a/assets/styles/header.sass +++ b/assets/styles/header.sass @@ -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 diff --git a/assets/styles/main.sass b/assets/styles/main.sass index d2a572f..ab6111f 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -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 diff --git a/content/_index.md b/content/_index.md index 95aac39..21744ed 100644 --- a/content/_index.md +++ b/content/_index.md @@ -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 diff --git a/content/cadredevie/_index.md b/content/cadredevie/_index.md index 81f1bb3..d83bd67 100644 --- a/content/cadredevie/_index.md +++ b/content/cadredevie/_index.md @@ -1,5 +1,5 @@ --- -title: Cadre de vie +title: Cadre de **vie** draft: true menu: main: diff --git a/content/news/2020_10_24-LAND_ART.md b/content/news/2020_10_24-LAND_ART.md new file mode 100644 index 0000000..ec98a03 --- /dev/null +++ b/content/news/2020_10_24-LAND_ART.md @@ -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. diff --git a/content/news/2020_11_01-reconfinement/adam-niescioruk-Z9arfr0f248-unsplash.jpg b/content/news/2020_11_01-reconfinement/adam-niescioruk-Z9arfr0f248-unsplash.jpg new file mode 100644 index 0000000..09be962 Binary files /dev/null and b/content/news/2020_11_01-reconfinement/adam-niescioruk-Z9arfr0f248-unsplash.jpg differ diff --git a/content/news/2020_11_01-reconfinement/index.md b/content/news/2020_11_01-reconfinement/index.md new file mode 100644 index 0000000..0415db2 --- /dev/null +++ b/content/news/2020_11_01-reconfinement/index.md @@ -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 diff --git a/content/news/2020_11_03-déchèterie_rouvre_ses_portes/index.md b/content/news/2020_11_03-déchèterie_rouvre_ses_portes/index.md new file mode 100644 index 0000000..da1df3c --- /dev/null +++ b/content/news/2020_11_03-déchèterie_rouvre_ses_portes/index.md @@ -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. diff --git a/content/news/2020_11_03-déchèterie_rouvre_ses_portes/jilbert-ebrahimi-b0p818k8Ok8-unsplash.jpg b/content/news/2020_11_03-déchèterie_rouvre_ses_portes/jilbert-ebrahimi-b0p818k8Ok8-unsplash.jpg new file mode 100644 index 0000000..a8906c5 Binary files /dev/null and b/content/news/2020_11_03-déchèterie_rouvre_ses_portes/jilbert-ebrahimi-b0p818k8Ok8-unsplash.jpg differ diff --git a/content/news/2020_11_04-recensement_militaire/index.md b/content/news/2020_11_04-recensement_militaire/index.md new file mode 100644 index 0000000..2febe9f --- /dev/null +++ b/content/news/2020_11_04-recensement_militaire/index.md @@ -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") diff --git a/content/news/2020_11_04-recensement_militaire/israel-palacio-IprD0z0zqss-unsplash.jpg b/content/news/2020_11_04-recensement_militaire/israel-palacio-IprD0z0zqss-unsplash.jpg new file mode 100644 index 0000000..dcb98d2 Binary files /dev/null and b/content/news/2020_11_04-recensement_militaire/israel-palacio-IprD0z0zqss-unsplash.jpg differ diff --git a/content/news/2020_11_04-recensement_militaire/recensement-militaire-585x286.jpg b/content/news/2020_11_04-recensement_militaire/recensement-militaire-585x286.jpg new file mode 100644 index 0000000..2a079d8 Binary files /dev/null and b/content/news/2020_11_04-recensement_militaire/recensement-militaire-585x286.jpg differ diff --git a/content/news/2020_11_05-nouveau_site_web/halacious-tZc3vjPCk-Q-unsplash.jpg b/content/news/2020_11_05-nouveau_site_web/halacious-tZc3vjPCk-Q-unsplash.jpg new file mode 100644 index 0000000..56fd60f Binary files /dev/null and b/content/news/2020_11_05-nouveau_site_web/halacious-tZc3vjPCk-Q-unsplash.jpg differ diff --git a/content/news/2020_11_05-nouveau_site_web/index.md b/content/news/2020_11_05-nouveau_site_web/index.md new file mode 100644 index 0000000..1a60aa4 --- /dev/null +++ b/content/news/2020_11_05-nouveau_site_web/index.md @@ -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. diff --git a/content/news/_index.md b/content/news/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/content/viemunicipale/_index.md b/content/viemunicipale/_index.md index b5345ee..bc1a5ab 100644 --- a/content/viemunicipale/_index.md +++ b/content/viemunicipale/_index.md @@ -1,5 +1,5 @@ --- -title: Vie Municipale +title: Vie **Municipale** menu: main: identifier: municipale diff --git a/content/viemunicipale/lemotdumaire/homepage.jpg b/content/viemunicipale/lemotdumaire/homepage.jpg new file mode 100644 index 0000000..fb0eb70 Binary files /dev/null and b/content/viemunicipale/lemotdumaire/homepage.jpg differ diff --git a/content/viemunicipale/lemotdumaire/index.md b/content/viemunicipale/lemotdumaire/index.md index 5b3d5ab..f45a766 100644 --- a/content/viemunicipale/lemotdumaire/index.md +++ b/content/viemunicipale/lemotdumaire/index.md @@ -1,5 +1,5 @@ --- -title: Le mot du Maire +title: Le mot du **Maire** image: homepage.jpg menu: main: diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html new file mode 100644 index 0000000..a6b9547 --- /dev/null +++ b/layouts/_default/_markup/render-image.html @@ -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) }} +{{ .Text }} diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html new file mode 100644 index 0000000..f04b2e3 --- /dev/null +++ b/layouts/_default/_markup/render-link.html @@ -0,0 +1 @@ +{{ .Text | safeHTML }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 9c95680..cf9eeb0 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -4,7 +4,7 @@ {{ partial "header.html" . }} {{ block "all" . }} -
+
{{ block "main" . }}{{ end }}
{{ end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 18da00d..0a2d50c 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,10 +1,7 @@ {{ define "main" }} - {{ if .Params.Image }} - {{ .Title }} - {{ end }} -
-

{{ .Title }}

-
+
+

{{ .RenderString .Title }}

+
{{ .Content }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 18da00d..0a2d50c 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,10 +1,7 @@ {{ define "main" }} - {{ if .Params.Image }} - {{ .Title }} - {{ end }} -
-

{{ .Title }}

-
+
+

{{ .RenderString .Title }}

+
{{ .Content }}
diff --git a/layouts/home.html b/layouts/home.html new file mode 100644 index 0000000..d160835 --- /dev/null +++ b/layouts/home.html @@ -0,0 +1,56 @@ +{{ define "main" }} +
+

Le fil des actualités

+
+
+ {{ $headless := .Site.GetPage "/news" }} + {{ $lastnews := first 4 (sort $headless.Pages "Date" "desc") }} + {{ $first := index (first 1 $lastnews) 0 }} + {{ $others := after 1 $lastnews }} + {{ with $first }} +
+
+ {{ $image := .Resources.GetMatch (default "*" .Params.image) }} + {{ $resized := $image.Fill "220x220 Center"}} + + {{ .RenderString .Title }} + +
+
+
+ - {{ .Params.catégorie }} +
+

{{ .RenderString .Title }}

+
+ {{ .Content | truncate 280 }} +
+
+
+ {{ end }} + {{ range $others }} +
+
+ {{ $image := .Resources.GetMatch (default "*" .Params.image) }} + {{ if $image }} + {{ $resized := $image.Fill "100x100 Center"}} + + {{ .Title }} + + {{ end }} +
+
+ - {{ .Params.catégorie }} +

{{ .Title }}

+
+ {{ .Content | truncate 200 }} +
+
+
+ {{ end }} +
+
+ {{ .Content }} +
+
+
+{{ end }} diff --git a/layouts/index.html b/layouts/index.html deleted file mode 100644 index dd96306..0000000 --- a/layouts/index.html +++ /dev/null @@ -1,10 +0,0 @@ -{{ define "all" }} - - -
-

{{ .Title }}

-
- {{ .Content }} -
-
-{{ end }} diff --git a/layouts/news/single.html b/layouts/news/single.html new file mode 100644 index 0000000..8706e4e --- /dev/null +++ b/layouts/news/single.html @@ -0,0 +1,8 @@ +{{ define "main" }} +
+

{{ .RenderString .Title }}

+
+ {{ .Content }} +
+
+{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index c788d07..2777ab2 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,32 +1,23 @@ {{ $headless := .Site.GetPage "/viemunicipale" }}
-
-
-
- Blason de Crémeaux -
-
-
Mairie
-

Lundi – Mardi – Jeudi – Vendredi : 8h30 à 12h15
Mercredi : 9h15 à 12h15

-
    -
  • 📞 04 77 62 50 67
    • -
  • 📫 mairie@cremeaux.fr
    • -
-
Bibliothèque Municipale
-

Mercredi : 16h40 à 18h40
Vendredi – Samedi : 10h à 12h

-
    -
  • 📞 04 77 62 82 66
    • -
  • 📫 bibliotheque@cremeaux.fr
    • -
-
Agence Postale
-

Mardi – Mercredi – Jeudi – Vendredi – Samedi : 9h15 à 12h15

-
    -
  • 📞 04 77 62 56 49
    • -
-
+
+
+

Mairie de Crémeaux

+

Place de Pierre-Bénite

+

42260 Crémeaux

+

04 77 62 50 67

+

mairie@cremeaux.fr

+
+ +
+

Horaire d'ouverture
au public :

+

Lundi, mardi, jeudi et vendredi : 8h30 à 12h15

+

Mercredi : 9h15 à 12h15

diff --git a/layouts/partials/header.html b/layouts/partials/header.html index eb10990..c02d8e7 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,14 +1,21 @@ - -
- {{ $headless := .Site.GetPage "/" }} - {{ $image := $headless.Resources.GetMatch "*" }} - {{ $resized := $image.Fill "1400x600 Top"}} - {{ .Title }} +
+ {{ if .Resources }} + {{ $image := .Resources.GetMatch (default "*" .Params.image) }} + {{ if $image }} + {{ $resized := $image.Fill "1400x600 Center"}} + {{ .Title }} + {{ end }} + {{ else }} + {{ $headless := .Site.GetPage "/" }} + {{ $image := $headless.Resources.GetMatch "*" }} + {{ $resized := $image.Fill "1400x600 Top"}} + {{ .Title }} + {{ end }}