PHP dynamique + cache JSON, nettoyage CSS/HTML, CI Forgejo
- Renommage classes/IDs (BEM cohérent, anglais, noms sémantiques) - Correction HTML : h3→h2 FAQ, button>a→a[role=button] CTA mobile - Conversion index.html → index.php (FR/EN) avec cache JSON depuis API Kirby - Pages merci/thanks converties en PHP dynamique - Ajout includes/cache.php + includes/config.php (cache TTL 5min) - Ajout CI Forgejo (deploy FTP via lftp) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown
parent
119c98edab
commit
322d9136b6
29 changed files with 917 additions and 1485 deletions
|
|
@ -1,4 +1,4 @@
|
|||
#btn--don__mobile {
|
||||
#donation-cta-mobile {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn--don {
|
||||
.donation-cta {
|
||||
--vertical-padding: 0.5ch;
|
||||
height: calc(var(--h-block) + var(--vertical-padding));
|
||||
border-radius: calc(var(--h-block) / 1);
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.form__newsletter{
|
||||
.newsletter-form{
|
||||
--size: 24px;
|
||||
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.gauge__container {
|
||||
.gauge-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.gauge--infos {
|
||||
.gauge-info {
|
||||
.property {
|
||||
font-size: var(--fs-small);
|
||||
padding-bottom: 3px;
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
#gauge--infos__donors {
|
||||
#gauge-info--supporters {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.gauge--infos {
|
||||
.gauge-info {
|
||||
.property {
|
||||
font-size: var(--fs-small);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
[data-template="support"],
|
||||
[data-template="store"]{
|
||||
|
||||
.p__baseline-big{
|
||||
.hero-heading{
|
||||
font-family: var(--title);
|
||||
font-size: var(--fs-big);
|
||||
font-weight: var(--fw-bold);
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.p__baseline{
|
||||
.subheading{
|
||||
font-size: var(--fs-medium);
|
||||
font-weight: var(--fw-medium);
|
||||
line-height: 1.1;
|
||||
|
|
@ -44,13 +44,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.p__details{
|
||||
.text-details{
|
||||
font-size: var(--fs-small);
|
||||
margin-bottom: 0.5em;
|
||||
color: var(--grey-400);
|
||||
}
|
||||
|
||||
.section__heading{
|
||||
.section-heading{
|
||||
font-size: var(--fs-normal);
|
||||
font-weight: var(--fw-medium);
|
||||
line-height: 1;
|
||||
|
|
|
|||
|
|
@ -19,12 +19,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.p__small{
|
||||
.text-small{
|
||||
font-size: var(--fs-x-small);
|
||||
// margin-top: calc(var(--spacing)*0.5)
|
||||
}
|
||||
|
||||
#list-socials {
|
||||
#socials-list {
|
||||
list-style: none;
|
||||
columns: 2;
|
||||
max-width: 500px;
|
||||
|
|
@ -68,10 +68,10 @@
|
|||
|
||||
@media #{$small}{
|
||||
margin-top: calc(var(--spacing)*2);
|
||||
.footer__socials{
|
||||
.footer-socials{
|
||||
margin-top: calc(var(--spacing)*1.5);
|
||||
}
|
||||
.footer__mentions{
|
||||
.footer-mentions{
|
||||
margin-top: calc(var(--spacing)*0.5);
|
||||
p{
|
||||
// font-size: var(--font-size);
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
|
||||
@media #{$small-up}{
|
||||
|
||||
.site-footer__container{
|
||||
.footer-container{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: calc(var(--spacing)*2);
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer__mentions{
|
||||
.footer-mentions{
|
||||
grid-column: span 2;
|
||||
text-align: center;
|
||||
p{
|
||||
|
|
@ -105,13 +105,13 @@
|
|||
}
|
||||
|
||||
@media #{$medium-up}{
|
||||
.site-footer__container{
|
||||
.footer-container{
|
||||
column-gap: calc(var(--spacing)*4);
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$small}{
|
||||
.footer__mentions{
|
||||
.footer-mentions{
|
||||
padding-top: calc(var(--spacing)*1);
|
||||
p{ margin-top: 0;}
|
||||
|
||||
|
|
|
|||
1312
assets/css/style.css
1312
assets/css/style.css
File diff suppressed because one or more lines are too long
|
|
@ -3,7 +3,7 @@
|
|||
margin-bottom: calc(var(--spacing) * 2);
|
||||
}
|
||||
|
||||
.p__baseline-big {
|
||||
.hero-heading {
|
||||
margin-top: calc(var(--spacing) * 2);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
padding-top: calc(var(--spacing) * 0.5);
|
||||
border-top: var(--border-light);
|
||||
|
||||
.p__baseline-big {
|
||||
.hero-heading {
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
[data-template="thanks"]{
|
||||
.p__baseline-big {
|
||||
.hero-heading {
|
||||
margin-top: calc(var(--spacing) * 3);
|
||||
margin-bottom: calc(var(--spacing) * 3);
|
||||
// font-size: var(--fs-x-big);
|
||||
}
|
||||
|
||||
.p__baseline {
|
||||
.subheading {
|
||||
// font-size: var(--fs-big);
|
||||
text-align: left;
|
||||
max-width: 800px;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
margin-bottom: calc(var(--spacing)*4);
|
||||
|
||||
|
||||
.form__newsletter{
|
||||
.newsletter-form{
|
||||
margin: calc(var(--spacing)*1) 0;
|
||||
|
||||
input[type="email"]{
|
||||
|
|
@ -34,13 +34,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.p__baseline{
|
||||
.subheading{
|
||||
max-width: 52ch;
|
||||
// margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.p__details{
|
||||
.text-details{
|
||||
color: var(--color-txt);
|
||||
max-width: 80ch;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
padding: calc(var(--spacing)*0.5) 0;
|
||||
}
|
||||
|
||||
.gauge__container{
|
||||
.gauge-container{
|
||||
padding-top: calc(var(--spacing)*1);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
.comment__text{
|
||||
.comment-text{
|
||||
font-size: var(--fs-medium);
|
||||
font-weight: var(--fw-medium);
|
||||
line-height: var(--leading-tight);
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.comment__name {
|
||||
.comment-name {
|
||||
margin-top: calc(var(--spacing)*0.5);
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.comments-slider__dots{
|
||||
.comments-dots{
|
||||
position: absolute;
|
||||
bottom: 10px; /* espace du bas */
|
||||
left: 0;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
|
||||
|
||||
.btn--donation__container{
|
||||
.donation-grid{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: calc(var(--padding-body)*0.75);
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
max-width: 420px;
|
||||
}
|
||||
|
||||
.btn--donation__grow-2{
|
||||
.donation-btn--full{
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
|
||||
|
||||
.btn--donation{
|
||||
.donation-btn{
|
||||
background-color: var(--color-txt);
|
||||
color: var(--color-bg);
|
||||
border-radius: var(--radius-small);
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
#section__video{
|
||||
margin-bottom: calc(var(--spacing)*2);
|
||||
|
||||
.btn__deploy{
|
||||
.btn-expand{
|
||||
margin-top: calc(var(--spacing)*1);
|
||||
--size: var(--h-block);
|
||||
font-family: var(--font);
|
||||
|
|
@ -45,13 +45,13 @@
|
|||
}
|
||||
|
||||
|
||||
.videos__ul{
|
||||
.testimonies-list{
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
margin-top: calc(var(--spacing)*1);
|
||||
display: none;
|
||||
|
||||
.videos__li{
|
||||
.testimony-item{
|
||||
|
||||
position: relative;
|
||||
padding-left: 40px;
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
cursor: pointer;
|
||||
|
||||
@media screen and (max-width: 520px){
|
||||
.br-desktop{ display: none; }
|
||||
.desktop-break{ display: none; }
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -96,9 +96,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
#videos__input{ display: none }
|
||||
#testimonies-toggle{ display: none }
|
||||
|
||||
#videos__input:checked ~ .videos__ul{
|
||||
#testimonies-toggle:checked ~ .testimonies-list{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue