diff --git a/assets/images/all_logos/square_notext_blue_sky.png b/assets/images/all_logos/square_notext_blue_sky.png new file mode 100644 index 0000000..67b6397 Binary files /dev/null and b/assets/images/all_logos/square_notext_blue_sky.png differ diff --git a/assets/images/all_logos/square_text_blue_sky.png b/assets/images/all_logos/square_text_blue_sky.png new file mode 100644 index 0000000..92fdb81 Binary files /dev/null and b/assets/images/all_logos/square_text_blue_sky.png differ diff --git a/assets/images/assemblee_constitutive_ensemble.jpg b/assets/images/assemblee_constitutive_ensemble.jpg new file mode 100644 index 0000000..69acad2 Binary files /dev/null and b/assets/images/assemblee_constitutive_ensemble.jpg differ diff --git a/assets/images/chapelle_1959.jpg b/assets/images/chapelle_1959.jpg new file mode 100644 index 0000000..42ef39c Binary files /dev/null and b/assets/images/chapelle_1959.jpg differ diff --git a/assets/images/chapelle_carte_postale_1.jpg b/assets/images/chapelle_carte_postale_1.jpg new file mode 100644 index 0000000..372c70a Binary files /dev/null and b/assets/images/chapelle_carte_postale_1.jpg differ diff --git a/assets/images/chapelle_vue_du_ciel_1.jpg b/assets/images/chapelle_vue_du_ciel_1.jpg new file mode 100644 index 0000000..6ba7da8 Binary files /dev/null and b/assets/images/chapelle_vue_du_ciel_1.jpg differ diff --git a/assets/images/chapelle_vue_du_ciel_2.jpg b/assets/images/chapelle_vue_du_ciel_2.jpg new file mode 100644 index 0000000..a356b3a Binary files /dev/null and b/assets/images/chapelle_vue_du_ciel_2.jpg differ diff --git a/assets/images/crypte_anges_1.jpg b/assets/images/crypte_anges_1.jpg new file mode 100644 index 0000000..c1abe11 Binary files /dev/null and b/assets/images/crypte_anges_1.jpg differ diff --git a/assets/images/crypte_entree_1.jpg b/assets/images/crypte_entree_1.jpg new file mode 100644 index 0000000..4731ec7 Binary files /dev/null and b/assets/images/crypte_entree_1.jpg differ diff --git a/assets/images/icons/quote.svg b/assets/images/icons/quote.svg new file mode 100644 index 0000000..a68a32b --- /dev/null +++ b/assets/images/icons/quote.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/images/la_chartreuse_1.jpg b/assets/images/la_chartreuse_1.jpg new file mode 100644 index 0000000..9981a2e Binary files /dev/null and b/assets/images/la_chartreuse_1.jpg differ diff --git a/assets/images/partners/BLC_logo_bw.png b/assets/images/partners/BLC_logo_bw.png new file mode 100644 index 0000000..3842fbe Binary files /dev/null and b/assets/images/partners/BLC_logo_bw.png differ diff --git a/assets/images/partners/BLC_logo_color.png b/assets/images/partners/BLC_logo_color.png new file mode 100644 index 0000000..026d38f Binary files /dev/null and b/assets/images/partners/BLC_logo_color.png differ diff --git a/assets/images/partners/amse.svg b/assets/images/partners/amse.svg new file mode 100644 index 0000000..91aa25f --- /dev/null +++ b/assets/images/partners/amse.svg @@ -0,0 +1 @@ +logo_AMSE \ No newline at end of file diff --git a/assets/images/partners/credit.svg b/assets/images/partners/credit.svg new file mode 100644 index 0000000..12ea72b --- /dev/null +++ b/assets/images/partners/credit.svg @@ -0,0 +1 @@ +logo_credit_mutuel \ No newline at end of file diff --git a/assets/images/partners/tespascap.svg b/assets/images/partners/tespascap.svg new file mode 100644 index 0000000..0b26e5e --- /dev/null +++ b/assets/images/partners/tespascap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/sass/article.scss b/assets/sass/article.scss index 6c05318..d8ad60e 100644 --- a/assets/sass/article.scss +++ b/assets/sass/article.scss @@ -12,3 +12,72 @@ .article { } + +.prominent-article { + position: relative; + overflow: hidden; + + .article__background { + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background-size: cover; + z-index: 0; + transition: all 0.2s ease-in-out; + } + + .article__background-overlay { + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(1, 1, 1, 0.5); + z-index: 1; + } + + .article__content { + position: relative; + z-index: 2; + color: white; + padding: 2rem 0; + + .article__title { + color: white; + a { + color: white; + text-decoration: none; + } + } + .article__summary { + } + .article__meta { + margin-bottom: 1rem; + opacity: 0.8; + } + .article__bottom { + display: flex; + justify-content: end; + } + .article__readmore { + border: 1px solid white; + } + } + + &:hover { + .article__background { + transform: scale(1.1); + } + } +} + +.less-prominent-articles { + display: grid; + grid-template-columns: 1fr 1fr; +} + +.right-floating-image { + float: right; +} diff --git a/assets/sass/button.scss b/assets/sass/button.scss index 1518c0a..869c7b5 100644 --- a/assets/sass/button.scss +++ b/assets/sass/button.scss @@ -4,8 +4,8 @@ background-color: $accent; color: white; padding: 1rem 2.5rem; - font-weight: lighter; text-transform: uppercase; + text-decoration: none; user-select: none; min-width: 10rem; font-size: 1.2rem; @@ -24,3 +24,11 @@ } } +.button.button-transparent { + background-color: transparent; + + &:hover { + background-color: transparent; + color: white; + } +} diff --git a/assets/sass/carousel.scss b/assets/sass/carousel.scss new file mode 100644 index 0000000..ac8e62d --- /dev/null +++ b/assets/sass/carousel.scss @@ -0,0 +1,336 @@ +// FROM https://css-tricks.com/css-only-carousel/ + +@keyframes tonext { +75% { + left: 0; +} +95% { + left: 100%; +} +98% { + left: 100%; +} +99% { + left: 0; +} +} + +@keyframes tostart { +75% { + left: 0; +} +95% { + left: -300%; +} +98% { + left: -300%; +} +99% { + left: 0; +} +} + +@keyframes snap { +96% { + scroll-snap-align: center; +} +97% { + scroll-snap-align: none; +} +99% { + scroll-snap-align: none; +} +100% { + scroll-snap-align: center; +} +} + +* { + box-sizing: border-box; + scrollbar-color: transparent transparent; /* thumb and track color */ + scrollbar-width: 0px; +} + +*::-webkit-scrollbar { + width: 0; +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +*::-webkit-scrollbar-thumb { + background: transparent; + border: none; +} + +* { + -ms-overflow-style: none; +} + +$height: 30rem; + +.carousel { + ol, li { + list-style: none; + margin: 0; + padding: 0; + } + + position: relative; + filter: drop-shadow(0 0 10px #0003); + perspective: 100px; + + // define the height of the whole carousel + height: $height; + +} + +.carousel__viewport { + position: absolute; + z-index: 2; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + overflow-x: scroll; + counter-reset: item; + scroll-behavior: smooth; + scroll-snap-type: x mandatory; +} + +.carousel__slide { + position: relative; + flex: 0 0 100%; + width: 100%; + counter-increment: item; +} + +.slide-content { + position: absolute; + width: 100%; + + + .slide-image { + padding: 0; + margin: 0; + figcaption { + font-size: .9rem; + opacity: 0.9; + text-align: center; + } + } +} + +.slide-inner { +} + +// .carousel__slide:nth-child(even) { +// background-color: #99f; +// } + +.carousel__slide:before { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%,-40%,70px); + color: #fff; + font-size: 2em; +} + +.carousel__snapper { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + scroll-snap-align: center; + z-index: 1; +} + +// @media (hover: hover) { +// .carousel__snapper { +// animation-name: tonext, snap; +// animation-timing-function: ease; +// animation-duration: 4s; +// animation-iteration-count: infinite; +// } + +// .carousel__slide:last-child .carousel__snapper { +// animation-name: tostart, snap; +// } +// } + +@media (prefers-reduced-motion: reduce) { + .carousel__snapper { + animation-name: none; + } +} + +.carousel:hover .carousel__snapper, +.carousel:focus-within .carousel__snapper { + animation-name: none; +} + +.carousel__navigation { + position: absolute; + z-index: 2; + right: 0; + bottom: 1rem; + left: 0; + text-align: center; +} + +.carousel__navigation-list, +.carousel__navigation-item { + display: flex; + justify-content: center; +} + +.carousel__navigation-button { + display: inline-block; + width: 1.5rem; + height: 1.5rem; + background-clip: content-box; + background-color: #eeeeee; + box-shadow: inset 0 0 2px black; + border: 0.25rem solid transparent; + border-radius: 50%; + font-size: 0; + transition: transform 0.1s; +} + +.carousel::before, +.carousel::after, +.carousel__prev, +.carousel__next { + position: absolute; + top: 0; + width: 4rem; + height: 4rem; + transform: translateY($height/2 - 2rem); + border-radius: 50%; + font-size: 0; + outline: 0; + z-index: 4; +} + +.carousel::before, +.carousel__prev { + left: -0.5rem; +} + +.carousel::after, +.carousel__next { + right: -0.5rem; +} + +// the big circle navigation button left and right +.carousel::before, +.carousel::after { + content: ''; + z-index: 1; + background-color: transparent; + opacity: 0.65; + background-size: 1.5rem 1.5rem; + background-repeat: no-repeat; + background-position: center center; + font-size: 2.5rem; + line-height: 4rem; + text-align: center; + pointer-events: none; +} + +.carousel::before:hover, .carousel::after:hover { + opacity: 1 !important; +} + +.carousel::before { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' /%3E%3C/svg%3E"); +} + +.carousel::after { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' /%3E%3C/svg%3E"); +} + +.carousel__navigation-item { + display: flex; + align-items: center; +} + +.carousel__navigation-item.enabled { + .carousel__navigation-button { + opacity: 0.5; + background-color: lighten($accent, 0%); + } +} + +@media (max-width: $md-breakpoint) { + $md-height: 45rem; + .carousel { + height: $md-height !important; + } + + .carousel::before, + .carousel::after, + .carousel__prev, + .carousel__next { + transform: translateY($md-height/2 - 2rem) !important; + } + + .carousel::next { + + } + +} + + +// layout definitions inside the slides +.layout-grid-image { + display: grid; + grid-column-gap: 2rem; + + + .image-container { + display: flex; + align-items: center; + } +} + +.double-image-container { + display: flex; +} + +.layout-grid-image.third { + grid-template-columns: 3fr 1fr; +} + +.layout-grid-image.half { + grid-template-columns: 1fr 1fr; +} + +@media (max-width: $md-breakpoint) { + .carousel { + .layout-grid-image.half { + display: block; + } + + .layout-grid-image.third { + display: block; + } + + .image-container { + display: flex; + justify-content: center; + } + + .slide-image { + height: 19rem; + img { + width: auto; + height: 100%; + } + } + } +} diff --git a/assets/sass/countdown.scss b/assets/sass/countdown.scss new file mode 100644 index 0000000..24faa74 --- /dev/null +++ b/assets/sass/countdown.scss @@ -0,0 +1,205 @@ +.countdown-page { + background-color: $background; + color: white; + height: 100vh; + overflow: hidden; +} + +.countdown-page__content__container { + display: flex; + justify-content: center; + height: 100%; +} + +.countdown-page__content { + margin-top: -5rem; + display: flex; + align-items: center; +} + +.accent-band { + background-color: $accent; + height: 1.5vh; + width: 100%; +} + +.launch-logo-back { + margin-top: -1.8rem; + + opacity: 0.05; + position: absolute; + top: 0rem; + left: 0; + height: 100vh; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + + svg { + height: 80vh; + } +} + +.launch-logo-aligner { + margin-top: -10rem; + height: 100%; + display: grid; + grid-template-columns: 1fr 8fr; +} + +.launch-logo-large { + display: flex; + flex-direction: column; + justify-content: center; + margin-left: 4rem; + svg { + height: 10rem; + } +} + +.launch-logo { + svg { + width: 10rem; + height: auto; + } +} + +.launch-introduction { + margin-top: 3rem; + margin-bottom: 2rem; + letter-spacing: .33rem; + text-transform: uppercase; + font-size: .8rem; + text-align: center; +} + +.countdown__container { + .countdown__content { + flex-shrink: 1; + display: flex; + } + + .timer__value { + font-size: 5.4rem; + } + + .timer__label { + font-size: 1rem; + text-align: center; + } + + .timer__separator { + margin: 0 1rem; + display: flex; + flex-direction: column; + justify-content: center; + .timer__value { + opacity: 0.5; + margin-top: -.4rem; + font-weight: 300; + } + .timer__label { + opacity: 0; + } + } + + .timer__value { + display: flex; + justify-content: center; + align-items: center; + } +} + +@media (max-width: $md-breakpoint) { + .launch-logo-back { + top: 0; + margin-top: 0; + } + .countdown-page__content { + // margin-top: -10rem; + } + .countdown__container { + .timer__value { + font-size: 3rem; + + } + .timer__separator { + margin: 0 .8rem; + .timer__value { + font-size: 2rem; + } + } + .timer__label { + font-size: .8rem; + } + } + + .countdown__content { + justify-content: center; + } +} + +.countdown-footer { + position: absolute; + bottom: 0; + left: 0; + z-index: 2; + + width: 100%; + + background-color: rgba(1, 1, 1, .5); + color: white; + // background-color: $tertiary; + + .page-container { + display: flex; + justify-content: space-between; + + } + padding: .5rem 0; + + .countdown-footer__logo { + padding: .3rem 0; + svg { + width: auto; + height: 5rem; + } + } +} + +.socials { + display: flex; + align-items: center; + .social-icon { + width: 1.4rem; + color: white; + display: flex; + justify-content: center; + align-items: center; + } + .social-item { + display: flex; + justify-content: center; + align-items: center; + } + .social-text { + margin-right: .8rem; + } + a { + color: white; + opacity: 0.8; + } + svg { + fill: white; + opacity: 0.8; + } +} + +@media (max-width: $md-breakpoint) { + .socials { + .social-text { + display: none; + } + } +} diff --git a/assets/sass/general.scss b/assets/sass/general.scss index 6596404..bd9eae7 100644 --- a/assets/sass/general.scss +++ b/assets/sass/general.scss @@ -1,15 +1,16 @@ - @import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:wght@400;700&family=Roboto:wght:300;400;500&display=swap'); .serif-font { - font-family: 'Bona Nova', serif; - } + font-family: 'Bona Nova', serif; +} + body { // font-family: 'Trebuchet MS', Tahoma,sans-serif; // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; // font-family: "Open Sans","Segoe UI",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-family: 'Roboto', sans-serif; - font-weight: 300; + font-weight: 400; margin: 0; font-size: 17px; line-height: 1.6; @@ -45,45 +46,50 @@ a:hover { .secondary-bg { - h2 { - color: white; - } - a { - color: white; - } - color: white; + h2 { + color: white; + } + a { + color: white; + } + color: white; - .button { - background-color: $background-secondary; - color: white; - &:hover { - background-color: lighten($background-secondary, 14%); - } - } + .button { + background-color: $background-secondary; + color: white; + &:hover { + background-color: lighten($background-secondary, 14%); + } + } - background-color: darken($background-secondary, 15%); - } + background-color: darken($background-secondary, 15%); +} .separation-section { - margin-top: 3rem; - padding: 1.2rem 0; - } + margin-top: 3rem; + padding: 1.2rem 0; +} - .w-100 { - width: 100px; - } +.w-100 { + width: 100px; +} - .w-200 { - width: 200px; - } +.w-200 { + width: 200px; +} - img { - max-width: 100%; - } +.h-100 { + height: 100%; +} + +img { + max-width: 100%; +} + +.grid { + display: grid; +} +.grid-2 { + grid-template-columns: 1fr 1fr; +} - .grid { - display: grid; - } - .grid-2 { - grid-template-columns: 1fr 1fr; - } diff --git a/assets/sass/landing.scss b/assets/sass/landing.scss index 6304526..b31a74e 100644 --- a/assets/sass/landing.scss +++ b/assets/sass/landing.scss @@ -1,18 +1,31 @@ .cover__container { - margin-top: 1px; position: relative; - min-height: 40rem; + min-height: 50rem; } .cover__back { position: absolute; height: 100%; width: 100%; + overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position-x: center; background-position-y: center; z-index: 1; + + // to center the video + text-align: center; + display: flex; + justify-content: center; + + video { + width: 100%; + height: 100%; + background-color: gray; + object-fit: cover; + position: relative; + } } .cover__content { @@ -79,6 +92,11 @@ @import 'landing/timeline.scss'; +@media (max-width: $lg-breakpoint) { + .cover__back { + } +} + @media (min-width: $lg-breakpoint) { .cover__back { background-position-x: center; @@ -108,14 +126,13 @@ @keyframes compare-anim { 0% { - clip-path: inset(100% 100% 100% 0%); } 100% { - clip-path: inset(100% 100% 100% 100%); } } .compare-items-dynamic { .compare-duet { + border-radius: 4px; overflow: hidden; position: relative; @@ -126,12 +143,16 @@ overflow: hidden; clip-path: inset(100% 100% 100% 0%); } + .compare-hidden { + clip-path: inset(100% 100% 100% 0%); + transition: clip-path 2s cubic-bezier(.86,0,.07,1); + animation-fill-mode: forwards; + } } .compare-duet:hover { .compare-hidden { - animation: compare-anim 2s cubic-bezier(.86,0,.07,1); - animation-fill-mode: forwards; + clip-path: inset(100% 100% 100% 100%); } } } @@ -159,8 +180,107 @@ } .landing-main { + section:first-of-type { + border-top: 1px solid rgba(1, 1, 1, 0.2); + } section { border-bottom: 1px solid rgba(1, 1, 1, 0.2); } } + +.partners-container .carousel { + border-top: 1px solid #eee; +} + +.partner-comment__container { + height: 100%; + display: flex; + justify-content: center; + align-items: center; + + background: rgba(1, 1, 1, 0.05); + + .partner-comment { + padding-bottom: 1rem; + display: flex; + flex-direction: column; + align-items: center; + } + + .partner-comment__quote-container { + display: flex; + width: 80%; + margin: 0 auto; + p { + text-align: center; + margin: 2.5rem auto; + position: relative; + display: block; + font-style: italic; + font-weight: 300; + } + .quote-decoration { + display: flex; + flex-direction: column; + + svg { + fill: rgba(0, 0, 0, 0.2); + width: 3rem; + height: 3rem; + } + + } + .quote-before { + justify-content: flex-start; + } + .quote-after { + justify-content: flex-end; + svg { + transform: rotate(180deg) + } + } + } + + .partner-comment__author { + margin-top: .5rem; + display: flex; + flex-direction: column; + align-items: center; + } + .partner-comment__author-picture { + width: 10rem; + aspect-ratio: 1; + // border-radius: 50%; + } + .partner-comment__author-name { + margin-top: .5rem; + } + + .partner-comment__author-link:hover { + opacity: 0.6; + } +} + + +.history-component__content { +} + +.history-container { + .double-horizontal-image-container { + display: grid; + grid-template-columns: 1fr 1fr; + + img { + width: 100%; + height: 17rem; + object-fit: cover; + } + } +} + +@media (max-width: $md-breakpoint) { + .history-container { + } +} + diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 469103a..c44a449 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -14,6 +14,7 @@ $background-secondary: #BFB78F; $secondary: #011F26; $tertiary: #A5A692; $accent: #F2A71B; +$accent-dark: #A56F09; .pagination-nav { margin-top: 1em; @@ -32,6 +33,8 @@ $accent: #F2A71B; @import 'single_image.scss'; @import 'footer.scss'; @import 'sections.scss'; +@import 'carousel.scss'; +@import 'countdown.scss'; // components @import 'tags.scss'; diff --git a/assets/sass/page_container.scss b/assets/sass/page_container.scss index ef446b0..a34ffe7 100644 --- a/assets/sass/page_container.scss +++ b/assets/sass/page_container.scss @@ -2,6 +2,12 @@ width: 80%; margin: 0 auto; } + +.page-container-large { + width: 75%; + margin: 0 auto; +} + .page-full { padding: 0 2rem; } diff --git a/assets/scripts/carousel.js b/assets/scripts/carousel.js new file mode 100644 index 0000000..028425f --- /dev/null +++ b/assets/scripts/carousel.js @@ -0,0 +1,43 @@ +function isElementInViewport (el) { + var rect = el.getBoundingClientRect(); + + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */ + rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */ + ); +} +// + +// little addon to enhance the carousel + + +Array.from(document.getElementsByClassName("carousel")).forEach((carousel) => { + let viewport = carousel.getElementsByClassName("carousel__viewport")[0]; + let slides = carousel.getElementsByClassName("carousel__slide"); + let nav_items = Array.from(carousel.getElementsByClassName("carousel__navigation-item")) + let last_scroll_pos = null; + + viewport.onscroll = (_event) => { + let position = slides.length * viewport.scrollLeft / viewport.scrollWidth; + let direction = last_scroll_pos == null || last_scroll_pos < viewport.scrollLeft; + last_scroll_pos = viewport.scrollLeft; + + nav_items.forEach((item, index) => { + if ( + (direction && position > index-1 && position <= index) || + (!direction && position >= index && position < index+1) + ) { + if (!item.classList.contains("enabled")) { + item.classList.add("enabled") + } + return + } + if (item.classList.contains("enabled")) { + item.classList.remove("enabled") + } + }) + } +}) + diff --git a/config.toml b/config.toml index bd54708..be4730b 100644 --- a/config.toml +++ b/config.toml @@ -13,6 +13,9 @@ changefreq = 'weekly' [params] dateFmt = "02.01.2006 15:04" + [params.socials] + facebook = "https://www.facebook.com/groups/bethleemaubevoye" + twitter = "https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye/" [params.defaultImage] local = true @@ -28,3 +31,4 @@ imtag = 'imtags' [markup.goldmark.renderer] unsafe = true + diff --git a/content/actualites/fake-1/index.md b/content/actualites/fake-1/index.md new file mode 100644 index 0000000..e093848 --- /dev/null +++ b/content/actualites/fake-1/index.md @@ -0,0 +1,40 @@ +--- +title: Annonce des visites de la chapelle +date: 2023-02-21 +--- + +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. + + + +## 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 L’Etoile de Bethléem - Association des Amis de la Chapelle de Bethléem d’Aubevoye, dont le projet d'article 2 propose l'objet social comme suit : + +> L’Association a pour objet de : +> - Contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem sise à Aubevoye, dans la commune administrative du Val d’Hazey (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 à l’entretien, à 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, l’Association reconnaît et s’attache à 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 ⛪ + diff --git a/content/actualites/fake-2/index.md b/content/actualites/fake-2/index.md new file mode 100644 index 0000000..6267824 --- /dev/null +++ b/content/actualites/fake-2/index.md @@ -0,0 +1,40 @@ +--- +title: Partenariat entre X et Y pour faire Z +date: 2023-06-15 +--- + +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. + + + +## 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 L’Etoile de Bethléem - Association des Amis de la Chapelle de Bethléem d’Aubevoye, dont le projet d'article 2 propose l'objet social comme suit : + +> L’Association a pour objet de : +> - Contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem sise à Aubevoye, dans la commune administrative du Val d’Hazey (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 à l’entretien, à 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, l’Association reconnaît et s’attache à 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 ⛪ + diff --git a/content/countdown/_index.md b/content/countdown/_index.md new file mode 100644 index 0000000..15266ff --- /dev/null +++ b/content/countdown/_index.md @@ -0,0 +1,4 @@ +--- +with_header: false +with_footer: false +--- diff --git a/content/landing-matthieu/_index.md b/content/landing-matthieu/_index.md deleted file mode 100644 index 3b18e51..0000000 --- a/content/landing-matthieu/_index.md +++ /dev/null @@ -1 +0,0 @@ -hello world diff --git a/content/sandbox-1/_index.md b/content/sandbox-1/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/data/partners.yaml b/data/partners.yaml new file mode 100644 index 0000000..d69d3ec --- /dev/null +++ b/data/partners.yaml @@ -0,0 +1,36 @@ +people: + - name: Jessica + org: + name: T'es pas cap + intro: de + website: https://tes-pas-cap-a-gaillon.fr/ + image: tespascap.svg + quote: | + Soutenons l'association qui sauvegarde la chapelle de Bethléem à Aubevoye, témoignage précieux de notre histoire. + + - name: Stéphane + org: + name: Brasserie Les Cottereaux + intro: de la + website: https://www.agglo-seine-eure.fr/equipements/brasserie-les-cottereaux/ + image: BLC_logo_color.png + quote: | + C'est tout naturellement que nous avons lancé le partenariat avec L'étoile de Bethléem dont la vocation est de rénover une pepite de notre patrimoine historique. + + - name: null + org: + name: Crédit Mutuel de Normandie + intro: du + image: credit.svg + quote: | + Partenaire privilégié des associations comme l'Étoile de Bethléem, le crédit mutuel vous accompagne dans tous vos projets. + + - name: Phillipe + org: + name: AMSE + intro: de l' + website: https://www.amse.asso.fr/ + image: amse.svg + quote: | + Soucieux de sauvegarder le patrimoine de la région Gaillon Le Val d'Hazey, nous souhaitons bonne réussite à cette association qui œuvre pour la remise en état du site de Bethléem. + diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 6b2e822..f021839 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,9 +7,13 @@
- {{ partial "header" . }} - {{ block "main" . }}{{ end }} + {{ if or (not (isset .Params "with_header")) .Params.with_header }} + {{ partial "header" . }} + {{ end }} + {{ block "main" . }}{{ end }}
- {{ partial "footer" . }} + {{ if or (not (isset .Params "with_footer")) .Params.with_footer }} + {{ partial "footer" . }} + {{ end }} diff --git a/layouts/countdown/list.html b/layouts/countdown/list.html new file mode 100644 index 0000000..0fb568d --- /dev/null +++ b/layouts/countdown/list.html @@ -0,0 +1,93 @@ +{{ define "main" }} +
+
+
+ +
+ {{ partial "helpers/svg" (dict "path" "all_logos/square_notext_white_transparent") }} +
+
+
+
+ +
+
+
Lancement de la campagne d'adhésion dans...
+
+
+
+
+
jours
+
+
+
:
+
0
+
+
+
+
heures
+
+
+
:
+
0
+
+
+
+
minutes
+
+
+
:
+
0
+
+
+
+
secondes
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+ + + +{{ end }} + diff --git a/layouts/index.html b/layouts/index.html index 90d0754..b005762 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,16 +1,16 @@ {{ define "main" }}
+
-

