Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining taxonomy scheme

Browse Source
This commit is contained in:
Antoine M 2023-09-28 17:57:31 +02:00
parent 6e8dacf4ff
commit bb406952a2
10 changed files with 924 additions and 416 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

935
css/app.css
View File

File diff suppressed because it is too large Load Diff

40
css/editor-style.css
View File

@ -212,17 +212,17 @@
.bg-patrimoine-renovation-light { .bg-patrimoine-renovation-light {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity)) background-color: rgb(248 242 255 / var(--tw-bg-opacity))
} }
.bg-location { .bg-location-renovation-circulaire {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity)) background-color: rgb(223 0 43 / var(--tw-bg-opacity))
} }
.bg-location-light { .bg-location-renovation-circulaire-light {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity)) background-color: rgb(254 245 246 / var(--tw-bg-opacity))
} }
.px-4 { .px-4 {
@ -332,17 +332,17 @@
.text-patrimoine-renovation-light { .text-patrimoine-renovation-light {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 229 253 / var(--tw-text-opacity)) color: rgb(248 242 255 / var(--tw-text-opacity))
} }
.text-location { .text-location-renovation-circulaire {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity)) color: rgb(223 0 43 / var(--tw-text-opacity))
} }
.text-location-light { .text-location-renovation-circulaire-light {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(254 226 231 / var(--tw-text-opacity)) color: rgb(254 245 246 / var(--tw-text-opacity))
} }
.antialiased { .antialiased {
@ -495,17 +495,7 @@ body {
.hover\:bg-patrimoine-renovation-light:hover { .hover\:bg-patrimoine-renovation-light:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity)) background-color: rgb(248 242 255 / var(--tw-bg-opacity))
}
.hover\:bg-location:hover {
--tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity))
}
.hover\:bg-location-light:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity))
} }
.hover\:text-primary:hover { .hover\:text-primary:hover {
@ -555,17 +545,7 @@ body {
.hover\:text-patrimoine-renovation-light:hover { .hover\:text-patrimoine-renovation-light:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 229 253 / var(--tw-text-opacity)) color: rgb(248 242 255 / var(--tw-text-opacity))
}
.hover\:text-location:hover {
--tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity))
}
.hover\:text-location-light:hover {
--tw-text-opacity: 1;
color: rgb(254 226 231 / var(--tw-text-opacity))
} }
@media (min-width: 782px) { @media (min-width: 782px) {

3
includes/utilities.php
View File

@ -31,8 +31,9 @@ function getThematiqueFamilySlug($thematique_slug)
return "patrimoine-renovation"; return "patrimoine-renovation";
case "location": case "location":
case "renovation-circulaire":
case "verhuur": case "verhuur":
return "location"; return "location-renovation-circulaire";
} }
} }

274
resources/css/editor-content/color-taxonomy-scheme.css
View File

