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

Compare commits

base: Antoine:888c943d5511fe7e036345c9c7e6482ddf4a491a
Branches Tags
Antoine:main
..
compare: Antoine:8fe3112d1a35eecc35b89df7ecd77107589519ec
Branches Tags
Antoine:main

No commits in common. "888c943d5511fe7e036345c9c7e6482ddf4a491a" and "8fe3112d1a35eecc35b89df7ecd77107589519ec" have entirely different histories.
888c943d55 ... 8fe3112d1a

25 changed files with 15 additions and 419 deletions
Show Stats Expand all files Collapse all files

11
front-page.php
View File

@ -1,19 +1,14 @@
<?php get_header(); ?> <?php get_header(); ?>
<?php
get_template_part('template-components/notifications/notifications-popup');
?>
<?php if (have_posts()) : ?> <?php if (have_posts()) : ?>
<?php <?php
while (have_posts()) : while (have_posts()) :
the_post(); the_post();
the_content(); the_content();
?> ?>
<?php endwhile; ?> <?php endwhile; ?>
<?php endif; ?> <?php endif; ?>

3
includes/admin.php
View File

@ -14,8 +14,7 @@ function register_theme_settings_option_page()
// Register options page. // Register options page.
$homegrade_option_page = acf_add_options_page(array( $homegrade_option_page = acf_add_options_page(array(
'page_title' => __('Paramètres & Outils', 'homegrade-theme__texte-backoffice'), 'page_title' => __('Paramètres & Outils', 'homegrade-theme__texte-backoffice'),
'menu_title' => __('Paramètres', 'homegrade-theme__texte-backoffice'), 'menu_title' => __('Paramètres & Outils', 'homegrade-theme__texte-backoffice'),
'menu_slug' => 'theme-general-settings', 'menu_slug' => 'theme-general-settings',
'capability' => 'activate_plugins', 'capability' => 'activate_plugins',
'redirect' => false, 'redirect' => false,

2
includes/wysiwyg.php
View File

@ -13,7 +13,7 @@ function enqueue_light_toolbar($toolbars)
} }
// remove the 'Basic' toolbar completely // remove the 'Basic' toolbar completely
// unset($toolbars['Basic']); unset($toolbars['Basic']);
// return $toolbars - IMPORTANT! // return $toolbars - IMPORTANT!
return $toolbars; return $toolbars;

3
resources/css/app.css
View File

@ -11,7 +11,6 @@
/* ########### BASE ############ */ /* ########### BASE ############ */
@import './base/typography.css'; @import './base/typography.css';
@import './base/generalites.css'; @import './base/generalites.css';
@import './base/links.css';
@import './base/thematiques-colors.css'; @import './base/thematiques-colors.css';
/* ########### COMPONENTS ############ */ /* ########### COMPONENTS ############ */
@ -39,7 +38,6 @@
@import './components/forms/forms.css'; @import './components/forms/forms.css';
@import './components/complianz-consent.css'; @import './components/complianz-consent.css';
@import '../../template-components/notifications/notifications-popup.css';
@import '../../template-components/cards/card-news.css'; @import '../../template-components/cards/card-news.css';
@import '../../template-components/cards/card-frequent_question.css'; @import '../../template-components/cards/card-frequent_question.css';
@import '../../template-components/cards/card-conseils-thematique.css'; @import '../../template-components/cards/card-conseils-thematique.css';
@ -118,7 +116,6 @@
@import './blocks/parcours-chapter.css'; @import './blocks/parcours-chapter.css';
@import './blocks/parcours-renovateur.css'; @import './blocks/parcours-renovateur.css';
@import './blocks/page-card.css'; @import './blocks/page-card.css';
@import './blocks/lightbox-gallery.css';
/* Home */ /* Home */
@import './blocks/home-header.css'; @import './blocks/home-header.css';

4
resources/css/base/generalites.css
View File

@ -69,3 +69,7 @@ details[open] summary .open-close-icon {
right: unset; right: unset;
left: 20px; left: 20px;
} }
:root :where(a:where(:not(.wp-element-button))) {
text-decoration: unset;
}

93
resources/css/base/links.css
View File

@ -1,93 +0,0 @@
:root :where(a:where(:not(.wp-element-button))) {
text-decoration: unset;
}
/* a:not(
.cta--secondary,
.wp-block-button__link,
.cta,
.homegrade-blocks-lien-chapitre__cta,
.breadcrumbs_navigation a,
.share-link,
.previous-next-posts__link
) {
/* &[rel='noreferrer noopener'] {
&:after {
@apply ml-2 inline-block;
content: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
transform: translateY(1px);
}
} */
/* } */
/* EXTERNAL LINKS IN NEW TAB */
main
a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
:has(img)
) {
&:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
@apply inline items-center;
@apply px-2 py-1 first-letter:text-primary underline font-bold relative rounded-md;
&:after {
@apply ml-2 inline-block;
transform: translateY(-13px);
html[lang='fr-FR'] & {
content: " S'ouvre dans un nouvel onglet ";
}
html[lang='nl-NL'] & {
content: ' Opent in een nieuw tabblad';
}
@apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
font-size: 0 !important;
text-indent: -9999px;
background-image: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
}
&:hover {
background: rgba(239, 239, 239, 1);
}
}
}
/* INTERNAL LINKS TO A PDF */
a[href$='.pdf']:is(a[href*='homegrade\.local'], a[href*='homegrade\.brussels']):not(
.cta,
.brochure-link-format,
) {
@apply inline-flex items-center;
&:after {
html[lang='fr-FR'] & {
content: 'Télécharger';
}
html[lang='nl-NL'] & {
content: 'Downloaden';
}
@apply w-4 h-4 inline-block ml-2 bg-center bg-no-repeat;
font-size: 0 !important;
text-indent: -9999px;
background-image: url('../resources/img/graphic-assets/icon_brochure_download.svg');
}
}
.external-link {
&:after {
@apply ml-2 inline-block;
content: url('../resources/img/graphic-assets/icone-external-link-black.svg');
transform: translateY(1px);
}
}
.homegrade-blocks-highlight {
a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
:has(img)
) {
&:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
&:hover {
background: none;
}
}
}
}