- Sauvons la chapelle - de Bethléem ! -

+

Relevons notre Bethléem Normand !

@@ -18,7 +18,7 @@
-
+
Adhérer !
@@ -35,52 +35,230 @@ {{ partial "pagination.html" . }} */}} -
-
-
-

Bref historique

-

- Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de le grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde. - Ce monument est dû à la magnificence et à la piété du Cardinal de Bourbon, Charles Ier de Bourbon, oncle paternel de Henri IV, qui fut pendant quelques temps proclamé roi de France par les Ligueurs sous le nom de Charles X. - Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Esperance (Bourbon-lès-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois. - A cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient. - Aujourd'hui, malheureusement, la chapelle tombe en ruines. Elle est régulièrement dégradée, pillée, vandalisée. -

-
-
- {{ $image := resources.Get "images/cardinal_charles_de_bourbon.jpg" }} - -
+ {{ $slides_count := 4 }} +
+
+

Une histoire mouvementée...

+
+
+
    + + + +
  1. +
    +
    +
    +
    +

    Charles de Bourbon, un esprit fondateur

    +

    + Il est le fondateur de la chapelle.. + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +

    +
    +
    + {{ $image := resources.Get "images/cardinal_charles_de_bourbon.jpg" }} +
    + Portrait de Charles de Bourbon +
    Portrait de Charles de Bourbon
    +
    +
    +
    +
    +
    +
    + Diapositive précédente + Diapositive suivante +
    +
    2. + +
  2. +
    +
    +
    +

    Une crypte particulière

    +

    + La crypte de la chapelle est un lieu unique : c'est une copie presque parfaite de la crypte de la nativité en Judée. + +

    + +
    +
    +
    + {{ $image := resources.Get "images/crypte_entree_1.jpg" }} + {{ $caption := "L'entrée de la crypte" }} + {{ $caption }} +
    {{ $caption }}
    +
    +
    + {{ $image := resources.Get "images/crypte_anges_1.jpg" }} + {{ $caption := "Les anges de la crypte" }} + {{ $caption }} +
    {{ $caption }}
    +
    + +
    +
    +
    +
    + Diapositive précédente + Diapositive suivante +
    +
    3. + +
  3. +
    +
    +
    +
    +

    Les Chartreux

    +

    + Le cardinal fit don de la chapelle et de sa crypte aux Chartreux d'Aubevoye. Chaque Noël ils se rendèrent en procession à la lueure des torches pour célébrer la messe de minuit dans la crypte sacrée. Ils demandèrent au Cardinal de créer un détachement de la chartreuse à la chapelle. +

    +

    + Ils s'occupairent alors du domaine, des vignerons sur les cotaux et de la maintenance de la chapelle jusqu'à la révolution 1791 où ils furent chassés. +

    +
    +
    + {{ $image := resources.Get "images/la_chartreuse_1.jpg" }} +
    + Église de la chartreuse Bourbons-lez-Gaillon +
    Église de la chartreuse Bourbons-lez-Gaillon
    +
    +
    +
    +
    +
    +
    + Diapositive précédente + Diapositive suivante +
    +
    4. + + +
  4. +
    +
    +
    +
    +

    Restauration Mignot et Villain

    +

    + 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. +

    +

    +
    + {{ $image := resources.Get "images/chapelle_carte_postale_1.jpg" }} +
    + Portrait de Charles de Bourbon +
    La chapelle en 1912
    +
    +
    +
    +
    +
    +
    + Diapositive précédente + Diapositive suivante +
    +
    5. +
+
-
-

Images

-
+ + + + + + + + + + + + + + + + + + + + + + +

Un petit bout de palestine en Normandie...

-
-
+
+
- {{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }} - +
+
+ {{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }} + +
- {{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }} - +
+ {{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }} + +
+
-
Comparaison crypte vers l'est
+
Comparaison de la crypte vers l'est
-
+
- {{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }} - +
+
+ {{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }} + +
- {{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }} - -
Comparaison crypte vers l'ouest
+
+ {{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }} + +
+ +
+
Comparaison de la crypte vers l'ouest
@@ -135,13 +313,146 @@
-

L'Étoile de Bethléem

-

- Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer. -

-

- L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556. -

+ + + + +
+

L'association : L'Étoile de Bethléem

+

+ Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer. +

+

+ L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556. +

+
+
+
+ +
+
+ {{ $pages := where .Site.RegularPages "Type" "in" "actualites" }} + {{ $pag := .Paginate ($pages) }} + {{ range $index, $element := $pag.Pages }} + {{ if eq $index 0 }} + {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }} + + {{ with .Params.featured_image }} + {{ $featuredImage = .Resources.GetMatch (.src | safeURL) }} + {{ end }} + {{ $featuredImage := $featuredImage.Resize "450x" }} +
+
+
+
+
+
+
+ Dernières nouvelles... +
+

