fix: responsive to go v1 in production!

This commit is contained in:
Matthieu Bessat 2023-10-23 01:07:24 +02:00
parent 903aa8010a
commit 05b74db2e5
20 changed files with 100 additions and 135 deletions

2
.gitignore vendored
View file

@ -11,3 +11,5 @@ hugo.linux
# Temporary lock file while building # Temporary lock file while building
/.hugo_build.lock /.hugo_build.lock
.old_data

View file

@ -2,8 +2,6 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
width="380"
height="169"
viewBox="0 0 100.54173 44.714586" viewBox="0 0 100.54173 44.714586"
version="1.1" version="1.1"
id="svg24876" id="svg24876"

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View file

@ -12,4 +12,8 @@
.article { .article {
line-height: 1.8rem; line-height: 1.8rem;
img {
max-width: 100%;
}
} }

View file

@ -15,13 +15,18 @@ article {
font-size: 1.1rem; font-size: 1.1rem;
} }
h1, h2, h3 { .alt-font {
font-family: "Teko Light",Helvetica,Arial,sans-serif; font-family: "Teko Light",Helvetica,Arial,sans-serif;
} }
h1, h2, h3 {
@extend .alt-font;
}
h1 { h1 {
font-size: 1.75rem; font-size: 1.75rem;
color: $secondary; color: $secondary;
margin: 1.5rem 0 1rem 0;
} }
h2 { h2 {
@ -57,3 +62,18 @@ a:hover {
.half-wheel-logo { .half-wheel-logo {
color: white; color: white;
} }
@media (max-width: $md-breakpoint) {
.columns-two {
grid-template-columns: 1fr;
>div {
margin-bottom: 1rem;
}
dl:first-of-type {
margin-top: 0;
}
}
}

View file

@ -18,10 +18,15 @@ $header-height: 6.5rem;
a { a {
color: white; color: white;
text-decoration: none; text-decoration: none;
margin-right: 1.5rem;
font-size: 1.1rem;
} }
a:hover { a:hover {
opacity: 0.8; opacity: 0.8;
text-decoration: underline; text-decoration: underline !important;
}
a:last-of-type {
margin-right: 0;
} }
} }
@ -29,19 +34,49 @@ $header-height: 6.5rem;
height: 100%; height: 100%;
} }
.site-header__logo { .site-header__brand {
width: $header-height; display: flex;
height: 100%; justify-content: center;
align-items: center;
text-decoration: none;
}
.site-header__brand__name {
font-size: 2rem;
text-decoration: none;
padding-top: 1.5rem;
margin-left: 1rem;
@extend .alt-font;
}
.site-header__brand__logo {
display: flex;
flex-direction: column;
justify-content: center;
svg {
width: 10rem;
}
} }
@media (max-width: $md-breakpoint) { @media (max-width: $md-breakpoint) {
.site-header {
height: auto;
}
.site-header .page-container { .site-header .page-container {
width: 100% !important; width: 100% !important;
} }
.site-header__content {
display: block;
height: auto;
padding-top: 1rem;
}
.site-header__title { .site-header__title {
padding-right: 1rem; padding-right: 1rem;
} }
.site-header__nav { .site-header__nav {
padding: 1rem 0;
line-height: 2rem; line-height: 2rem;
display: flex;
justify-content: center;
} }
} }

View file

@ -33,6 +33,7 @@
.brand__logo { .brand__logo {
svg { svg {
max-width: 25rem;
stroke: white; stroke: white;
} }
} }

View file

@ -44,3 +44,22 @@
color: $primary; color: $primary;
} }
} }
@media (max-width: $md-breakpoint) {
.pricing-layout {
grid-template-columns: 1fr;
}
.operations-container {
grid-column: initial;
}
.operations-mosaic {
columns: initial;
}
.operations-category {
margin-bottom: 1rem;
}
.operation-price {
min-width: 4rem;
}
}

View file