@ -1,7 +1,14 @@
.entry-content--acoustique-coproprietes, /* -------------------------------------------------
body.acoustique-coproprietes, BLUE SCHEME — PETITES COPROPRIÉTÉS & ACOUSTIQUE
.post-conseil-page--acoustique-coproprietes, ---------------------------------------------------*/
.post-question-page--acoustique-coproprietes { body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique {
h2, h2,
h3, h3,
h4, h4,
@ -11,12 +18,6 @@ body.acoustique-coproprietes,
@apply text-acoustique-coproprietes; @apply text-acoustique-coproprietes;
} }
.homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-acoustique-coproprietes-light;
}
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
@ -24,17 +25,57 @@ body.acoustique-coproprietes,
ul li:before { ul li:before {
@apply bg-acoustique-coproprietes; @apply bg-acoustique-coproprietes;
} }
.homegrade-blocks-highlight {
@apply bg-acoustique-coproprietes-light;
}
.tooltip-word { .tooltip-word {
@apply !decoration-acoustique-coproprietes; @apply !decoration-acoustique-coproprietes;
} }
.homegrade-blocks-aside { .homegrade-blocks-aside {
@apply border-acoustique-coproprietes; @apply border-acoustique-coproprietes;
} }
.post-conseils-chapter-header {
&__infos {
p {
@apply text-acoustique-coproprietes;
}
}
time {
@apply text-acoustique-coproprietes;
}
}
} }
.entry-content--energies-urbanisme,
body.energies-urbanisme, /* PETITES COPROPRIÉTÉS — SPECIFIC */
.post-conseil-page--energies-urbanisme, body.petites-coproprietes,
.post-question-page--energies-urbanisme { .entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-blue);
}
}
/* ACOUSTIQUE — SPECIFIC */
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique {
.post-conseils-chapter-header {
@apply bg-acoustique-coproprietes-light;
}
}
/* -----------------------------------
GREEN SCHEME — ÉNERGIES & URBANISME
-------------------------------------*/
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies {
h2, h2,
h3, h3,
h4, h4,
@ -45,7 +86,6 @@ body.energies-urbanisme,
@apply text-energies-urbanisme; @apply text-energies-urbanisme;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight,
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header { .post-conseils-chapter-header {
@apply bg-energies-urbanisme-light; @apply bg-energies-urbanisme-light;
} }
@ -62,11 +102,48 @@ body.energies-urbanisme,
.homegrade-blocks-aside { .homegrade-blocks-aside {
@apply border-energies-urbanisme; @apply border-energies-urbanisme;
} }
.post-conseils-chapter-header {
&__infos {
p {
@apply text-energies-urbanisme;
}
}
time {
@apply text-energies-urbanisme;
}
}
} }
.entry-content--isolation-quotidien,
body.isolation-quotidien, /* URBANISME — SPECIFIC */
.post-conseil-page--isolation-quotidien, body.urbanisme,
.post-question-page--isolation-quotidien { .entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-green);
}
}
/* ENERGIES — SPECIFIC */
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies {
.post-conseils-chapter-header {
@apply bg-energies-urbanisme-light;
}
}
/* ----------------------------------------
YELLOW SCHEME — ISOLATION & AU QUOTIDIEN
------------------------------------------*/
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation {
h2, h2,
h3, h3,
h4, h4,
@ -76,9 +153,7 @@ body.isolation-quotidien,
ul li::marker { ul li::marker {
@apply text-isolation-quotidien; @apply text-isolation-quotidien;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight {
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-isolation-quotidien-light; @apply bg-isolation-quotidien-light;
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
@ -94,11 +169,46 @@ body.isolation-quotidien,
.homegrade-blocks-aside { .homegrade-blocks-aside {
@apply border-isolation-quotidien; @apply border-isolation-quotidien;
} }
.post-conseils-chapter-header {
&__infos {
p {
@apply text-isolation-quotidien;
}
}
time {
@apply text-isolation-quotidien;
}
}
} }
.entry-content--patrimoine-renovation,
body.patrimoine-renovation, /* AU QUOTIDIEN — SPECIFIC */
.post-conseil-page--patrimoine-renovation, body.au-quotidien,
.post-question-page--patrimoine-renovation { .entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-yellow);
}
}
/* ISOLATION — SPECIFIC */
body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation {
.post-conseils-chapter-header {
@apply bg-isolation-quotidien-light;
}
}
/* ----------------------------------------
PURPLE SCHEME — PATRIMOINE
------------------------------------------*/
body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine {
h2, h2,
h3, h3,
h4, h4,
@ -108,9 +218,7 @@ body.patrimoine-renovation,
ul li::marker { ul li::marker {
@apply text-patrimoine-renovation; @apply text-patrimoine-renovation;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight {
.homegrade-blocks-chapter-header-block,
.post-conseils-chapter-header {
@apply bg-patrimoine-renovation-light; @apply bg-patrimoine-renovation-light;
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
@ -126,11 +234,46 @@ body.patrimoine-renovation,
.homegrade-blocks-aside { .homegrade-blocks-aside {
@apply border-patrimoine-renovation; @apply border-patrimoine-renovation;
} }
.post-conseils-chapter-header {
&__infos {
p {
@apply text-patrimoine-renovation;
}
}
time {
@apply text-patrimoine-renovation;
}
}
} }
.entry-content--location,
body.renovation,
.entry-content--newpurplethematic,
.post-conseil-page--newpurplethematic,
.post-question-page--newpurplethematic {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-purple);
}
}
body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine {
.post-conseils-chapter-header {
@apply bg-patrimoine-renovation-light;
}
}
/* ----------------------------------------
RED SCHEME — LOCATION
------------------------------------------*/
body.location, body.location,
.entry-content--location,
.post-conseil-page--location, .post-conseil-page--location,
.post-question-page--location { .post-question-page--location,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
h2, h2,
h3, h3,
h4, h4,
@ -138,24 +281,77 @@ body.location,
h6, h6,
ol li::marker, ol li::marker,
ul li::marker { ul li::marker {
@apply text-location; @apply text-location-renovation-circulaire;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight {
.homegrade-blocks-chapter-header-block, @apply bg-location-renovation-circulaire-light;
.post-conseils-chapter-header {
@apply bg-location-light;
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
.wp-block-button__link { .wp-block-button__link {
@apply bg-location; @apply bg-location-renovation-circulaire;
} }
.tooltip-word { .tooltip-word {
@apply !decoration-location; @apply !decoration-location-renovation-circulaire;
} }
.homegrade-blocks-aside { .homegrade-blocks-aside {
@apply border-location; @apply border-location-renovation-circulaire;
}
.post-conseils-chapter-header {
&__infos {
p {
@apply text-location-renovation-circulaire;
}
}
time {
@apply text-location-renovation-circulaire;
}
}
}
/* RENOVATION CIRCULAIRE — SPECIFIC */
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
.post-conseils-chapter-header {
background: var(--wp--preset--gradient--gradient-red);
}
}
/* LOCATION — SPECIFIC */
body.location,
.entry-content--location,
.post-conseil-page--location,
.post-question-page--location {
.post-conseils-chapter-header {
@apply bg-location-renovation-circulaire-light;
}
}
/* WHITE TEXT ON GRADIENTS COVER */
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire {
.post-conseils-chapter-header {
p,
h1 {
@apply text-white;
}
} }
} }

9
single-conseils.php
View File

@ -20,7 +20,6 @@ function build_chapter_index($blocks)
]); ]);
} }
} }
write_log($chapterBlockIndex);
return $chapterBlockIndex; return $chapterBlockIndex;
} }
?> ?>
@ -31,7 +30,8 @@ function build_chapter_index($blocks)
<?php <?php
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0]; $thematique = get_the_terms(get_the_ID(), 'thematiques')[0];
$thematiqueParent = getParentThematique($thematique); $thematiqueParent = getParentThematique($thematique);
$thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug); // $thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug);
$thematiqueColorSlug = $thematiqueParent->slug;
?> ?>
<div class="post-conseil-page-container <?php echo $thematiqueColorSlug ? "post-conseil-page--" . $thematiqueColorSlug : "" ?>""> <div class="post-conseil-page-container <?php echo $thematiqueColorSlug ? "post-conseil-page--" . $thematiqueColorSlug : "" ?>"">
<?php <?php
@ -64,13 +64,8 @@ function build_chapter_index($blocks)
<article class="entry-content single-editor-content <?php echo $thematiqueColorSlug ? "entry-content--" . $thematiqueColorSlug : "" ?>"> <article class="entry-content single-editor-content <?php echo $thematiqueColorSlug ? "entry-content--" . $thematiqueColorSlug : "" ?>">
<?php the_content() ?> <?php the_content() ?>
</article> </article>
<!-- VOCABULAIRE -->
<div class="vocabulaire-index">
</div>
</div> </div>
</div> </div>
<?php endwhile; ?> <?php endwhile; ?>