+ {{ .Title }} +

+
+ Le {{ .Date.Format "Monday 2 January 2006" }} +
+
+ {{ .Summary }} +
+
+ + Lire plus + +
+
+
+ {{ end }} + {{ end }} + + + + + + + + + + + + + +
+ Others articles... +
+
+
+ + + + {{ $slides_count := len $.Site.Data.partners.people }} +
+
+

Ils nous soutiennent !

+
+
+
    + {{ range $index, $comment := $.Site.Data.partners.people }} +
  1. +
    +
    + {{ $image := resources.Get (printf "images/partners/%s" $comment.image) }} + + Photo d'un de nos soutiens + +
    +
    + {{ partial "helpers/svg" (dict "path" "icons/quote") }} +
    +

    + {{ $comment.quote }} +

    +
    + {{ partial "helpers/svg" (dict "path" "icons/quote") }} +
    +
    +
    +
    + {{ with $comment.name }}{{ . }}{{ end }} {{ with $comment.org.intro }}{{ . }}{{ end }} {{ $comment.org.name }} +
    +
    +
    +
    +
    + Diapositive précédente + Diapositive suivante +
    +
    2. + {{ end }} +
+
@@ -154,4 +465,9 @@
+ + + {{ $js := resources.Get "scripts/carousel.js" | js.Build (dict "params" (dict "api" "https://example.org/api")) }} + {{ end }} + diff --git a/layouts/landing-matthieu/list.html b/layouts/landing-matthieu/list.html deleted file mode 100644 index 1a56637..0000000 --- a/layouts/landing-matthieu/list.html +++ /dev/null @@ -1,170 +0,0 @@ -{{ define "main" }} -
-
-
-
-
-
-
-
-

