diff --git a/.claude/settings.local.json b/.claude/settings.local.json deleted file mode 100644 index a48b55d..0000000 --- a/.claude/settings.local.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "permissions": { - "allow": [ - "Bash(git add:*)", - "Bash(git commit:*)", - "Bash(cat:*)" - ], - "deny": [], - "ask": [] - } -} diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss deleted file mode 100644 index 3c0010e..0000000 --- a/assets/css/base/_body.scss +++ /dev/null @@ -1,41 +0,0 @@ -* { - margin: 0; - padding: 0; - - box-sizing: border-box; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -o-font-smoothing: antialiased -} -a { - color: currentColor; -} -button{ - background: none; - outline: none; - border: none; - color: var(--color-txt); -} -iframe{ - border: none; -} - -body{ - font-family: var(--font); - line-height: var(--leading-normal); - font-size: var(--fs-normal); - - color: var(--color-txt); - background-color: var(--color-bg); - padding: 0px var(--padding-body); - - width: 100vw; - overflow-x: hidden; -} - - - -//temp -main{ - // padding-top: calc(var(--header-h-shrinked) - var(--padding-body)); -} \ No newline at end of file diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss deleted file mode 100644 index 41926a1..0000000 --- a/assets/css/base/_responsive.scss +++ /dev/null @@ -1,14 +0,0 @@ -$desktop: "screen and (min-width: 1200px)"; -$medium: "screen and (max-width: 1200px)"; -$small-up: "screen and (min-width: 720px)"; -$small: "screen and (max-width: 720px)"; -$x-small: "screen and (max-width: 560px)"; - - -@media #{$medium}{ - :root{ - --padding: 16px; - --padding-cards: 0.75rem; - --padding-cards-small: 0.5rem; - } -} diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss deleted file mode 100644 index 8d3c8c6..0000000 --- a/assets/css/base/_var.scss +++ /dev/null @@ -1,55 +0,0 @@ -:root{ - --font: Arial, sans-serif; - - // --fs-small: 9px; - // --font-size: 12px; - // --fs-medium: 18px; - // --fs-big: 24px; - - --fs-x-small: 9px; - --fs-small: 13px; - --fs-normal: 18px; - --fs-medium: 22px; - --fs-big: 28px; - --fs-x-big: 36px; - - --leading-tight: 1; - --leading-normal: 1.2; - // --leading-relaxed: 1.4; - // --leading-loose: 1.8; - - --fw-normal: 400; - --fw-medium: 600; - - - --color-bg: #161616; - --color-txt: #FFFFFF; - --color-accent: #00FF00; - --color-accent-50: #e9ffe9; - --color-accent-100: #d8fdd8; - - --grey-100: #d8d8d8; - --grey-300: #B9B9B9; - --grey-400: #969696; - --grey-800: #383838; - - --border: 1px solid var(--color-txt); - - - --header-h: 140px; - --header-h-shrinked: 60px; - - - // responsive - --padding-body: 16px; - - - --radius-small: 4px; - --spacing: 40px; - --h-block: 40px; - - - - - -} \ No newline at end of file diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss deleted file mode 100644 index 2fedcdd..0000000 --- a/assets/css/components/_buttons.scss +++ /dev/null @@ -1,55 +0,0 @@ -.btn--bold .btn--bold__container{ - --size: 28px; - font-size: var(--fs-big); - height: var(--size); - - position: relative; - display: flex; - align-items: center; - gap: 0.75ch; - padding-right: 1ch; - color: var(--color-accent); - - font-weight: var(--fw-medium); - - text-decoration: none; - - cursor: pointer; - - .icon, .txt{ z-index: 10; } - - .icon{ - width: var(--size); - height: var(--size); - display: flex; - align-items: center; - justify-content: center; - padding-top: 1px; - padding-left: 2px; - - svg{ - width: 70%; - fill: var(--color-bg); - } - } - - &::before{ - content: ''; - display: block; - background-color: var(--color-accent); - border-radius: calc(var(--size)/2); - width: var(--size); - height: var(--size); - position: absolute; - left: 0px; - z-index: 0; - transition: width .2s - } - - &:hover{ - color: var(--color-bg); - &::before{ - width: 100%; - } - } -} \ No newline at end of file diff --git a/assets/css/components/_comments-slider.scss b/assets/css/components/_comments-slider.scss deleted file mode 100644 index 2e08bfa..0000000 --- a/assets/css/components/_comments-slider.scss +++ /dev/null @@ -1,74 +0,0 @@ -.comments-slider { - display: flex; - overflow-x: auto; - scroll-snap-type: x mandatory; - scroll-behavior: smooth; - gap: 0; - padding: 0; - scrollbar-width: none; /* Firefox */ - - @media #{$small-up}{ - padding-left: 20%; - flex: 0 0 40%; - } - - } - - .comments-slider::-webkit-scrollbar { - display: none; - } - - .comment { - scroll-snap-align: start; - // background-color: #444; - - @media #{$small}{ - flex: 0 0 calc(100vw - var(--padding-body)*2); /* mobile */ - padding: 0px 2ch; - } - @media #{$small-up}{ - flex: 0 0 40%; - } - - } - - - .comment__text{ - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: 1; - max-width: 40ch; - text-align: center; - } - - .comment__name { - margin-top: calc(var(--spacing)*0.5); - text-align: center; - } - - - - - - /* Dots */ - .comments-slider__dots { - display: flex; - @media #{$small-up}{ justify-content: center; } - @media #{$small}{ justify-content: flex-end; } - margin-top: 0.5rem; - gap: 0.4rem; - margin-top: calc(var(--spacing)*1.5); - } - .comments-slider__dots button { - width: 10px; - height: 10px; - border-radius: 50%; - border: none; - background: var(--grey-400); - cursor: pointer; - transition: background 0.3s; - } - .comments-slider__dots button.active { - background: var(--color-txt); - } - \ No newline at end of file diff --git a/assets/css/components/_form-newsletter.scss b/assets/css/components/_form-newsletter.scss deleted file mode 100644 index f517914..0000000 --- a/assets/css/components/_form-newsletter.scss +++ /dev/null @@ -1,81 +0,0 @@ -.form__newsletter{ - --size: 24px; - - position: relative; - display: flex; - align-items: center; - - max-width: 36ch; - - margin: calc(var(--spacing)*1) auto; - margin-top: calc(var(--spacing)*1.5); - - - input[type="email"]{ - - height: var(--h-block); - width: 100%; - border-radius: calc(var(--h-block)*0.5); - outline: none; - border: none; - padding: 0 1ch; - - font-size: var(--fs-medium); - z-index: 40; - &::placeholder{ - font-size: var(--fs-medium); - } - - &:focus{ - outline: 3px solid var(--grey-400); - } - - - } - - - button[type="submit"].btn--bold{ - - z-index: 50; - position: absolute; - right: 3px; - - .btn--bold__container{ - z-index: 50; - padding-right: 0; - - &::before{ - left: auto; - right: 0; - } - - .txt{ - font-size: var(--fs-medium); - display: none; - padding-left: 1ch; - } - - &:hover{ - .txt{ - display: block; - } - } - } - - - // shadow on input - &::before{ - content: ''; - display: block; - width: 120px; - height: 30px; - background: linear-gradient(90deg,transparent 0%, var(--color-txt) 80%); - position: absolute; - left: -110px; - z-index: 40; - } - } - - - -} \ No newline at end of file diff --git a/assets/css/components/_gauge.scss b/assets/css/components/_gauge.scss deleted file mode 100644 index 849f48c..0000000 --- a/assets/css/components/_gauge.scss +++ /dev/null @@ -1,51 +0,0 @@ -.gauge__container{ - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -#gauge{ - width: 100%; - margin-bottom: calc(var(--spacing)*0.25); - height: calc(var(--h-block)*0.5); - border-radius: calc(var(--h-block)*0.25); - background-color: var(--grey-400); - position: relative; - overflow: hidden; - &::before{ - content: ''; - display: block; - height: calc(var(--h-block)*0.5); - border-radius: calc(var(--h-block)*0.25); - width: 0%; - background-color: var(--color-txt); - position: absolute; - top: 0; - left: 0; - animation: fillGauge 1s ease forwards; - } - -} - -@keyframes fillGauge { - from { - width: 0%; - } - to { - width: var(--pourcent); - } -} - - -.gauge--infos{ - .property{ - font-size: var(--fs-small); - padding-bottom: 3px; - } - - &:last-of-type{ - text-align: right; - } -} - diff --git a/assets/css/components/_heading.scss b/assets/css/components/_heading.scss deleted file mode 100644 index 163b4d3..0000000 --- a/assets/css/components/_heading.scss +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/css/components/_list-socials.scss b/assets/css/components/_list-socials.scss deleted file mode 100644 index 4f9c9d8..0000000 --- a/assets/css/components/_list-socials.scss +++ /dev/null @@ -1,32 +0,0 @@ -.list-socials{ - list-style-type: none; - - li { - margin-bottom: calc(var(--spacing)*0.25); - .link--external{ - display: flex; - align-items: center; - gap: 1ch; - text-decoration: none; - - - - .icon svg { - width: 25px; - fill: var(--color-txt); - } - - .arrow svg{ - position: relative; - top: 3px; - width: 12px; - fill: var(--grey-400); - } - - - } - } - - - -} \ No newline at end of file diff --git a/assets/css/components/_nav-tabs.scss b/assets/css/components/_nav-tabs.scss deleted file mode 100644 index 497c6e3..0000000 --- a/assets/css/components/_nav-tabs.scss +++ /dev/null @@ -1,38 +0,0 @@ -.nav--tabs{ - height: var(--h-block); - width: auto; - border: var(--border); - border-radius: var(--radius-small); - overflow: hidden; - - - display: inline-flex; - - width: auto; - margin: 0 auto; - margin-bottom: var(--spacing); - - - .nav--tabs__btn{ - font-size: var(--fs-small); - padding: 0 1ch; - - &.is-selected{ - background-color: var(--color-txt); - color: var(--color-bg); - } - - &:not(.is-selected):hover{ - background-color: var(--grey-800); - cursor: pointer; - } - - } - - .nav--tabs__btn + .nav--tabs__btn{ - border-left: var(--border); - - } - - -} \ No newline at end of file diff --git a/assets/css/components/_player.scss b/assets/css/components/_player.scss deleted file mode 100644 index 95a4e7f..0000000 --- a/assets/css/components/_player.scss +++ /dev/null @@ -1,53 +0,0 @@ -.player__container { - width: 100%; - height: 100%; - - - - .player__element { - width: 100%; - height: 100%; - display: grid; - place-items: center; - overflow: hidden; - // display: none; - - - .player__btn { - svg { - fill: var(--color-txt); - width: 100%; - } - - position: absolute; - width: 60px; - height: 60px; - cursor: pointer; - } - - img, - video { - width: 100%; - height: 100%; - object-fit: cover; - } - - } - - - .player__iframe { - display: none; - width: 100%; - height: 100%; - iframe{ - width: 100%; - height: 100%; - - } - } - - - -} - - diff --git a/assets/css/components/_text.scss b/assets/css/components/_text.scss deleted file mode 100644 index ae52854..0000000 --- a/assets/css/components/_text.scss +++ /dev/null @@ -1,65 +0,0 @@ -#page-don{ - - // text ----------------------------------------- - - .p__baseline-big{ - font-size: var(--fs-big); - font-weight: var(--fw-medium); - line-height: var(--leading-tight); - text-align: center; - margin: calc(var(--spacing)*1.75) 0; - } - - .p__baseline{ - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: var(--leading-tight); - text-align: center; - margin: var(--spacing) 0; - } - - .p__details{ - font-size: var(--fs-small); - margin-bottom: 0.5em; - color: var(--grey-400); - } - - - // heading --------------------------------------------- - - .hero-heading{ - font-size: var(--fs-x-big); - line-height: var(--leading-tight); - font-weight: var(--fw-medium); - display: inline; - background: var(--color-txt); - color: var(--color-bg); - padding: 0 0.3em; - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - text-align: center; - } - - .section__heading{ - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: 1; - - height: calc(var(--spacing)*3); - border-bottom: var(--border); - text-align: center; - display: flex; - align-items: center; - justify-content: center; - } - - .subsection__heading{ - font-size: var(--fs-normal); - font-weight: var(--fw-medium); - line-height: 1; - margin-top: calc(var(--spacing)*0.75); - margin-bottom: calc(var(--spacing)*1); - } - - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_section-donation.scss b/assets/css/pages/dons/_section-donation.scss deleted file mode 100644 index 0ae6977..0000000 --- a/assets/css/pages/dons/_section-donation.scss +++ /dev/null @@ -1,44 +0,0 @@ -#section__donation{ - display: flex; - flex-direction: column; - - - - .btn--donation__container{ - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: var(--padding-body); - margin-bottom: calc(var(--spacing)*0.75); - - .btn--donation__grow-2{ - grid-column: span 2; - } - } - - - .btn--donation{ - background-color: var(--color-txt); - color: var(--color-bg); - border-radius: var(--radius-small); - height: calc(var(--h-block)*2); - - .bold{ - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - margin-bottom: 0.25em; - } - - .small{ - font-size: var(--fs-small); - } - - &:hover{ - background-color: var(--color-accent-50); - // outline: 4px solid var(--color-accent); - cursor: pointer; - } - - } - - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_section-hero.scss b/assets/css/pages/dons/_section-hero.scss deleted file mode 100644 index 86b1aa8..0000000 --- a/assets/css/pages/dons/_section-hero.scss +++ /dev/null @@ -1,24 +0,0 @@ -#section__hero{ - - - .hero-heading__container{ - text-align: center; - margin-top: calc(var(--spacing)*1.5); - margin-bottom: calc(var(--spacing)*1.5); - } - - - - .btn--bold{ - display: block; - margin: var(--spacing) auto; - margin-bottom: calc(var(--spacing)*1.5); - } - - .jauge__container{ - margin-top: calc(var(--spacing)*1.5); - } - - - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_section-player.scss b/assets/css/pages/dons/_section-player.scss deleted file mode 100644 index b6f6422..0000000 --- a/assets/css/pages/dons/_section-player.scss +++ /dev/null @@ -1,30 +0,0 @@ -#section__player{ - - position: relative; - left: calc(var(--padding-body)*-1); - - @media #{$small}{ - width: 100vw; - // aspect-ratio: 1/1; - .player__container, .player__element, .player__iframe, iframe{ - width: 100%; - height: 75vh; - overflow: hidden; - } - - } - - @media #{$small-up}{ - position: relative; - width: 100vw; - height: 60vh; - .player__container, .player__element, .player__iframe, iframe{ - width: 100%; - height: 60vh; - overflow: hidden; - } - } - - - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_section-questions.scss b/assets/css/pages/dons/_section-questions.scss deleted file mode 100644 index 4564232..0000000 --- a/assets/css/pages/dons/_section-questions.scss +++ /dev/null @@ -1,78 +0,0 @@ -#section__questions{ - details{ - border-bottom: var(--border); - - - summary{ - height: calc(var(--h-block)*1); - display: flex; - align-items: center; - justify-content: space-between; - cursor: pointer; - - &::after{ - content: "▶"; - font-size: 0.8em; - color: var(--grey-400); - } - } - - p{ - padding-top: calc(var(--spacing)*0.25); - margin-bottom: var(--spacing); - border-top: var(--border); - } - - - &::details-content { - - max-height: 0; - transition: max-height ease-in .5s; - overflow: hidden; - - // display: grid; - // grid-template-rows: 0fr; - // overflow: hidden; - // transition: grid-template-rows 1s; - - } - - &[open]{ - - - - &::details-content { - max-height: 1000px; - filter: none; - } - - - summary::after{ - transform: rotate(90deg); - transform-origin: center; - } - } - } - - - - .btn--bold{ - display: block; - margin: calc(var(--spacing) * 1.5) auto; - margin-bottom: 0; - } - - -} - - -// @keyframes fadeInDown { -// 0% { -// opacity: 0; -// transform: translateY(-1.25em); -// } -// 100% { -// opacity: 1; -// transform: translateY(0); -// } -// } \ No newline at end of file diff --git a/assets/css/pages/dons/_section-socials.scss b/assets/css/pages/dons/_section-socials.scss deleted file mode 100644 index 59227b1..0000000 --- a/assets/css/pages/dons/_section-socials.scss +++ /dev/null @@ -1,8 +0,0 @@ -#section__socials{ - - .list-socials{ - columns: 2; - - } - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_section-store.scss b/assets/css/pages/dons/_section-store.scss deleted file mode 100644 index 4f2500f..0000000 --- a/assets/css/pages/dons/_section-store.scss +++ /dev/null @@ -1,40 +0,0 @@ -#section__store{ - - - .store__product{ - - - margin-top: calc(var(--spacing)*1.5); - margin-bottom: calc(var(--spacing)*0.5); - position: relative; - - figure{ - aspect-ratio: 4/3; - background-color: var(--color-bg); - background-color: var(--data-bg); - margin-bottom: calc(var(--spacing)*0.5); - - - } - img{ - width: 100%; - height: 100%; - object-fit: contain; - } - - a{ - text-decoration: none; - } - - .link-block{ - display: block; - height: 100%; - width: 100%; - position: absolute; - top: 0; - left: 0; - cursor: pointer; - } - } - -} \ No newline at end of file diff --git a/assets/css/pages/dons/_sections.scss b/assets/css/pages/dons/_sections.scss deleted file mode 100644 index 08de315..0000000 --- a/assets/css/pages/dons/_sections.scss +++ /dev/null @@ -1,14 +0,0 @@ -.section__page-don:not(#section__player), .subsection__page-don{ - border-bottom: var(--border); - padding-bottom: calc(var(--spacing)*2); -} - - - -@media #{$small}{ - - #section__hero, #section__comments{ - padding-bottom: calc(var(--spacing)*0.5)!important; - } - -} \ No newline at end of file diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss deleted file mode 100644 index c45507a..0000000 --- a/assets/css/partials/_site-header.scss +++ /dev/null @@ -1,110 +0,0 @@ -#site-header{ - - position: fixed; - left: 0px; - top: 0px; - z-index: 100000; - - width: 100vw; - height: var(--header-h); - padding: 0 var(--padding-body); - - background-color: transparent; - border-bottom: var(--border); - border-color: transparent; - - // display: grid; - // grid-template-columns: 1fr; - - display: flex; - align-items: center; - justify-content: space-between; - - .burger svg{ - fill: var(--color-txt); - width: 40px; - } - - - - .site-title{ - display: flex; - width: 120px; - overflow: hidden; - svg{ - fill: var(--color-txt); - - } - } - - - - nav{ - height: 0; - overflow: hidden; - opacity: 0; - } - nav ul{ - height: 100%; - display: flex; - align-items: center; - justify-content: center; - gap: 2ch; - list-style: none; - } - - - .header-left, .header-right{ - width: 100px; - } - - - .header-center{ - - display: flex; - flex-direction: column; - align-items: center; - - - } - - - #go-to-panier{ - display: flex; - justify-content: flex-end; - align-items: center; - gap: 1ch; - text-decoration: none; - - - #go-to-panier__nbr{ - - min-width: 2.6ch; - height: 2.6ch; - border-radius: 1.3ch; - border: var(--border); - display: flex; - align-items: center; - justify-content: center; - padding: 0 6px; - } - } - - - &.is-shrinked{ - background-color: var(--color-bg); - height: var(--header-h-shrinked); - transition: ease-in .3s; - border-color: var(--color-txt); - - nav{ - height: var(--h-block); - opacity: 1; - } - - .site-title{ - opacity: 0; - height: 0; - } - } -} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index c1720e0..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,681 +0,0 @@ -@charset "UTF-8"; -:root { - --font: Arial, sans-serif; - --fs-x-small: 9px; - --fs-small: 13px; - --fs-normal: 18px; - --fs-medium: 22px; - --fs-big: 28px; - --fs-x-big: 36px; - --leading-tight: 1; - --leading-normal: 1.2; - --fw-normal: 400; - --fw-medium: 600; - --color-bg: #161616; - --color-txt: #FFFFFF; - --color-accent: #00FF00; - --color-accent-50: #e9ffe9; - --color-accent-100: #d8fdd8; - --grey-100: #d8d8d8; - --grey-300: #B9B9B9; - --grey-400: #969696; - --grey-800: #383838; - --border: 1px solid var(--color-txt); - --header-h: 140px; - --header-h-shrinked: 60px; - --padding-body: 16px; - --radius-small: 4px; - --spacing: 40px; - --h-block: 40px; -} - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -o-font-smoothing: antialiased; -} - -a { - color: currentColor; -} - -button { - background: none; - outline: none; - border: none; - color: var(--color-txt); -} - -iframe { - border: none; -} - -body { - font-family: var(--font); - line-height: var(--leading-normal); - font-size: var(--fs-normal); - color: var(--color-txt); - background-color: var(--color-bg); - padding: 0px var(--padding-body); - width: 100vw; - overflow-x: hidden; -} - -@media screen and (max-width: 1200px) { - :root { - --padding: 16px; - --padding-cards: 0.75rem; - --padding-cards-small: 0.5rem; - } -} -#page-don .p__baseline-big { - font-size: var(--fs-big); - font-weight: var(--fw-medium); - line-height: var(--leading-tight); - text-align: center; - margin: calc(var(--spacing) * 1.75) 0; -} -#page-don .p__baseline { - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: var(--leading-tight); - text-align: center; - margin: var(--spacing) 0; -} -#page-don .p__details { - font-size: var(--fs-small); - margin-bottom: 0.5em; - color: var(--grey-400); -} -#page-don .hero-heading { - font-size: var(--fs-x-big); - line-height: var(--leading-tight); - font-weight: var(--fw-medium); - display: inline; - background: var(--color-txt); - color: var(--color-bg); - padding: 0 0.3em; - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - text-align: center; -} -#page-don .section__heading { - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: 1; - height: calc(var(--spacing) * 3); - border-bottom: var(--border); - text-align: center; - display: flex; - align-items: center; - justify-content: center; -} -#page-don .subsection__heading { - font-size: var(--fs-normal); - font-weight: var(--fw-medium); - line-height: 1; - margin-top: calc(var(--spacing) * 0.75); - margin-bottom: calc(var(--spacing) * 1); -} - -.btn--bold .btn--bold__container { - --size: 28px; - font-size: var(--fs-big); - height: var(--size); - position: relative; - display: flex; - align-items: center; - gap: 0.75ch; - padding-right: 1ch; - color: var(--color-accent); - font-weight: var(--fw-medium); - text-decoration: none; - cursor: pointer; -} -.btn--bold .btn--bold__container .icon, .btn--bold .btn--bold__container .txt { - z-index: 10; -} -.btn--bold .btn--bold__container .icon { - width: var(--size); - height: var(--size); - display: flex; - align-items: center; - justify-content: center; - padding-top: 1px; - padding-left: 2px; -} -.btn--bold .btn--bold__container .icon svg { - width: 70%; - fill: var(--color-bg); -} -.btn--bold .btn--bold__container::before { - content: ""; - display: block; - background-color: var(--color-accent); - border-radius: calc(var(--size) / 2); - width: var(--size); - height: var(--size); - position: absolute; - left: 0px; - z-index: 0; - transition: width 0.2s; -} -.btn--bold .btn--bold__container:hover { - color: var(--color-bg); -} -.btn--bold .btn--bold__container:hover::before { - width: 100%; -} - -.nav--tabs { - height: var(--h-block); - width: auto; - border: var(--border); - border-radius: var(--radius-small); - overflow: hidden; - display: inline-flex; - width: auto; - margin: 0 auto; - margin-bottom: var(--spacing); -} -.nav--tabs .nav--tabs__btn { - font-size: var(--fs-small); - padding: 0 1ch; -} -.nav--tabs .nav--tabs__btn.is-selected { - background-color: var(--color-txt); - color: var(--color-bg); -} -.nav--tabs .nav--tabs__btn:not(.is-selected):hover { - background-color: var(--grey-800); - cursor: pointer; -} -.nav--tabs .nav--tabs__btn + .nav--tabs__btn { - border-left: var(--border); -} - -.list-socials { - list-style-type: none; -} -.list-socials li { - margin-bottom: calc(var(--spacing) * 0.25); -} -.list-socials li .link--external { - display: flex; - align-items: center; - gap: 1ch; - text-decoration: none; -} -.list-socials li .link--external .icon svg { - width: 25px; - fill: var(--color-txt); -} -.list-socials li .link--external .arrow svg { - position: relative; - top: 3px; - width: 12px; - fill: var(--grey-400); -} - -.player__container { - width: 100%; - height: 100%; -} -.player__container .player__element { - width: 100%; - height: 100%; - display: grid; - place-items: center; - overflow: hidden; -} -.player__container .player__element .player__btn { - position: absolute; - width: 60px; - height: 60px; - cursor: pointer; -} -.player__container .player__element .player__btn svg { - fill: var(--color-txt); - width: 100%; -} -.player__container .player__element img, -.player__container .player__element video { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.player__container .player__iframe { - display: none; - width: 100%; - height: 100%; -} -.player__container .player__iframe iframe { - width: 100%; - height: 100%; -} - -.gauge__container { - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -#gauge { - width: 100%; - margin-bottom: calc(var(--spacing) * 0.25); - height: calc(var(--h-block) * 0.5); - border-radius: calc(var(--h-block) * 0.25); - background-color: var(--grey-400); - position: relative; - overflow: hidden; -} -#gauge::before { - content: ""; - display: block; - height: calc(var(--h-block) * 0.5); - border-radius: calc(var(--h-block) * 0.25); - width: 0%; - background-color: var(--color-txt); - position: absolute; - top: 0; - left: 0; - animation: fillGauge 1s ease forwards; -} - -@keyframes fillGauge { - from { - width: 0%; - } - to { - width: var(--pourcent); - } -} -.gauge--infos .property { - font-size: var(--fs-small); - padding-bottom: 3px; -} -.gauge--infos:last-of-type { - text-align: right; -} - -.form__newsletter { - --size: 24px; - position: relative; - display: flex; - align-items: center; - max-width: 36ch; - margin: calc(var(--spacing) * 1) auto; - margin-top: calc(var(--spacing) * 1.5); -} -.form__newsletter input[type=email] { - height: var(--h-block); - width: 100%; - border-radius: calc(var(--h-block) * 0.5); - outline: none; - border: none; - padding: 0 1ch; - font-size: var(--fs-medium); - z-index: 40; -} -.form__newsletter input[type=email]::-moz-placeholder { - font-size: var(--fs-medium); -} -.form__newsletter input[type=email]::placeholder { - font-size: var(--fs-medium); -} -.form__newsletter input[type=email]:focus { - outline: 3px solid var(--grey-400); -} -.form__newsletter button[type=submit].btn--bold { - z-index: 50; - position: absolute; - right: 3px; -} -.form__newsletter button[type=submit].btn--bold .btn--bold__container { - z-index: 50; - padding-right: 0; -} -.form__newsletter button[type=submit].btn--bold .btn--bold__container::before { - left: auto; - right: 0; -} -.form__newsletter button[type=submit].btn--bold .btn--bold__container .txt { - font-size: var(--fs-medium); - display: none; - padding-left: 1ch; -} -.form__newsletter button[type=submit].btn--bold .btn--bold__container:hover .txt { - display: block; -} -.form__newsletter button[type=submit].btn--bold::before { - content: ""; - display: block; - width: 120px; - height: 30px; - background: linear-gradient(90deg, transparent 0%, var(--color-txt) 80%); - position: absolute; - left: -110px; - z-index: 40; -} - -.comments-slider { - display: flex; - overflow-x: auto; - scroll-snap-type: x mandatory; - scroll-behavior: smooth; - gap: 0; - padding: 0; - scrollbar-width: none; /* Firefox */ -} -@media screen and (min-width: 720px) { - .comments-slider { - padding-left: 20%; - flex: 0 0 40%; - } -} - -.comments-slider::-webkit-scrollbar { - display: none; -} - -.comment { - scroll-snap-align: start; -} -@media screen and (max-width: 720px) { - .comment { - flex: 0 0 calc(100vw - var(--padding-body) * 2); /* mobile */ - padding: 0px 2ch; - } -} -@media screen and (min-width: 720px) { - .comment { - flex: 0 0 40%; - } -} - -.comment__text { - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - line-height: 1; - max-width: 40ch; - text-align: center; -} - -.comment__name { - margin-top: calc(var(--spacing) * 0.5); - text-align: center; -} - -/* Dots */ -.comments-slider__dots { - display: flex; - margin-top: 0.5rem; - gap: 0.4rem; - margin-top: calc(var(--spacing) * 1.5); -} -@media screen and (min-width: 720px) { - .comments-slider__dots { - justify-content: center; - } -} -@media screen and (max-width: 720px) { - .comments-slider__dots { - justify-content: flex-end; - } -} - -.comments-slider__dots button { - width: 10px; - height: 10px; - border-radius: 50%; - border: none; - background: var(--grey-400); - cursor: pointer; - transition: background 0.3s; -} - -.comments-slider__dots button.active { - background: var(--color-txt); -} - -#site-header { - position: fixed; - left: 0px; - top: 0px; - z-index: 100000; - width: 100vw; - height: var(--header-h); - padding: 0 var(--padding-body); - background-color: transparent; - border-bottom: var(--border); - border-color: transparent; - display: flex; - align-items: center; - justify-content: space-between; -} -#site-header .burger svg { - fill: var(--color-txt); - width: 40px; -} -#site-header .site-title { - display: flex; - width: 120px; - overflow: hidden; -} -#site-header .site-title svg { - fill: var(--color-txt); -} -#site-header nav { - height: 0; - overflow: hidden; - opacity: 0; -} -#site-header nav ul { - height: 100%; - display: flex; - align-items: center; - justify-content: center; - gap: 2ch; - list-style: none; -} -#site-header .header-left, #site-header .header-right { - width: 100px; -} -#site-header .header-center { - display: flex; - flex-direction: column; - align-items: center; -} -#site-header #go-to-panier { - display: flex; - justify-content: flex-end; - align-items: center; - gap: 1ch; - text-decoration: none; -} -#site-header #go-to-panier #go-to-panier__nbr { - min-width: 2.6ch; - height: 2.6ch; - border-radius: 1.3ch; - border: var(--border); - display: flex; - align-items: center; - justify-content: center; - padding: 0 6px; -} -#site-header.is-shrinked { - background-color: var(--color-bg); - height: var(--header-h-shrinked); - transition: ease-in 0.3s; - border-color: var(--color-txt); -} -#site-header.is-shrinked nav { - height: var(--h-block); - opacity: 1; -} -#site-header.is-shrinked .site-title { - opacity: 0; - height: 0; -} - -.section__page-don:not(#section__player), .subsection__page-don { - border-bottom: var(--border); - padding-bottom: calc(var(--spacing) * 2); -} - -@media screen and (max-width: 720px) { - #section__hero, #section__comments { - padding-bottom: calc(var(--spacing) * 0.5) !important; - } -} -#section__player { - position: relative; - left: calc(var(--padding-body) * -1); -} -@media screen and (max-width: 720px) { - #section__player { - width: 100vw; - } - #section__player .player__container, #section__player .player__element, #section__player .player__iframe, #section__player iframe { - width: 100%; - height: 75vh; - overflow: hidden; - } -} -@media screen and (min-width: 720px) { - #section__player { - position: relative; - width: 100vw; - height: 60vh; - } - #section__player .player__container, #section__player .player__element, #section__player .player__iframe, #section__player iframe { - width: 100%; - height: 60vh; - overflow: hidden; - } -} - -#section__hero .hero-heading__container { - text-align: center; - margin-top: calc(var(--spacing) * 1.5); - margin-bottom: calc(var(--spacing) * 1.5); -} -#section__hero .btn--bold { - display: block; - margin: var(--spacing) auto; - margin-bottom: calc(var(--spacing) * 1.5); -} -#section__hero .jauge__container { - margin-top: calc(var(--spacing) * 1.5); -} - -#section__store .store__product { - margin-top: calc(var(--spacing) * 1.5); - margin-bottom: calc(var(--spacing) * 0.5); - position: relative; -} -#section__store .store__product figure { - aspect-ratio: 4/3; - background-color: var(--color-bg); - background-color: var(--data-bg); - margin-bottom: calc(var(--spacing) * 0.5); -} -#section__store .store__product img { - width: 100%; - height: 100%; - -o-object-fit: contain; - object-fit: contain; -} -#section__store .store__product a { - text-decoration: none; -} -#section__store .store__product .link-block { - display: block; - height: 100%; - width: 100%; - position: absolute; - top: 0; - left: 0; - cursor: pointer; -} - -#section__donation { - display: flex; - flex-direction: column; -} -#section__donation .btn--donation__container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: var(--padding-body); - margin-bottom: calc(var(--spacing) * 0.75); -} -#section__donation .btn--donation__container .btn--donation__grow-2 { - grid-column: span 2; -} -#section__donation .btn--donation { - background-color: var(--color-txt); - color: var(--color-bg); - border-radius: var(--radius-small); - height: calc(var(--h-block) * 2); -} -#section__donation .btn--donation .bold { - font-size: var(--fs-medium); - font-weight: var(--fw-medium); - margin-bottom: 0.25em; -} -#section__donation .btn--donation .small { - font-size: var(--fs-small); -} -#section__donation .btn--donation:hover { - background-color: var(--color-accent-50); - cursor: pointer; -} - -#section__questions details { - border-bottom: var(--border); -} -#section__questions details summary { - height: calc(var(--h-block) * 1); - display: flex; - align-items: center; - justify-content: space-between; - cursor: pointer; -} -#section__questions details summary::after { - content: "▶"; - font-size: 0.8em; - color: var(--grey-400); -} -#section__questions details p { - padding-top: calc(var(--spacing) * 0.25); - margin-bottom: var(--spacing); - border-top: var(--border); -} -#section__questions details::details-content { - max-height: 0; - transition: max-height ease-in 0.5s; - overflow: hidden; -} -#section__questions details[open]::details-content { - max-height: 1000px; - filter: none; -} -#section__questions details[open] summary::after { - transform: rotate(90deg); - transform-origin: center; -} -#section__questions .btn--bold { - display: block; - margin: calc(var(--spacing) * 1.5) auto; - margin-bottom: 0; -} - -#section__socials .list-socials { - -moz-columns: 2; - columns: 2; -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map deleted file mode 100644 index 5e06ab6..0000000 --- a/assets/css/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","base/_responsive.scss","components/_text.scss","components/_buttons.scss","components/_nav-tabs.scss","components/_list-socials.scss","components/_player.scss","components/_gauge.scss","components/_form-newsletter.scss","components/_comments-slider.scss","partials/_site-header.scss","pages/dons/_sections.scss","pages/dons/_section-player.scss","pages/dons/_section-hero.scss","pages/dons/_section-store.scss","pages/dons/_section-donation.scss","pages/dons/_section-questions.scss","pages/dons/_section-socials.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss deleted file mode 100644 index f7744ef..0000000 --- a/assets/css/style.scss +++ /dev/null @@ -1,29 +0,0 @@ -@charset "UTF-8"; -@import "base/var"; -@import "base/body"; -@import "base/responsive"; - -@import "components/text"; -@import "components/heading"; -@import "components/buttons"; -@import "components/nav-tabs"; -@import "components/list-socials"; - -@import "components/player"; -@import "components/gauge"; -@import "components/form-newsletter"; -@import "components/comments-slider"; - - -@import "partials/site-header"; - - -@import "pages/dons/sections"; -@import "pages/dons/section-player"; -@import "pages/dons/section-hero"; -@import "pages/dons/section-store"; -@import "pages/dons/section-donation"; -@import "pages/dons/section-questions"; -@import "pages/dons/section-socials"; - - diff --git a/assets/icons/arrow-left.svg b/assets/icons/arrow-left.svg deleted file mode 100644 index 09437b0..0000000 --- a/assets/icons/arrow-left.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/assets/icons/arrow-top-right.svg b/assets/icons/arrow-top-right.svg deleted file mode 100644 index e46faa9..0000000 --- a/assets/icons/arrow-top-right.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg deleted file mode 100644 index 2ef5a54..0000000 --- a/assets/icons/facebook.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg deleted file mode 100644 index 7142601..0000000 --- a/assets/icons/linkedin.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/assets/icons/play-button.svg b/assets/icons/play-button.svg deleted file mode 100644 index ea58eaf..0000000 --- a/assets/icons/play-button.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js deleted file mode 100644 index 7e121fe..0000000 --- a/assets/js/script.js +++ /dev/null @@ -1,51 +0,0 @@ -function updateLinkInterval(link, interval) { - const currentHref = link.getAttribute("href"); - const newHref = currentHref.replace( - /default_interval=[om]/, - `default_interval=${interval}` - ); - link.setAttribute("href", newHref); -} - -function updateAmountDisplay(link, amount, interval) { - const boldText = link.querySelector(".bold"); - if (!boldText) return; - - const suffix = interval === "m" ? "€/mois" : "€"; - boldText.innerHTML = `${amount}${suffix}`; -} - -function switchActiveTab(clickedButton, allButtons) { - allButtons.forEach((btn) => btn.classList.remove("is-selected")); - clickedButton.classList.add("is-selected"); -} - -function handleDonationIntervalChange(interval) { - const donationLinks = document.querySelectorAll(".btn--donation[data-amount]"); - const freeAmountLink = document.querySelector(".btn--donation:not([data-amount])"); - - donationLinks.forEach((link) => { - const amount = link.getAttribute("data-amount"); - updateLinkInterval(link, interval); - updateAmountDisplay(link, amount, interval); - }); - - if (freeAmountLink) { - updateLinkInterval(freeAmountLink, interval); - } -} - -document.addEventListener("DOMContentLoaded", function () { - const tabButtons = document.querySelectorAll(".nav--tabs__btn"); - const donationLinks = document.querySelectorAll(".btn--donation[data-amount]"); - - if (tabButtons.length === 0 || donationLinks.length === 0) return; - - tabButtons.forEach((button) => { - button.addEventListener("click", function () { - const interval = this.getAttribute("data-interval"); - switchActiveTab(this, tabButtons); - handleDonationIntervalChange(interval); - }); - }); -}); diff --git a/assets/src/_reset.scss b/assets/src/_reset.scss new file mode 100644 index 0000000..2bb0934 --- /dev/null +++ b/assets/src/_reset.scss @@ -0,0 +1 @@ +@import "_reset.scss"; diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..ffeba9b --- /dev/null +++ b/assets/style.css @@ -0,0 +1 @@ +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/style.css.map b/assets/style.css.map new file mode 100644 index 0000000..8d75751 --- /dev/null +++ b/assets/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"style.css"} \ No newline at end of file diff --git a/site/templates/shop.php b/assets/style.scss similarity index 100% rename from site/templates/shop.php rename to assets/style.scss diff --git a/site/blueprints/blocks/heading.yml b/site/blueprints/blocks/heading.yml deleted file mode 100644 index c17e29d..0000000 --- a/site/blueprints/blocks/heading.yml +++ /dev/null @@ -1,20 +0,0 @@ -name: field.blocks.heading.name -icon: title -wysiwyg: true -preview: heading -fields: - level: - label: field.blocks.heading.level - type: toggles - empty: false - default: "h2" - labels: false - options: - - value: h3 - icon: h3 - text: H3 - text: - label: field.blocks.heading.text - type: writer - inline: true - placeholder: field.blocks.heading.placeholder diff --git a/site/blueprints/blocks/image.yml b/site/blueprints/blocks/image.yml deleted file mode 100644 index 392715d..0000000 --- a/site/blueprints/blocks/image.yml +++ /dev/null @@ -1,27 +0,0 @@ -name: field.blocks.image.name -icon: image -preview: image -fields: - image: - label: field.blocks.image.name - type: files - query: model.images - multiple: false - image: - back: black - uploads: - template: blocks/image - alt: - label: field.blocks.image.alt - type: text - icon: title - help: Description de l’image, utile si elle ne s’affiche pas. Écrivez comme si vous expliquiez l'image à quelqu'un par téléphone. - caption: - label: field.blocks.image.caption - type: writer - icon: text - inline: true - link: - label: field.blocks.image.link - type: text - icon: url diff --git a/site/blueprints/blocks/text.yml b/site/blueprints/blocks/text.yml deleted file mode 100644 index 740ced6..0000000 --- a/site/blueprints/blocks/text.yml +++ /dev/null @@ -1,10 +0,0 @@ -name: field.blocks.text.name -icon: text -wysiwyg: true -preview: text -fields: - text: - type: writer - headings: - - 4 - placeholder: field.blocks.text.placeholder diff --git a/site/blueprints/pages/about.yml b/site/blueprints/pages/about.yml deleted file mode 100644 index 6f11445..0000000 --- a/site/blueprints/pages/about.yml +++ /dev/null @@ -1 +0,0 @@ -title: À propos diff --git a/site/blueprints/pages/home.yml b/site/blueprints/pages/home.yml deleted file mode 100644 index 06870fd..0000000 --- a/site/blueprints/pages/home.yml +++ /dev/null @@ -1 +0,0 @@ -title: Accueil diff --git a/site/blueprints/pages/impacts.yml b/site/blueprints/pages/impacts.yml deleted file mode 100644 index fad6765..0000000 --- a/site/blueprints/pages/impacts.yml +++ /dev/null @@ -1 +0,0 @@ -title: Impacts diff --git a/site/blueprints/pages/investigation.yml b/site/blueprints/pages/investigation.yml deleted file mode 100644 index ffa08e1..0000000 --- a/site/blueprints/pages/investigation.yml +++ /dev/null @@ -1,104 +0,0 @@ -title: Investigation -create: - fields: - - subtitle - -tabs: - contentTab: - label: Contenu - icon: page - columns: - - width: 2/6 - fields: - created: - label: Première publication - type: date - display: DD / MM / YYYY - default: today - width: 1/4 - - width: 4/6 - fields: - subtitle: - label: Sous-titre - type: text - chapo: - label: Chapo - type: writer - nodes: false - buttons: false - cover: - label: Visuel de couverture - type: files - multiple: false - min: 1 - layout: cards - size: full - image: - ratio: 12/7 - cover: true - body: - label: Corps - type: layout - layouts: - - "1/1" - - "1/2, 1/2" - - "1/3, 1/3, 1/3" - fieldsets: - - heading - - text - - image - metadataTab: - label: Métadonnées - icon: table - fields: - incidentDate: - label: Date de l'incident - type: date - display: DD / MM / YYYY - width: 1/3 - incidentLocation: - label: Lieu de l'incident - type: text - width: 1/3 - incidentConsequences: - label: Conséquence(s) - type: text - width: 1/3 - keywords: - label: Mots-clés - type: tags - width: 1/2 - partners: - label: Partenaires - type: structure - width: 1/2 - fields: - name: - label: Nom - type: text - link: - label: Lien - type: link - options: - - url - line: - type: line - indexTeam: - label: Équipe Index - type: structure - columns: - responsability: - width: 1/2 - names: - width: 1/2 - fields: - responsability: - label: Responsabilité - type: text - width: 1/2 - names: - label: Nom - type: entries - width: 1/2 - field: - type: text diff --git a/site/blueprints/pages/investigations.yml b/site/blueprints/pages/investigations.yml deleted file mode 100644 index 2aca985..0000000 --- a/site/blueprints/pages/investigations.yml +++ /dev/null @@ -1,17 +0,0 @@ -title: Investigations - -tabs: - contentTab: - label: Contenu - sections: - investigations: - type: pages - template: investigation - text: "{{ page.title }}, {{ page.subtitle }}" - info: "{{ page.incidentConsequences }} à {{ page.incidentLocation }}" - layout: cards - size: huge - search: true - image: - cover: true - ratio: 12/7 diff --git a/site/blueprints/pages/product.yml b/site/blueprints/pages/product.yml deleted file mode 100644 index 9963f7b..0000000 --- a/site/blueprints/pages/product.yml +++ /dev/null @@ -1,25 +0,0 @@ -title: Produit - -tabs: - contentTab: - columns: - - width: 1/3 - sections: - gallery: - label: Galerie - type: files - layout: cards - min: 1 - max: 1 - - width: 2/3 - fields: - price: - label: Prix - type: number - after: € - width: 1/3 - description: - type: writer - nodes: false - marks: false - width: 2/3 diff --git a/site/blueprints/pages/resources.yml b/site/blueprints/pages/resources.yml deleted file mode 100644 index 35ad676..0000000 --- a/site/blueprints/pages/resources.yml +++ /dev/null @@ -1 +0,0 @@ -title: Resources diff --git a/site/blueprints/pages/shop.yml b/site/blueprints/pages/shop.yml deleted file mode 100644 index 37ea190..0000000 --- a/site/blueprints/pages/shop.yml +++ /dev/null @@ -1,10 +0,0 @@ -title: Boutique - -tabs: - contentTab: - sections: - products: - label: Produits - type: pages - template: product - ratio: 4/3 diff --git a/site/blueprints/pages/support.yml b/site/blueprints/pages/support.yml deleted file mode 100644 index 8b6f16c..0000000 --- a/site/blueprints/pages/support.yml +++ /dev/null @@ -1,45 +0,0 @@ -title: Nous soutenir - -tabs: - contentTab: - sections: - supportFields: - type: fields - fields: - heroHeadline: - type: headline - label: Hero - heroMedia: - label: Media de couverture - type: files - multiple: false - layout: cards - help: image ou vidéo affichée dans le héro, sous la phrase d'accroche - heroCatchPhrase: - label: Phrase d'accroche - type: text - heroBaseline: - label: Baseline - type: text - donorLine: - type: line - donorHeadline: - label: Dons - type: headline - donorCatchPhrase: - label: Phrase d'accroche - type: text - FAQLine: - type: line - FAQHeadline: - label: Questions fréquentes - type: headline - FAQQuestions: - label: Questions / réponses - type: structure - fields: - question: - type: text - answer: - label: Réponse - type: text diff --git a/site/config/config.php b/site/config/config.php deleted file mode 100644 index 8e65d31..0000000 --- a/site/config/config.php +++ /dev/null @@ -1,34 +0,0 @@ - true, - 'thumbs' => [ - 'quality' => 80, - 'presets' => [ - 'grid' => 400, - 'default' => [ - 'width' => 1024, 'format' => 'webp' - ], - 'full' => 2048, - 'format' => 'webp' - ], - 'srcsets' => [ - 'default' => [200, 400, 600, 800, 1024, 1440, 2048], - 'webp' => [ - '300w' => ['width' => 300 * 1.2, 'format' => 'webp'], - '600w' => ['width' => 600 * 1.2, 'format' => 'webp'], - '900w' => ['width' => 900 * 1.2, 'format' => 'webp'], - '1200w' => ['width' => 1200 * 1.2, 'format' => 'webp'], - ], - ], - ], - 'panel' => [ - 'menu' => require_once __DIR__ . '/menu.php' - ], - 'donorbox' => [ - 'api_key' => '', // À remplir avec la clé API Donorbox - 'campaign_slug' => 'soutenir-index-en-2024', - 'campaign_url' => 'https://donorbox.org/soutenir-index-en-2024', - 'api_base_url' => 'https://donorbox.org/api/v1' - ] -]; \ No newline at end of file diff --git a/site/config/menu.php b/site/config/menu.php deleted file mode 100644 index a3f33c2..0000000 --- a/site/config/menu.php +++ /dev/null @@ -1,24 +0,0 @@ - [ - 'label' => 'Soutien', - 'icon' => 'money', - 'link' => 'pages/soutien', - 'current' => function ($current) { - $path = Kirby::instance()->request()->path()->toString(); - return Str::contains($path, 'pages/soutien'); - }, - ], - 'shop' => [ - 'label' => 'Boutique', - 'icon' => 'cart', - 'link' => 'pages/boutique', - 'current' => function ($current) { - $path = Kirby::instance()->request()->path()->toString(); - return Str::contains($path, 'pages/boutique'); - }, - ], - '-', - 'users' -]; \ No newline at end of file diff --git a/site/controllers/support.php b/site/controllers/support.php deleted file mode 100644 index d1b4138..0000000 --- a/site/controllers/support.php +++ /dev/null @@ -1,55 +0,0 @@ -option('donorbox'); - $apiKey = $config['api_key']; - $campaignSlug = $config['campaign_slug']; - - // Valeurs par défaut - $data = [ - 'amount_raised' => 0, - 'donor_count' => 0, - 'goal_amount' => 20000, // Objectif par défaut - 'percentage' => 0, - 'campaign_url' => $config['campaign_url'] - ]; - - // Si la clé API est configurée, récupérer les données en temps réel - if (!empty($apiKey)) { - try { - $apiUrl = $config['api_base_url'] . '/campaigns/' . $campaignSlug; - - $ch = curl_init(); - curl_setopt($ch, CURLOPT_URL, $apiUrl); - curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); - curl_setopt($ch, CURLOPT_HTTPHEADER, [ - 'Authorization: Bearer ' . $apiKey, - 'Content-Type: application/json' - ]); - - $response = curl_exec($ch); - $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); - curl_close($ch); - - if ($httpCode === 200 && $response) { - $campaignData = json_decode($response, true); - - if ($campaignData) { - $data['amount_raised'] = $campaignData['amount_raised'] ?? 0; - $data['donor_count'] = $campaignData['donor_count'] ?? 0; - $data['goal_amount'] = $campaignData['goal_amount'] ?? 20000; - - // Calculer le pourcentage - if ($data['goal_amount'] > 0) { - $data['percentage'] = round(($data['amount_raised'] / $data['goal_amount']) * 100, 0); - } - } - } - } catch (Exception $e) { - // En cas d'erreur, on garde les valeurs par défaut - // Optionnel : logger l'erreur - } - } - - return $data; -}; diff --git a/site/snippets/footer.php b/site/snippets/footer.php deleted file mode 100644 index 0e1fcd2..0000000 --- a/site/snippets/footer.php +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/site/snippets/header.php b/site/snippets/header.php deleted file mode 100644 index 0658cac..0000000 --- a/site/snippets/header.php +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - <?php if ($page->isHomePage() == false): ?> - <?= $page->title() ?> |  - <?php endif ?> - <?= $site->title() ?> - - - - - - diff --git a/site/snippets/nav.php b/site/snippets/nav.php deleted file mode 100644 index 6f82145..0000000 --- a/site/snippets/nav.php +++ /dev/null @@ -1,25 +0,0 @@ - \ No newline at end of file diff --git a/site/templates/about.php b/site/templates/about.php deleted file mode 100644 index 8e54641..0000000 --- a/site/templates/about.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/site/templates/home.php b/site/templates/home.php deleted file mode 100644 index 0b9d300..0000000 --- a/site/templates/home.php +++ /dev/null @@ -1,13 +0,0 @@ - - - - Donner 15€ mensuellement - - - Donner 10€ ponctuellement - - \ No newline at end of file diff --git a/site/templates/impacts.php b/site/templates/impacts.php deleted file mode 100644 index 8e54641..0000000 --- a/site/templates/impacts.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/site/templates/investigation.php b/site/templates/investigation.php deleted file mode 100644 index 8e54641..0000000 --- a/site/templates/investigation.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/site/templates/investigations.php b/site/templates/investigations.php deleted file mode 100644 index 8e54641..0000000 --- a/site/templates/investigations.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/site/templates/resources.php b/site/templates/resources.php deleted file mode 100644 index 8e54641..0000000 --- a/site/templates/resources.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/site/templates/support.php b/site/templates/support.php deleted file mode 100644 index 0ac014d..0000000 --- a/site/templates/support.php +++ /dev/null @@ -1,190 +0,0 @@ - - -
-
-
-
- - -
-
- -
-
-
- - -
-
-

Pour continuer à enquêter, Index a besoin de vous

-
-

Minutieuses et approfondies, nos enquêtes représentent des mois de travail par plusieurs membres de notre équipe. Tout ceci a un coût important.

- -
- -
- -
-

Donnateur·ices

-

-
- -
-

Objectif

-

-
-
- -

Soutenez-nous avant le 31 décembre 2021

- - - -

Le don donne droit à une réduction fiscale de 66%

-
- - -
-

Index est une ONG d’investigation à but non-lucratif. Vos dons garantissent notre indépendance.

- - - - - -

Le don donne droit à une réduction fiscale de 66%
Vous pouvez stopper votre don à tout moment

-
- - -
-

Commentaires de donnateur·ices

- -
-
-

Vous faites un travail admirable. Merci de faire avancer la Justice avec un grand J. Force à vous!

-

Olivier

-
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet.

-

Name

-
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet.

-

Name

-
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet.

-

Name

-
-
-
-
- - -
-

Questions fréquentes

- -
- Pourquoi faire un don à index ? -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

-
- -
- À quoi va servir mon don ? -

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rerum tempore exercitationem asperiores ipsam pariatur! Esse ab, at labore doloribus sit aperiam quidem beatae id unde facere totam perferendis quod itaque voluptatem aut officia laudantium, aliquid quis earum quisquam alias soluta voluptatibus, voluptate porro? Reprehenderit officia debitis suscipit ab deleniti possimus dignissimos error illum labore. Quos cumque modi alias repellendus, necessitatibus qui impedit nisi! Veritatis illo quod praesentium, voluptates explicabo accusantium reprehenderit ullam provident quaerat ipsum dignissimos molestias, deserunt voluptas dolor.

-
- -
- Pourquoi faire un don à index ? -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

-
- -
- Les dons sont-ils défiscalisables ? -

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rerum tempore exercitationem asperiores ipsam pariatur! Esse ab, at labore doloribus sit aperiam quidem beatae id unde facere totam perferendis quod itaque voluptatem aut officia laudantium, aliquid quis earum quisquam alias soluta voluptatibus.

-
- - -
- Index, c’est quoi au juste ? -

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rerum tempore exercitationem asperiores ipsam pariatur! Esse ab, at labore doloribus sit aperiam quidem beatae id unde facere totam perferendis quod itaque voluptatem aut officia laudantium, aliquid quis earum quisquam alias soluta voluptatibus, voluptate porro? Reprehenderit officia debitis suscipit ab deleniti possimus dignissimos error illum labore. Quos cumque modi alias repellendus, necessitatibus qui impedit nisi! Veritatis illo quod praesentium, voluptates explicabo accusantium reprehenderit ullam provident quaerat ipsum dignissimos molestias, deserunt voluptas dolor.

-
- - -
- -
-

Boutique

-

Vous pouvez également soutenir Index en commandant des articles disponibles sur notre boutique.

- -
- children() as $product): ?> -
- hasFiles()): ?> -
- -
- -

title() ?>

- description() ?> - -
- -
-
- -
-

Nous suivre

- -

Abonnez-vous
à la newsletter d’Index

-

Recevez nos dernière publications et actualités directement dans votre boite mail.

- - - -

Votre adresse e-mail est uniquement utilisée pour vous envoyer notre newsletter ainsi que les informations relatives aux activités d’INDEX. Vous pouvez vous désinscrire à tout moment à l’aide du lien inclus dans chaque email.

-
- -
-

Suivez Index sur les réseaux sociaux

- -
-
- \ No newline at end of file