29
tailwind.config.js
View File

@ -30,10 +30,10 @@ module.exports = {
'text-patrimoine-renovation', 'text-patrimoine-renovation',
'bg-patrimoine-renovation-light', 'bg-patrimoine-renovation-light',
'text-patrimoine-renovation-light', 'text-patrimoine-renovation-light',
'bg-location', 'bg-location-renovation-circulaire',
'text-location', 'text-location-renovation-circulaire',
'bg-location-light', 'bg-location-renovation-circulaire-light',
'text-location-light', 'text-location-renovation-circulaire-light',
'hover:bg-primary', 'hover:bg-primary',
'hover:text-primary', 'hover:text-primary',
'hover:bg-secondary', 'hover:bg-secondary',
@ -68,28 +68,15 @@ module.exports = {
}, },
}, },
extend: { extend: {
colors: tailpress.colorMapper( colors: tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)),
tailpress.theme('settings.color.palette', theme) fontSize: tailpress.fontSizeMapper(tailpress.theme('settings.typography.fontSizes', theme)),
),
fontSize: tailpress.fontSizeMapper(
tailpress.theme(
'settings.typography.fontSizes',
theme
)
),
}, },
screens: { screens: {
xs: '480px', xs: '480px',
sm: '600px', sm: '600px',
md: '782px', md: '782px',
lg: tailpress.theme( lg: tailpress.theme('settings.layout.contentSize', theme),
'settings.layout.contentSize', xl: tailpress.theme('settings.layout.wideSize', theme),
theme
),
xl: tailpress.theme(
'settings.layout.wideSize',
theme
),
'2xl': '1440px', '2xl': '1440px',
}, },
}, },