- Sauvons la chapelle - de Bethléem ! -

-
-
-
-
-
-
- -
- Adhérer ! -
- -
- - - - {{/* .Content */}} - {{/* - {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }} - {{ range $paginator.Pages }} - {{ .Render "summary" }} - {{ end }} - {{ partial "pagination.html" . }} - */}} - -
-
-
-

Bref historique

-

- Aubevoye possède un souvenir de Terre Sainte unique en France et en Europe. Une reproduction exacte de le grotte de la nativité de Bethléem dans laquelle le Sauveur vint au monde. - Ce monument est dû à la magnificence et à la piété du Cardinal de Bourbon, Charles Ier de Bourbon, oncle paternel de Henri IV, qui fut pendant quelques temps proclamé roi de France par les Ligueurs sous le nom de Charles X. - Archevêque de Rouen de 1550 à 1590, l'éminent prélat qui avait déjà fondé, en 1563, près de son château de Gaillon, la chartreuse de Notre-Dame de Bonne-Esperance (Bourbon-lès-Gaillon), voulut avoir également à portée de sa résidence princière le berceau du Roi des rois. - A cet effet, il envoya deux fois son architecte en Palestine pour lever les plans nécessaires et en 1582, l'édifice était achevé. Le pieux cardinal, qui le désigne lui-même dans ses actes sous le nom de Bethléem, en fit don aux Chartreux avec les terres qui l'environnaient. - Aujourd'hui, malheureusement, la chapelle tombe en ruines. Elle est régulièrement dégradée, pillée, vandalisée. -