77
resources/css/blocks/lightbox-gallery.css
View File

@ -1,77 +0,0 @@
.lightbox-gallery {
@apply grid sm:grid-cols-2 lg:grid-cols-3 gap-6;
img {
@apply h-full w-full object-cover max-h-80;
}
&__picture {
@apply pointer-events-none;
}
}
.lightbox {
@apply fixed inset-0 w-full h-full z-40 bg-opacity-75 flex items-start justify-center;
/* backdrop-filter: blur(10px) lightness(20%); */
backdrop-filter: brightness(50%) blur(1px);
overflow-y: auto;
animation: lightboxIn 0.5s;
&--inactive {
@apply hidden;
}
&__prev,
&__next {
@apply absolute top-1/2 transform -translate-y-1/2 z-50;
transition: all 0.3s;
&:hover {
@apply scale-110;
}
}
&__prev {
@apply left-8;
img {
@apply rotate-180;
}
}
&__next {
@apply right-8;
}
&__close {
@apply absolute flex items-center top-0 right-0 m-4 text-neutral-900 text-base font-bold;
&:after {
@apply w-4 h-4 ml-4;
content: '';
display: inline-block;
background-image: url('../resources/img/graphic-assets/cross-close.svg');
background-size: contain;
background-repeat: no-repeat;
}
}
&__container {
@apply relative flex justify-center items-center bg-white;
width: 90%;
height: fit-content;
min-height: 90vh;
@apply my-4 mx-auto;
}
&__current-picture {
img {
@apply h-full w-full max-w-xl;
max-height: 60vh;
}
}
}
@keyframes lightboxIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

13
resources/css/blocks/plus-loin.css
View File

@ -31,17 +31,4 @@
.brochure-download-icon { .brochure-download-icon {
filter: invert(97%) sepia(97%) saturate(0%) hue-rotate(55deg) brightness(104%) contrast(105%); filter: invert(97%) sepia(97%) saturate(0%) hue-rotate(55deg) brightness(104%) contrast(105%);
} }
/* NEW TAB LINKS */
a[target='_blank']:not([href*='homegrade\.local']):not([href*='homegrade\.brussels']):not(
:has(img)
) {
&:not(.cta--primary, .cta--secondary, .cta--button, .wp-block-button__link) {
&:after {
background-image: url('../resources/img/graphic-assets/icone-external-link-purple.svg');
filter: invert(97%) sepia(97%) saturate(0%) hue-rotate(55deg) brightness(104%)
contrast(105%);
}
}
}
} }

3
resources/css/components/cta.css
View File

@ -10,9 +10,6 @@
@apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer; @apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer;
text-decoration: none !important; text-decoration: none !important;
} }
&--button--mini {
@apply px-5 py-3;
}
&--circular { &--circular {
@apply rounded-full focus:rounded-full aspect-square w-12 flex items-center justify-center; @apply rounded-full focus:rounded-full aspect-square w-12 flex items-center justify-center;
outline-offset: 5px !important; outline-offset: 5px !important;

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

@ -41,7 +41,6 @@ body.akoestiek,
@apply text-acoustique-coproprietes; @apply text-acoustique-coproprietes;
} }
.homegrade-blocks-highlight--classic { .homegrade-blocks-highlight--classic {
a[target='_blank']:not(.wp-block-button__link),
a[rel='noopener']:not(.wp-block-button__link) { a[rel='noopener']:not(.wp-block-button__link) {
@apply !text-acoustique-coproprietes; @apply !text-acoustique-coproprietes;
} }
@ -184,7 +183,6 @@ body.energie,
@apply text-energies-urbanisme; @apply text-energies-urbanisme;
} }
.homegrade-blocks-highlight--classic { .homegrade-blocks-highlight--classic {
a[target='_blank']:not(.wp-block-button__link),
a[rel='noopener']:not(.wp-block-button__link) { a[rel='noopener']:not(.wp-block-button__link) {
@apply !text-energies-urbanisme; @apply !text-energies-urbanisme;
} }
@ -333,7 +331,6 @@ body.isolation,
@apply text-isolation-quotidien; @apply text-isolation-quotidien;
} }
.homegrade-blocks-highlight--classic { .homegrade-blocks-highlight--classic {
a[target='_blank']:not(.wp-block-button__link),
a[rel='noopener']:not(.wp-block-button__link) { a[rel='noopener']:not(.wp-block-button__link) {
@apply !text-isolation-quotidien; @apply !text-isolation-quotidien;
} }
@ -479,7 +476,6 @@ body.gezondheid-en-veiligheid,
@apply text-patrimoine-sante-securite; @apply text-patrimoine-sante-securite;
} }
.homegrade-blocks-highlight--classic { .homegrade-blocks-highlight--classic {
a[target='_blank']:not(.wp-block-button__link),
a[rel='noopener']:not(.wp-block-button__link) { a[rel='noopener']:not(.wp-block-button__link) {
@apply !text-patrimoine-sante-securite; @apply !text-patrimoine-sante-securite;
} }
@ -637,7 +633,6 @@ body.duurzaamheid,
@apply text-location-durabilite; @apply text-location-durabilite;
} }
.homegrade-blocks-highlight--classic { .homegrade-blocks-highlight--classic {
a[target='_blank']:not(.wp-block-button__link),
a[rel='noopener']:not(.wp-block-button__link) { a[rel='noopener']:not(.wp-block-button__link) {
@apply !text-location-durabilite; @apply !text-location-durabilite;
} }
@ -831,14 +826,6 @@ body.duurzaamheid,
.filter-secondary { .filter-secondary {
filter: invert(17%) sepia(69%) saturate(4735%) hue-rotate(351deg) brightness(94%) contrast(94%); filter: invert(17%) sepia(69%) saturate(4735%) hue-rotate(351deg) brightness(94%) contrast(94%);
} }
.filter-primary {
filter: invert(17%) sepia(7%) saturate(6574%) hue-rotate(235deg) brightness(106%) contrast(137%);
}
.filter-white {
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.thematique-tag { .thematique-tag {
&--isolation, &--isolation,
&--isolatie, &--isolatie,

7
resources/css/editor-content/gutenberg.css
View File

@ -147,7 +147,7 @@ article > *:not(.entry-content, .chapter-header-block),
margin-top: 9px; margin-top: 9px;
} }
/* a:not( a:not(
.cta--secondary, .cta--secondary,
.wp-block-button__link, .wp-block-button__link,
.cta, .cta,
@ -171,7 +171,7 @@ article > *:not(.entry-content, .chapter-header-block),
transform: translateY(1px); transform: translateY(1px);
} }
} }
} */ }
p + ol, p + ol,
p + ul { p + ul {
@ -217,9 +217,6 @@ article > *:not(.entry-content, .chapter-header-block),
} }
} }
.post-conseil-page-container { .post-conseil-page-container {
h2 {
@apply font-bold !text-black text-3xl sm:text-3xl lg:!text-4xl leading-tight;
}
.wp-block-button__link { .wp-block-button__link {
transition: all 0.6s ease-out; transition: all 0.6s ease-out;
&:hover { &:hover {

1
resources/img/graphic-assets/close_submenu_icon_transparent.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"><g id="Calque_1-2"><g id="Groupe_1505"><g id="Groupe_1477"><g id="Ellipse_225"><circle cx="13.5" cy="13.5" r="12.5" style="fill:none; stroke:#000; stroke-width:2px;"/></g><path id="Tracé_3611" d="M9.3,18.3l8.9-8.9" style="fill:none; stroke:#000; stroke-linecap:round; stroke-width:2px;"/></g><path id="Tracé_3612" d="M18.3,18.3l-8.9-8.9" style="fill:none; stroke:#000; stroke-linecap:round; stroke-width:2px;"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 539 B

7
resources/img/graphic-assets/cross-close.svg
View File

@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.887" height="15.849" viewBox="0 0 15.887 15.849">
<g id="Groupe_10119" data-name="Groupe 10119" transform="translate(5687.171 -13884.919)">
<path id="Tracé_3611" data-name="Tracé 3611" d="M-3940.772,6211.413l13.056-13.019" transform="translate(-1744.985 7687.939)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"/>
<path id="Tracé_23809" data-name="Tracé 23809" d="M-3927.717,6211.416l-13.055-13.021" transform="translate(-1744.982 7687.938)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"/>
<path id="Tracé_41721" data-name="Tracé 41721" d="M-3927.717,6211.416l-13.055-13.021" transform="translate(-1744.982 7687.938)" fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 809 B

9
resources/img/graphic-assets/icon-info-purple.svg
View File

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.097" height="20.097" viewBox="0 0 20.097 20.097">
<g id="Groupe_8599" data-name="Groupe 8599" transform="translate(-79.034 -170.72)">
<ellipse id="Ellipse_2087" data-name="Ellipse 2087" cx="9.548" cy="9.549" rx="9.548" ry="9.549" transform="translate(79.534 171.22)" fill="#2f0154" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
<g id="Groupe_8598" data-name="Groupe 8598" transform="translate(89.082 176.751)">
<path id="Tracé_3197" data-name="Tracé 3197" d="M18,22.53V18" transform="translate(-18 -14.496)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Tracé_3198" data-name="Tracé 3198" d="M18,12h0" transform="translate(-18 -12)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 899 B

9
resources/img/graphic-assets/icon-info-red.svg
View File

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.097" height="20.097" viewBox="0 0 20.097 20.097">
<g id="Groupe_8599" data-name="Groupe 8599" transform="translate(-79.034 -170.72)">
<ellipse id="Ellipse_2087" data-name="Ellipse 2087" cx="9.548" cy="9.549" rx="9.548" ry="9.549" transform="translate(79.534 171.22)" fill="#df1e1e" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
<g id="Groupe_8598" data-name="Groupe 8598" transform="translate(89.082 176.751)">
<path id="Tracé_3197" data-name="Tracé 3197" d="M18,22.53V18" transform="translate(-18 -14.496)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Tracé_3198" data-name="Tracé 3198" d="M18,12h0" transform="translate(-18 -12)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 899 B

7
resources/img/graphic-assets/icon_brochure_download.svg
View File

@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15.005" height="15.005" viewBox="0 0 15.005 15.005">
<g id="Icon_feather-download" data-name="Icon feather-download" transform="translate(-3.5 -3.5)">
<path id="Tracé_18404" data-name="Tracé 18404" d="M17.5,22.5v2.89a1.445,1.445,0,0,1-1.445,1.445H5.945A1.445,1.445,0,0,1,4.5,25.39V22.5" transform="translate(0 -9.33)" fill="none" stroke="#2f0154" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Tracé_18405" data-name="Tracé 18405" d="M10.5,15l3.612,3.612L17.725,15" transform="translate(-3.11 -5.443)" fill="none" stroke="#2f0154" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Tracé_18406" data-name="Tracé 18406" d="M18,13.17V4.5" transform="translate(-6.998)" fill="none" stroke="#2f0154" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 897 B

1
resources/img/graphic-assets/icone-external-link-black.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.4 14.6"><path id="Icon_awesome-external-link-alt" d="M16.4.7v3.6c0,.4-.3.7-.7.7-.2,0-.4,0-.5-.2l-1-1-6.9,6.9c-.3.3-.7.3-1,0l-.6-.6c-.3-.3-.3-.7,0-1l6.9-6.9-1-1c-.3-.3-.3-.7,0-1C11.7,0,11.9,0,12,0h3.6C16.1,0,16.4.3,16.4.7s0,0,0,0ZM11.6,7.7l-.5.5c-.1.1-.2.3-.2.5v4.1H1.8V3.6h7.5c.2,0,.4,0,.5-.2l.5-.5c.3-.3.3-.7,0-1-.1-.1-.3-.2-.5-.2H1.4C.6,1.8,0,2.4,0,3.2s0,0,0,0v10c0,.8.6,1.4,1.4,1.4h10c.8,0,1.4-.6,1.4-1.4h0v-5c0-.4-.3-.7-.7-.7-.2,0-.3,0-.5.2Z" style="fill:#000100; stroke-width:0px;"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 602 B

3
resources/img/graphic-assets/icone-external-link-purple.svg
View File

@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16.368" height="14.55" viewBox="0 0 16.368 14.55"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16.368" height="14.55" viewBox="0 0 16.368 14.55">
<title>S'ouvre dans une nouvelle fenêtre</title>
<path id="Icon_awesome-external-link-alt" data-name="Icon awesome-external-link-alt" d="M16.368.682V4.319A.682.682,0,0,1,15.2,4.8L14.189,3.786l-6.92,6.92a.682.682,0,0,1-.964,0l-.643-.643a.682.682,0,0,1,0-.964l6.92-6.92L11.567,1.164A.683.683,0,0,1,12.049,0h3.637A.682.682,0,0,1,16.368.682ZM11.567,7.7l-.455.455a.682.682,0,0,0-.2.482v4.1H1.819V3.637h7.5a.682.682,0,0,0,.482-.2l.455-.455a.682.682,0,0,0-.482-1.164H1.364A1.364,1.364,0,0,0,0,3.183v10a1.364,1.364,0,0,0,1.364,1.364h10a1.364,1.364,0,0,0,1.364-1.364V8.177A.682.682,0,0,0,11.567,7.7Z" fill="#2F0154"/> <path id="Icon_awesome-external-link-alt" data-name="Icon awesome-external-link-alt" d="M16.368.682V4.319A.682.682,0,0,1,15.2,4.8L14.189,3.786l-6.92,6.92a.682.682,0,0,1-.964,0l-.643-.643a.682.682,0,0,1,0-.964l6.92-6.92L11.567,1.164A.683.683,0,0,1,12.049,0h3.637A.682.682,0,0,1,16.368.682ZM11.567,7.7l-.455.455a.682.682,0,0,0-.2.482v4.1H1.819V3.637h7.5a.682.682,0,0,0,.482-.2l.455-.455a.682.682,0,0,0-.482-1.164H1.364A1.364,1.364,0,0,0,0,3.183v10a1.364,1.364,0,0,0,1.364,1.364h10a1.364,1.364,0,0,0,1.364-1.364V8.177A.682.682,0,0,0,11.567,7.7Z" fill="#2F0154"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 720 B

After

Width:  |  Height:  |  Size: 687 B

9
resources/img/graphic-assets/info-bubble.svg
View File

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.097" height="20.097" viewBox="0 0 20.097 20.097">
<g id="Groupe_8599" data-name="Groupe 8599" transform="translate(-79.034 -170.72)">
<ellipse id="Ellipse_2087" data-name="Ellipse 2087" cx="9.548" cy="9.549" rx="9.548" ry="9.549" transform="translate(79.534 171.22)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
<g id="Groupe_8598" data-name="Groupe 8598" transform="translate(89.082 176.751)">
<path id="Tracé_3197" data-name="Tracé 3197" d="M18,22.53V18" transform="translate(-18 -14.496)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Tracé_3198" data-name="Tracé 3198" d="M18,12h0" transform="translate(-18 -12)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 884 B

4
resources/js/app.js
View File

@ -7,7 +7,6 @@ import filterPublicationsInit from './archive-template-publications';
import accordeonInit from './accordeon'; import accordeonInit from './accordeon';
import pageScrollerInit from './pageScroller'; import pageScrollerInit from './pageScroller';
import observeChapterProgression from './chapter-progression'; import observeChapterProgression from './chapter-progression';
import notificationsInit from './notifications.js';
// window.addEventListener('load', function () {}); // window.addEventListener('load', function () {});
window.addEventListener('DOMContentLoaded', (event) => { window.addEventListener('DOMContentLoaded', (event) => {
@ -24,7 +23,4 @@ window.addEventListener('DOMContentLoaded', (event) => {
// CONSEILS + PARCOURS // CONSEILS + PARCOURS
observeChapterProgression(); observeChapterProgression();
// NOTIFICATIONS
notificationsInit();
}); });

18
resources/js/notifications.js
View File

@ -1,18 +0,0 @@
export default function NotificationsInit() {
const notificationsContainer = document.querySelector('.homegrade-notifications');
if (!notificationsContainer) return;
const notifications = notificationsContainer.querySelectorAll('.notification');
notifications.forEach((notification) => {
const notificationClose = notification.querySelector('.notification__close');
const notificationId = notification.getAttribute('data-notification-id');
console.log(notificationId);
notificationClose.addEventListener('click', () => {
notification.classList.add('notification--dismissed');
const thirtyDays = 30 * 86400;
document.cookie = `${notificationId}=dismissed; path=/; max-age=${thirtyDays}`;
});
});
}

4
template-archive-conseils.php
View File

@ -100,7 +100,9 @@ $page_icon = get_field('page_icon', get_queried_object());
<!-- SERVICE --> <!-- SERVICE -->
<div class="card-large-content__link"> <div class="card-large-content__link">
<?php <?php
$services_page_ID = apply_filters('wpml_object_id', 52, 'page', false); $services_page_ID_FR = get_field('services_page_ID', 'options');
// $services_page_ID = apply_filters('wpml_object_id', 52, 'page', TRUE);
$services_page_ID = apply_filters('wpml_object_id', $services_page_ID_FR, 'page', false);
?> ?>
<img class="card-large-content__link__page_icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-services.svg' ?>" alt=""> <img class="card-large-content__link__page_icon" src="<?php echo get_template_directory_uri() . '/resources/img/pictogrammes/pictogramme-services.svg' ?>" alt="">

85
template-components/notifications/notifications-popup.css
View File

@ -1,85 +0,0 @@
.notification {
@apply px-8 py-4 relative;
z-index: ;
&--alert {
@apply bg-secondary-light text-secondary;
.notification__inner:before {
background-image: url('../resources/img/graphic-assets/icon-info-red.svg');
}
.notification__close {
@apply filter-secondary;
}
a[target='_blank'] {
@apply !text-secondary;
&:after {
@apply filter-secondary;
}
&:hover,
&:focus-visible {
@apply outline-secondary;
/* background: rgba(253, 245, 246, 1) !important; */
background: rgba(223, 30, 30, 0.1) !important;
}
}
}
&--info {
@apply bg-primary-light text-primary;
.notification__inner:before {
background-image: url('../resources/img/graphic-assets/icon-info-purple.svg');
}
.notification__close {
@apply filter-primary;
}
a[target='_blank'] {
@apply !text-primary;
&:after {
@apply filter-primary;
}
&:hover,
&:focus-visible {
@apply outline-primary;
background: rgba(47, 1, 84, 0.1) !important;
}
}
}
&--dismissed {
@apply hidden;
}
&__inner {
@apply max-w-screen-xl px-8 mx-auto relative;
&:before {
@apply absolute top-1 left-0 w-5 h-5 bg-contain bg-no-repeat bg-center;
content: '';
}
}
&__title,
&__content {
@apply inline;
}
&__title {
@apply font-bold text-lg mr-2;
}
&__content {
@apply !text-base;
> * {
/* @apply inline; */
@apply leading-tight;
}
> p {
@apply inline;
}
a {
@apply font-bold underline;
}
}
&__close {
@apply absolute flex justify-center items-center top-0 right-0 z-10;
z-index: 10 !important;
@apply inline-block w-6 h-6;
}
}

43
template-components/notifications/notifications-popup.php
View File

@ -1,43 +0,0 @@
<?php
/**
* Notifications Popup
*
* @package Deligraph_Homegrade
*/
$notifications = get_field('notifications', 'option');
?>
<div class="homegrade-notifications">
<?php if ($notifications) : ?>
<?php foreach ($notifications as $notification) : ?>
<?php
$notification_id = 'homegrade_notification_' . md5($notification['title'] . $notification['content']);
$cookie_already_hidden = isset($_COOKIE[$notification_id]) && $_COOKIE[$notification_id] === 'dismissed';
$notificationType = $notification['type'] ?? 'info';
if (!isset($_COOKIE[$notification_id])) {
setcookie($notification_id, "visible", time() + (86400 * 30), "/");
}
?>
<div class="notification notification--<?php echo $notificationType ?> <?php echo $cookie_already_hidden ? "notification--dismissed" : "" ?> " data-notification-id="<?php echo $notification_id; ?>">
<div class="notification__inner">
<h3 class="notification__title"><?php echo $notification['title']; ?></h3>
<div class="notification__content"><?php echo $notification['content']; ?></div>
<button class="notification__close" aria-label="<?php echo __("Fermer cette notification", "homegrade-theme__texte-fonctionnel") ?>">
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/close_submenu_icon_transparent.svg' ?>" alt="">
</button>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>

5
theme.json
View File

@ -39,11 +39,6 @@
"slug": "primary", "slug": "primary",
"color": "#2F0154" "color": "#2F0154"
}, },
{
"name": "Primaire Light",
"slug": "primary-light",
"color": "#F4F2F6"
},
{ {
"name": "Primaire Survol", "name": "Primaire Survol",
"slug": "primary-hover", "slug": "primary-hover",