7
template-components/post-conseils/chapter-header.css
View File

@ -25,5 +25,12 @@
.cta { .cta {
@apply my-8; @apply my-8;
} }
time {
@apply bg-white block py-2 mt-6 px-6 w-fit rounded-3xl;
} }
}
/* .post-conseil-page--acoustique & {
@apply !bg-pink-500;
} */
} }

6
template-components/post-conseils/chapter-header.php
View File

@ -32,9 +32,9 @@ $relatedBrochure = get_field('brochure_pdf', $relatedBrochuresPosts[0]->ID) ?? n
<div class="post-conseils-chapter-header__infos"> <div class="post-conseils-chapter-header__infos">
<?php if ($thematique->parent == 0) : ?> <?php if ($thematique->parent == 0) : ?>
<p class="post-conseils-chapter-header__page-thematic-title <?php echo "text-" . getThematiqueFamilySlug($thematique_generale->slug) ?>"><?php echo __("Les conseillers Homegrade vous guident", "homegrade-theme__bloks-texte-fonctionnel") ?></p> <p class="post-conseils-chapter-header__page-thematic-title"><?php echo __("Les conseillers Homegrade vous guident", "homegrade-theme__bloks-texte-fonctionnel") ?></p>
<?php else : ?> <?php else : ?>
<p class="post-conseils-chapter-header__page-thematic-title <?php echo "text-" . getThematiqueFamilySlug($thematique_generale->slug) ?>"><?php echo $thematique_generale->name ?></p> <p class="post-conseils-chapter-header__page-thematic-title "><?php echo $thematique_generale->name ?></p>
<?php endif; ?> <?php endif; ?>
@ -44,7 +44,7 @@ $relatedBrochure = get_field('brochure_pdf', $relatedBrochuresPosts[0]->ID) ?? n
<a class="cta cta--primary cta--button" href="<?php echo $relatedBrochure['url'] ?>" target="_blank">Télécharger la brochure <?php echo $relatedBrochures[0]->post_title ?></a> <a class="cta cta--primary cta--button" href="<?php echo $relatedBrochure['url'] ?>" target="_blank">Télécharger la brochure <?php echo $relatedBrochures[0]->post_title ?></a>
<?php endif; ?> <?php endif; ?>
<?php if ($lastUpdate) : ?> <?php if ($lastUpdate) : ?>
<time>Dernière mise à jour : <?php echo $lastUpdate ?></time> <time><?php echo __("Mis à jour le", "homegrade-theme__texte-fonctionnel") . " " . "$lastUpdate" ?></time>
<?php endif; ?> <?php endif; ?>

35
theme.json
View File

@ -82,17 +82,44 @@
{ {
"name": "Patrimoine / Rénovation | Light", "name": "Patrimoine / Rénovation | Light",
"slug": "patrimoine-renovation-light", "slug": "patrimoine-renovation-light",
"color": "#FFE5FD" "color": "#F8F2FF"
}, },
{ {
"name": "Location / Rénovation Circulaire", "name": "Location / Rénovation Circulaire",
"slug": "location", "slug": "location-renovation-circulaire",
"color": "#DF002B" "color": "#DF002B"
}, },
{ {
"name": "Location | Light", "name": "Location | Light",
"slug": "location-light", "slug": "location-renovation-circulaire-light",
"color": "#FEE2E7" "color": "#FEF5F6"
}
],
"gradients": [
{
"slug": "gradient-blue",
"gradient": "linear-gradient(160deg, #3C75FF, #0BB1FF)",
"name": "Blue Gradient"
},
{
"slug": "gradient-green",
"gradient": "linear-gradient(160deg, #008050, #09D17B)",
"name": "Green Gradient"
},
{
"slug": "gradient-red",
"gradient": "linear-gradient(160deg, #F40634, #FF928B)",
"name": "Red Gradient"
},
{
"slug": "gradient-yellow",
"gradient": "linear-gradient(160deg, #D44A00, #FE9000)",
"name": "Yellow Gradient"
},
{
"slug": "gradient-purple",
"gradient": "linear-gradient(160deg, #8B2FF7, #EB79FF)",
"name": "Purple Gradient"
} }
] ]
}, },