-
-
- {{ $image := resources.Get "images/cardinal_charles_de_bourbon.jpg" }} - -
-
-
- -
-

Images

-
- -
-
-

Un petit bout de palestine en Normandie...

-
-
-
-
-
- {{ $image := resources.Get "images/crypte_comparaison_01_judee.jpg" }} - -
- -
- {{ $image := resources.Get "images/crypte_comparaison_01_aubevoye.jpg" }} - -
-
- -
Comparaison crypte vers l'est
-
-
-
-
-
-
- {{ $image := resources.Get "images/crypte_comparaison_02_judee.jpg" }} - -
- -
- {{ $image := resources.Get "images/crypte_comparaison_02_aubevoye.jpg" }} - -
- -
-
Comparaison crypte vers l'ouest
-
- -
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 1970 -
-
-
- 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. -
-
-
-
-
-
-
-
- 1970 -
-
-
- 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. -
-
-
-
-
-
- -
-
-

L'Étoile de Bethléem

-

- Formé en septembre 2022, suite aux efforts des propriétaires et des passionées de ce monument. Elle a pour but de contribuer à la sauvegarde et à la restauration de la Chapelle de Bethléem d’Aubevoye et de promouvoir ce monument ainsi que mieux le connaitre et l’animer. -

-

- L’association “L’Étoile de Bethléem - Association des amis de la chapelle de bethléem d’Aubevoye” est immatriculé au près de la préfecture de l’Eure sous le numéro RNA W271006556. -

-
-
-
- -
-
-

Rejoignez nous dans notre aventure !

- Adhérer ! -
-
-
-
-{{ end }} diff --git a/layouts/partials/fullmod.html b/layouts/partials/fullmod.html new file mode 100644 index 0000000..b37752b --- /dev/null +++ b/layouts/partials/fullmod.html @@ -0,0 +1,4 @@ +{{- $a := index . 0 -}} +{{- $b := index . 1 -}} +{{- $c := mod $a $b -}} +{{- if lt $c 0 -}}{{- add $c $b -}}{{- else -}}{{- $c -}}{{- end -}} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index c722e5c..e56061d 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -7,12 +7,22 @@
diff --git a/layouts/sandbox-1/list.html b/layouts/sandbox-1/list.html new file mode 100644 index 0000000..06d9ea5 --- /dev/null +++ b/layouts/sandbox-1/list.html @@ -0,0 +1,9 @@ +{{ define "main" }} +

Sandbox 1

+ +
+{{ mod -1 2 }}
+{{ partial "fullmod" (slice -1 5) }}
+
+ +{{ end }} diff --git a/layouts/shortcodes/fullmod.html b/layouts/shortcodes/fullmod.html new file mode 100644 index 0000000..062988d --- /dev/null +++ b/layouts/shortcodes/fullmod.html @@ -0,0 +1,2 @@ +{{ $c := mod (.Get 0) (.Get 1) }} +{{ if lt $c 0 }}{{ add (.Get 1) $c }}{{ else }}{{ $c }}{{ end }}