@ -1,40 +0,0 @@
---
title: Annonce d'une assemblée générale constitutive d'une association autour de la Chapelle de Bethléem
date: 2022-09-10
---
Depuis la création du groupe Facebook dédié à la Chapelle de Bethléem, vous n'avez cessé d'être de plus en plus nombreux à témoigner votre intérêt.🙏
Cet intérêt s'est traduit par le souhait croissant de constituer une association de sauvegarde et de valorisation du site.
Nous avions à cet égard sondé vos intentions au printemps.
## ⭐ Le moment est venu de prendre rendez-vous.
Nous vous convions donc le samedi 24 septembre 2022 à 14 h 30, en la salle fête de Saint-Aubin sur Gaillon.
Nous vous y présenterons le projet d'association, auquel vous pourrez vous joindre comme membres fondateurs.
<!-- Nous vous remercions de bien vouloir nous indiquer par cet évènement si vous souhaitez assister à cette réunion de lancement. -->
## Le Projet d'association
Cette association culturelle et patrimoniale aura à cœur de préserver, promouvoir et valoriser sous tous ses aspects un patrimoine unique.
À cet égard, il sera notamment demandé aux membres fondateurs d'approuver les statuts de LEtoile de Bethléem - Association des Amis de la Chapelle de Bethléem dAubevoye, dont le projet d'article 2 propose l'objet social comme suit :
> LAssociation a pour objet de :
> - Contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem sise à Aubevoye, dans la commune administrative du Val dHazey (Eure) en Normandie ;
> - Promouvoir ce monument, particulièrement sa crypte unique, en approfondissant sa connaissance, en défendant son image et en assurant sa communication ;
> - Valoriser le site par des actions concourant à lentretien, à la promotion et à l'animation de ce patrimoine historique, culturel, religieux et naturel et de tout ce qui le constitue, qu'elle entend mieux faire connaître, apprécier et protéger.
>
> A cet égard, lAssociation reconnaît et sattache à préserver le caractère chrétien du monument, légué par son histoire, depuis sa fondation par le Cardinal Charles 1er de Bourbon.
## 👉 L'ordre du jour
- Présentation du projet,
- Adoption des statuts,
- Constitution des instances,
- Détermination du montant de la cotisation.
La chapelle compte sur vous ⛪

View file

@ -1,10 +0,0 @@
---
title: "Random test article"
date: 2022-12-10
---
Hello world
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
footer

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 642 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 642 KiB

View file

@ -1,21 +0,0 @@
---
title: "Ils se sont rencontrés !"
date: 2022-09-28
featured_image:
src: ensemble.jpg
---
L'association existe ! ╰(*°▽°*)╯
Ce 24 septembre 2022, grâce au bienveillant accueil de l'association T'es pas cap ? et tout particulièrement de sa très active présidente, madame Jessica Jehan, assistée du soutien non moins précieux de madame Isabelle Roussel, l'Assemblée générale constitutive de l'Association des Amis de la chapelle de Bethléem a pu se tenir en ouverture du Salon du petit patrimoine local, dans la salle des fêtes de Saint-Aubin-sur-Gaillon 🎊
Une petite quarantaine de personne est venue suivre la réunion, au cours de laquelle a tout d'abord été brièvement rappelée l'histoire mouvementée de la chapelle, plusieurs fois malmenée, plusieurs fois restaurée depuis 1582, date de sa fondation par Charles 1er, cardinal de Bourbon. Aux noms des familles Mignot et Vilain qui conduisirent les deux dernières restaurations, respectivement dans les années 1890 et 1950, vient s'ajouter désormais celui de la famille Blondel, nouvelle protectrice du site que l'association a l'ambition de soutenir.
😴🤗 Si la rébarbative, mais nécessaire présentation des projets de statuts à reçu un accueil patient, compréhensif et approbateur, c'est néanmoins la nature du projet qui a bien sûr retenue toute l'attention de l'auditoire : apporter une assistance, fédérer les énergies, rechercher des financement pour sauvegarder, animer et promouvoir le site. Des actions de sécurisation des lieux et de mise hors d'eau sont nécessaires. Des actions plus symboliques sont également envisagées, comme la restauration de l'Etoile d'autel de la crypte. ⭐
C'est d'ailleurs en raison de la forte symbolique des deux étoiles, celles brisée et éparpillée de la crypte résumant l'état actuel de la chapelle, celle encore fièrement dressée au faîte du campanile, qui semble appeler au relèvement, que l'association se dénommera "L'étoile De Bethléem, association des amis de la chapelle de Bethléem d'Aubevoye."
🥳 Le public à manifesté à cet égard ses attentes et sa hâte de passer à l'action. C'est à la fois un encouragement et un rude défi pour le tout nouveau Conseil d'administration qui vous sera prochainement présenté.
Celui-ci aura en tous cas à cœur de faire tout son possible pour redonner son lustre au site, tout autant que pour donner corps à l'espérance bien vivace exprimée au cours de cette belle journée, placée sous le signe des étoiles. 🤩

View file

@ -1,37 +0,0 @@
---
title: Noël 2021
date: 2021-12-24
---
À la suite de notre article sur le rafraîchissement anonyme cet été de Notre Dame d'Aubevoye, nous espérions des réponses à différentes questions concernant la statue.
[Le récent article de l'Impartial](https://actu.fr/normandie/le-val-d-hazey_27022/eure-mais-qui-a-maquille-la-vierge-noire-d-aubevoye_47325455.html) qui lui a été consacré relève, hélas, de la rubrique des faits divers. Ce n'était pas l'une des réponses attendues.
Des actes regrettables y ont été commis, sans doute plus par désœuvrement et manque de repères que par réelle méchanceté.
Mais dans ce cas, comme dans le cas, nettement plus grave, du saccage de la chapelle de Bethléem à l'orée des années 2000, que d'énergies inutilement dépensées.
Nous le déplorons.
Nous pouvons rappeler que toute dégradation, tout acte de vandalisme est pénalement répréhensible.
Mais à la veille de fêter Noël, nous préférons croire en la véracité :
- qui de la phrase d'Hölderlin : « Là où croît le péril croît aussi ce qui sauve »,
- qui de la phrase de l'Evangile : « là où le pêché abonde, la grâce surabonde »
Nous préférons espérer que les énergies se canalisent de façon plus constructives, pour œuvrer à faire le bien, magnifier le beau, poursuivre le vrai.
Mieux même, nous souhaitons donner corps et vie à cette Esperance en appelant à contribuer, chacun avec nos talents, à relever la chapelle de Bethléem.
Ces dernières années, une communauté virtuelle s'est créée autour de la Chapelle. Celle-ci peut prendre la réalité d'une magnifique équipe pour œuvrer en lien avec les propriétaires a ce que le souvenir ne soit pas une nostalgie, mais une inspiration.
À l'heure des vœux, tel est le nôtre et il ne saurait que rester pieux s'il ne s'accompagne pas d'une volonté.
Que pouvons nous faire pour la chapelle de Bethléem ? Quel talent pouvons nous mettre à son service ?
Telle est la question à laquelle chacun se doit de répondre en son for interne.
Telle est la question à laquelle nous vous invitons à nous répondre pour envisager ce projet...
« Ce n'est pas parce les choses sont difficiles que nous n'osons pas, c'est parce que nous n'osons pas qu'elles sont difficiles. »
Bonnes fêtes de Noël !

View file

@ -1,8 +0,0 @@
---
title: Présent au super salon
date: 2022-12-01
---
Lorem ipsum dolor sit amet, *consectetur* adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

View file

@ -1,3 +1,4 @@
brand: "Bicycl'Eure"
name: "Laurent Gringoire" name: "Laurent Gringoire"
phone: "+33 06 52 64 05 37" phone: "+33 06 52 64 05 37"
email: "bicycleure@laposte.net" email: "bicycleure@laposte.net"

View file

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

View file

@ -1,17 +1,18 @@
<header class="site-header"> <header class="site-header">
<div class="site-header__content page-container"> <div class="site-header__content page-container">
<a class="site-header__title" href="/"> <a class="site-header__brand" href="/">
<img <div class="site-header__brand__logo">
class="site-header__logo" {{ partial "svg" "half_wheel_logo" }}
src="" </div>
alt="Logo Bicycleure" <div class="site-header__brand__name">
/> {{ site.Data.contact.brand }}
</div>
</a> </a>
<nav class="site-header__nav"> <nav class="site-header__nav">
<a href="/tarifs">Tarifs</a>. <a href="/tarifs">Tarifs</a>
<a href="/contact">Contact</a>. <a href="/contact">Contact</a>
<a href="/actualites">Actualités</a>. <a href="/actualites">Actualités</a>
<a href="/avis">Avis</a>. <!-- <a href="/avis">Avis</a>. -->
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>. <a href="{{ .URL | relURL }}"><b>{{ .Name }}</b></a>.
{{ end }} {{ end }}