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

point gilles gauthier

Browse Source
This commit is contained in:
Antoine M 2023-08-21 17:33:36 +02:00
parent 4fcf41543a
commit 3744b872b4
26 changed files with 873 additions and 366 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
__attachment.php Normal file
View File

@ -0,0 +1 @@
<h1>salut</h1>

692
css/app.css
View File

@ -1159,6 +1159,18 @@ button:focus {
/* border-radius: 10px; */ /* border-radius: 10px; */
} }
*::marker {
display: inline-block;
color: red;
font-size: 20px;
font-weight: bold;
}
summary {
margin: 10px;
/* display: inline-block; */
}
.filter-acoustique-coproprietes { .filter-acoustique-coproprietes {
filter: invert(27%) sepia(88%) saturate(1302%) filter: invert(27%) sepia(88%) saturate(1302%)
hue-rotate(206deg) brightness(105%) contrast(114%); hue-rotate(206deg) brightness(105%) contrast(114%);
@ -1811,7 +1823,7 @@ button:focus {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.brochures-grid { .publications-grid {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 3rem; margin-bottom: 3rem;
@ -1820,42 +1832,42 @@ button:focus {
padding-bottom: 3rem; padding-bottom: 3rem;
} }
.brochures-grid__row { .publications-grid__row {
display: grid; display: grid;
grid-template-columns: repeat(11, minmax(0, 1fr)); grid-template-columns: repeat(11, minmax(0, 1fr));
gap: 2rem; gap: 2rem;
align-items: center; align-items: center;
} }
.brochures-grid__row + .brochures-grid__row { .publications-grid__row + .publications-grid__row {
margin-top: 2rem; margin-top: 2rem;
border-top-width: 1px; border-top-width: 1px;
border-color: rgb(239, 239, 239, 0.6); border-color: rgb(239, 239, 239, 0.6);
padding-top: 2rem; padding-top: 2rem;
} }
.brochures-grid__cover { .publications-grid__cover {
grid-column: span 1 / span 1; grid-column: span 1 / span 1;
width: 5rem; width: 5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
.brochures-grid__title { .publications-grid__title {
grid-column: span 4 / span 4; grid-column: span 4 / span 4;
font-weight: 700; font-weight: 700;
} }
.brochures-grid__thematique { .publications-grid__thematique {
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
text-align: center; text-align: center;
} }
.brochures-grid__edition { .publications-grid__edition {
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
text-align: center; text-align: center;
} }
.brochures-grid__button { .publications-grid__button {
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -2126,6 +2138,56 @@ button:focus {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.post-chapter-header {
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
display: flex;
max-width: 1440px;
align-content: space-between;
align-items: center;
border-radius: 1rem;
padding: 2rem;
}
@media (min-width: 782px) {
.post-chapter-header {
padding-left: 4rem;
padding-right: 4rem;
}
}
.post-chapter-header {
margin-bottom: 20px;
}
.post-chapter-header__page-thematic-cover {
max-width: 400px;
}
.post-chapter-header__page-thematic-title {
padding-bottom: 1rem;
font-size: 1.25rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.post-chapter-header__page-title {
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
.post-chapter-header__infos {
max-width: 42rem;
}
.post-chapter-header__infos .cta {
margin-top: 2rem;
margin-bottom: 2rem;
}
/* ########### LAYOUT ############ */ /* ########### LAYOUT ############ */
header#main-header { header#main-header {
@ -3020,6 +3082,286 @@ header#main-header {
display: none; display: none;
} }
/* ###### EDITOR ##### */
.entry-content--acoustique-coproprietes h2,
.entry-content--acoustique-coproprietes h3,
.entry-content--acoustique-coproprietes ul li::marker,
body.acoustique-coproprietes h2,
body.acoustique-coproprietes h3,
body.acoustique-coproprietes ul li::marker,
.post-conseil-page--acoustique-coproprietes h2,
.post-conseil-page--acoustique-coproprietes h3,
.post-conseil-page--acoustique-coproprietes ul li::marker,
.post-question-page--acoustique-coproprietes h2,
.post-question-page--acoustique-coproprietes h3,
.post-question-page--acoustique-coproprietes ul li::marker {
--tw-text-opacity: 1;
color: rgb(36 94 242 / var(--tw-text-opacity));
}
.entry-content--acoustique-coproprietes .homegrade-blocks-highlight,
.entry-content--acoustique-coproprietes .homegrade-blocks-chapter-header-block,
.entry-content--acoustique-coproprietes .post-conseils-chapter-header,
body.acoustique-coproprietes .homegrade-blocks-highlight,
body.acoustique-coproprietes .homegrade-blocks-chapter-header-block,
body.acoustique-coproprietes .post-conseils-chapter-header,
.post-conseil-page--acoustique-coproprietes .homegrade-blocks-highlight,
.post-conseil-page--acoustique-coproprietes .homegrade-blocks-chapter-header-block,
.post-conseil-page--acoustique-coproprietes .post-conseils-chapter-header,
.post-question-page--acoustique-coproprietes .homegrade-blocks-highlight,
.post-question-page--acoustique-coproprietes .homegrade-blocks-chapter-header-block,
.post-question-page--acoustique-coproprietes .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(223 241 255 / var(--tw-bg-opacity));
}
.entry-content--acoustique-coproprietes .chapter_index__position-indicator, body.acoustique-coproprietes .chapter_index__position-indicator, .post-conseil-page--acoustique-coproprietes .chapter_index__position-indicator, .post-question-page--acoustique-coproprietes .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(36 94 242 / var(--tw-bg-opacity));
}
.entry-content--acoustique-coproprietes .tooltip-word, body.acoustique-coproprietes .tooltip-word, .post-conseil-page--acoustique-coproprietes .tooltip-word, .post-question-page--acoustique-coproprietes .tooltip-word {
-webkit-text-decoration-color: #245EF2 !important;
text-decoration-color: #245EF2 !important;
}
.entry-content--energies-urbanisme h2,
.entry-content--energies-urbanisme h3,
.entry-content--energies-urbanisme ul li::marker,
body.energies-urbanisme h2,
body.energies-urbanisme h3,
body.energies-urbanisme ul li::marker,
.post-conseil-page--energies-urbanisme h2,
.post-conseil-page--energies-urbanisme h3,
.post-conseil-page--energies-urbanisme ul li::marker,
.post-question-page--energies-urbanisme h2,
.post-question-page--energies-urbanisme h3,
.post-question-page--energies-urbanisme ul li::marker {
--tw-text-opacity: 1;
color: rgb(2 126 80 / var(--tw-text-opacity));
}
.entry-content--energies-urbanisme .homegrade-blocks-highlight,
.entry-content--energies-urbanisme .homegrade-blocks-chapter-header-block,
.entry-content--energies-urbanisme .post-conseils-chapter-header,
body.energies-urbanisme .homegrade-blocks-highlight,
body.energies-urbanisme .homegrade-blocks-chapter-header-block,
body.energies-urbanisme .post-conseils-chapter-header,
.post-conseil-page--energies-urbanisme .homegrade-blocks-highlight,
.post-conseil-page--energies-urbanisme .homegrade-blocks-chapter-header-block,
.post-conseil-page--energies-urbanisme .post-conseils-chapter-header,
.post-question-page--energies-urbanisme .homegrade-blocks-highlight,
.post-question-page--energies-urbanisme .homegrade-blocks-chapter-header-block,
.post-question-page--energies-urbanisme .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(227 255 240 / var(--tw-bg-opacity));
}
.entry-content--energies-urbanisme .chapter_index__position-indicator, body.energies-urbanisme .chapter_index__position-indicator, .post-conseil-page--energies-urbanisme .chapter_index__position-indicator, .post-question-page--energies-urbanisme .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(2 126 80 / var(--tw-bg-opacity));
}
.entry-content--energies-urbanisme .tooltip-word, body.energies-urbanisme .tooltip-word, .post-conseil-page--energies-urbanisme .tooltip-word, .post-question-page--energies-urbanisme .tooltip-word {
-webkit-text-decoration-color: #027E50 !important;
text-decoration-color: #027E50 !important;
}
.entry-content--isolation-quotidien h2,
.entry-content--isolation-quotidien h3,
.entry-content--isolation-quotidien ul li::marker,
body.isolation-quotidien h2,
body.isolation-quotidien h3,
body.isolation-quotidien ul li::marker,
.post-conseil-page--isolation-quotidien h2,
.post-conseil-page--isolation-quotidien h3,
.post-conseil-page--isolation-quotidien ul li::marker,
.post-question-page--isolation-quotidien h2,
.post-question-page--isolation-quotidien h3,
.post-question-page--isolation-quotidien ul li::marker {
--tw-text-opacity: 1;
color: rgb(194 69 3 / var(--tw-text-opacity));
}
.entry-content--isolation-quotidien .homegrade-blocks-highlight,
.entry-content--isolation-quotidien .homegrade-blocks-chapter-header-block,
.entry-content--isolation-quotidien .post-conseils-chapter-header,
body.isolation-quotidien .homegrade-blocks-highlight,
body.isolation-quotidien .homegrade-blocks-chapter-header-block,
body.isolation-quotidien .post-conseils-chapter-header,
.post-conseil-page--isolation-quotidien .homegrade-blocks-highlight,
.post-conseil-page--isolation-quotidien .homegrade-blocks-chapter-header-block,
.post-conseil-page--isolation-quotidien .post-conseils-chapter-header,
.post-question-page--isolation-quotidien .homegrade-blocks-highlight,
.post-question-page--isolation-quotidien .homegrade-blocks-chapter-header-block,
.post-question-page--isolation-quotidien .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(255 251 236 / var(--tw-bg-opacity));
}
.entry-content--isolation-quotidien .chapter_index__position-indicator, body.isolation-quotidien .chapter_index__position-indicator, .post-conseil-page--isolation-quotidien .chapter_index__position-indicator, .post-question-page--isolation-quotidien .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(194 69 3 / var(--tw-bg-opacity));
}
.entry-content--isolation-quotidien .tooltip-word, body.isolation-quotidien .tooltip-word, .post-conseil-page--isolation-quotidien .tooltip-word, .post-question-page--isolation-quotidien .tooltip-word {
-webkit-text-decoration-color: #C24503 !important;
text-decoration-color: #C24503 !important;
}
.entry-content--patrimoine-renovation h2,
.entry-content--patrimoine-renovation h3,
.entry-content--patrimoine-renovation ul li::marker,
body.patrimoine-renovation h2,
body.patrimoine-renovation h3,
body.patrimoine-renovation ul li::marker,
.post-conseil-page--patrimoine-renovation h2,
.post-conseil-page--patrimoine-renovation h3,
.post-conseil-page--patrimoine-renovation ul li::marker,
.post-question-page--patrimoine-renovation h2,
.post-question-page--patrimoine-renovation h3,
.post-question-page--patrimoine-renovation ul li::marker {
--tw-text-opacity: 1;
color: rgb(139 47 247 / var(--tw-text-opacity));
}
.entry-content--patrimoine-renovation .homegrade-blocks-highlight,
.entry-content--patrimoine-renovation .homegrade-blocks-chapter-header-block,
.entry-content--patrimoine-renovation .post-conseils-chapter-header,
body.patrimoine-renovation .homegrade-blocks-highlight,
body.patrimoine-renovation .homegrade-blocks-chapter-header-block,
body.patrimoine-renovation .post-conseils-chapter-header,
.post-conseil-page--patrimoine-renovation .homegrade-blocks-highlight,
.post-conseil-page--patrimoine-renovation .homegrade-blocks-chapter-header-block,
.post-conseil-page--patrimoine-renovation .post-conseils-chapter-header,
.post-question-page--patrimoine-renovation .homegrade-blocks-highlight,
.post-question-page--patrimoine-renovation .homegrade-blocks-chapter-header-block,
.post-question-page--patrimoine-renovation .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity));
}
.entry-content--patrimoine-renovation .chapter_index__position-indicator, body.patrimoine-renovation .chapter_index__position-indicator, .post-conseil-page--patrimoine-renovation .chapter_index__position-indicator, .post-question-page--patrimoine-renovation .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(139 47 247 / var(--tw-bg-opacity));
}
.entry-content--patrimoine-renovation .tooltip-word, body.patrimoine-renovation .tooltip-word, .post-conseil-page--patrimoine-renovation .tooltip-word, .post-question-page--patrimoine-renovation .tooltip-word {
-webkit-text-decoration-color: #8B2FF7 !important;
text-decoration-color: #8B2FF7 !important;
}
.entry-content--location h2,
.entry-content--location h3,
.entry-content--location ul li::marker,
body.location h2,
body.location h3,
body.location ul li::marker,
.post-conseil-page--location h2,
.post-conseil-page--location h3,
.post-conseil-page--location ul li::marker,
.post-question-page--location h2,
.post-question-page--location h3,
.post-question-page--location ul li::marker {
--tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity));
}
.entry-content--location .homegrade-blocks-highlight,
.entry-content--location .homegrade-blocks-chapter-header-block,
.entry-content--location .post-conseils-chapter-header,
body.location .homegrade-blocks-highlight,
body.location .homegrade-blocks-chapter-header-block,
body.location .post-conseils-chapter-header,
.post-conseil-page--location .homegrade-blocks-highlight,
.post-conseil-page--location .homegrade-blocks-chapter-header-block,
.post-conseil-page--location .post-conseils-chapter-header,
.post-question-page--location .homegrade-blocks-highlight,
.post-question-page--location .homegrade-blocks-chapter-header-block,
.post-question-page--location .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity));
}
.entry-content--location .chapter_index__position-indicator, body.location .chapter_index__position-indicator, .post-conseil-page--location .chapter_index__position-indicator, .post-question-page--location .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity));
}
.entry-content--location .tooltip-word, body.location .tooltip-word, .post-conseil-page--location .tooltip-word, .post-question-page--location .tooltip-word {
-webkit-text-decoration-color: #DF002B !important;
text-decoration-color: #DF002B !important;
}
article > *:not(.entry-content, .chapter-header-block),
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
.entry-content h1 {
font-size: 1.5rem;
line-height: 2rem;
}
.entry-content h2 {
font-size: 1.25rem;
}
.entry-content h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
.entry-content p a, .entry-content ul a, .entry-content ol a {
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(47 1 84 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-underline-offset: 4px;
}
/* &:after {
@apply inline-block bg-red-500 h-3 w-3 ml-2;
content: '';
background-image: url('/wp-content/themes/homegrade/dist/images/arrow.svg');
} */
.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
margin-bottom: 2rem;
}
.entry-content ul:not(.block-editor-block-variation-picker__variations) li {
list-style-position: inside;
list-style-type: disc;
}
.entry-content ol li {
list-style-position: inside;
list-style-type: decimal;
}
.tooltip-word {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: dotted !important;
text-decoration-style: dotted !important;
-webkit-text-decoration-color:;
text-decoration-color:;
text-decoration-thickness: 2px !important;
}
/* ########### BLOCKS ############ */ /* ########### BLOCKS ############ */
/* Home */ /* Home */
@ -3502,12 +3844,17 @@ header#main-header {
/* @import './blocks/chapter-header-block.css'; */ /* @import './blocks/chapter-header-block.css'; */
.questions-container-block h2 { .questions-container-block {
font-size: 2.25rem; padding-top: 3rem;
line-height: 2.5rem; padding-bottom: 3rem;
}
.questions-container-block__title {
font-size: 2.25rem !important;
line-height: 2.5rem !important;
font-weight: 700; font-weight: 700;
--tw-text-opacity: 1; --tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)); color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
} }
.wp-block-homegrade-content-blocks-points-cles { .wp-block-homegrade-content-blocks-points-cles {
@ -3549,6 +3896,25 @@ header#main-header {
background-color: rgb(47 1 84 / var(--tw-bg-opacity)); background-color: rgb(47 1 84 / var(--tw-bg-opacity));
} }
.tooltip-word {
font-weight: 700;
}
.tooltip-popup {
border-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1rem;
font-weight: 400;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tooltip-popup:after {
position: absolute;
z-index: -2;
/* background-color: white; */
}
/* ########### PAGE ############ */ /* ########### PAGE ############ */
.demo-components .title { .demo-components .title {
@ -3581,9 +3947,92 @@ header#main-header {
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.brochures-archives { .highlighted-brochure {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 0px;
max-width: 1280px;
--tw-bg-opacity: 1;
background-color: rgb(255 237 236 / var(--tw-bg-opacity));
padding: 2rem;
}
/* &__infos {
&:after {
@apply absolute
left-0
bottom-0
w-full
bg-secondary-light;
content: '';
height: 200px;
z-index: -1;
}
} */
.highlighted-brochure__wrapper {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.highlighted-brochure__titling {
display: flex;
align-items: center;
gap: 1rem;
}
.highlighted-brochure__titling__icon {
display: flex;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(223 30 30 / var(--tw-bg-opacity));
}
.highlighted-brochure__titling__icon img {
width: 100%;
max-width: 40%;
}
.highlighted-brochure__titling__title {
font-size: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(223 30 30 / var(--tw-text-opacity));
}
.highlighted-brochure__comment {
width: 66.666667%;
max-width: 64rem;
padding-top: 1rem;
padding-right: 1.5rem;
}
.highlighted-brochure__cover {
position: absolute;
right: 0px;
bottom: 0px;
/* transform: translateY(-30%); */
width: 33.333333%;
max-width: 250px;
/* transform: scale(2) translate(-50%, -20%); */
}
.highlighted-brochure .cta {
margin-top: 2rem;
}
.brochures-archives,
.fiches-infos-archives {
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
max-width: 1280px; max-width: 1280px;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -3652,221 +4101,6 @@ header#main-header {
display: block; display: block;
} }
/* ###### EDITOR ##### */
.entry-content--acoustique-coproprietes h2,
.entry-content--acoustique-coproprietes h3,
.entry-content--acoustique-coproprietes ul li::marker,
body.acoustique-coproprietes h2,
body.acoustique-coproprietes h3,
body.acoustique-coproprietes ul li::marker,
.post-conseil-page--acoustique-coproprietes h2,
.post-conseil-page--acoustique-coproprietes h3,
.post-conseil-page--acoustique-coproprietes ul li::marker {
--tw-text-opacity: 1;
color: rgb(36 94 242 / var(--tw-text-opacity));
}
.entry-content--acoustique-coproprietes .homegrade-blocks-highlight,
.entry-content--acoustique-coproprietes .homegrade-blocks-chapter-header-block,
.entry-content--acoustique-coproprietes .post-conseils-chapter-header,
body.acoustique-coproprietes .homegrade-blocks-highlight,
body.acoustique-coproprietes .homegrade-blocks-chapter-header-block,
body.acoustique-coproprietes .post-conseils-chapter-header,
.post-conseil-page--acoustique-coproprietes .homegrade-blocks-highlight,
.post-conseil-page--acoustique-coproprietes .homegrade-blocks-chapter-header-block,
.post-conseil-page--acoustique-coproprietes .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(223 241 255 / var(--tw-bg-opacity));
}
.entry-content--acoustique-coproprietes .chapter_index__position-indicator, body.acoustique-coproprietes .chapter_index__position-indicator, .post-conseil-page--acoustique-coproprietes .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(36 94 242 / var(--tw-bg-opacity));
}
.entry-content--energies-urbanisme h2,
.entry-content--energies-urbanisme h3,
.entry-content--energies-urbanisme ul li::marker,
body.energies-urbanisme h2,
body.energies-urbanisme h3,
body.energies-urbanisme ul li::marker,
.post-conseil-page--energies-urbanisme h2,
.post-conseil-page--energies-urbanisme h3,
.post-conseil-page--energies-urbanisme ul li::marker {
--tw-text-opacity: 1;
color: rgb(2 126 80 / var(--tw-text-opacity));
}
.entry-content--energies-urbanisme .homegrade-blocks-highlight,
.entry-content--energies-urbanisme .homegrade-blocks-chapter-header-block,
.entry-content--energies-urbanisme .post-conseils-chapter-header,
body.energies-urbanisme .homegrade-blocks-highlight,
body.energies-urbanisme .homegrade-blocks-chapter-header-block,
body.energies-urbanisme .post-conseils-chapter-header,
.post-conseil-page--energies-urbanisme .homegrade-blocks-highlight,
.post-conseil-page--energies-urbanisme .homegrade-blocks-chapter-header-block,
.post-conseil-page--energies-urbanisme .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(227 255 240 / var(--tw-bg-opacity));
}
.entry-content--energies-urbanisme .chapter_index__position-indicator, body.energies-urbanisme .chapter_index__position-indicator, .post-conseil-page--energies-urbanisme .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(2 126 80 / var(--tw-bg-opacity));
}
.entry-content--isolation-quotidien h2,
.entry-content--isolation-quotidien h3,
.entry-content--isolation-quotidien ul li::marker,
body.isolation-quotidien h2,
body.isolation-quotidien h3,
body.isolation-quotidien ul li::marker,
.post-conseil-page--isolation-quotidien h2,
.post-conseil-page--isolation-quotidien h3,
.post-conseil-page--isolation-quotidien ul li::marker {
--tw-text-opacity: 1;
color: rgb(194 69 3 / var(--tw-text-opacity));
}
.entry-content--isolation-quotidien .homegrade-blocks-highlight,
.entry-content--isolation-quotidien .homegrade-blocks-chapter-header-block,
.entry-content--isolation-quotidien .post-conseils-chapter-header,
body.isolation-quotidien .homegrade-blocks-highlight,
body.isolation-quotidien .homegrade-blocks-chapter-header-block,
body.isolation-quotidien .post-conseils-chapter-header,
.post-conseil-page--isolation-quotidien .homegrade-blocks-highlight,
.post-conseil-page--isolation-quotidien .homegrade-blocks-chapter-header-block,
.post-conseil-page--isolation-quotidien .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(255 251 236 / var(--tw-bg-opacity));
}
.entry-content--isolation-quotidien .chapter_index__position-indicator, body.isolation-quotidien .chapter_index__position-indicator, .post-conseil-page--isolation-quotidien .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(194 69 3 / var(--tw-bg-opacity));
}
.entry-content--patrimoine-renovation h2,
.entry-content--patrimoine-renovation h3,
.entry-content--patrimoine-renovation ul li::marker,
body.patrimoine-renovation h2,
body.patrimoine-renovation h3,
body.patrimoine-renovation ul li::marker,
.post-conseil-page--patrimoine-renovation h2,
.post-conseil-page--patrimoine-renovation h3,
.post-conseil-page--patrimoine-renovation ul li::marker {
--tw-text-opacity: 1;
color: rgb(139 47 247 / var(--tw-text-opacity));
}
.entry-content--patrimoine-renovation .homegrade-blocks-highlight,
.entry-content--patrimoine-renovation .homegrade-blocks-chapter-header-block,
.entry-content--patrimoine-renovation .post-conseils-chapter-header,
body.patrimoine-renovation .homegrade-blocks-highlight,
body.patrimoine-renovation .homegrade-blocks-chapter-header-block,
body.patrimoine-renovation .post-conseils-chapter-header,
.post-conseil-page--patrimoine-renovation .homegrade-blocks-highlight,
.post-conseil-page--patrimoine-renovation .homegrade-blocks-chapter-header-block,
.post-conseil-page--patrimoine-renovation .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(255 229 253 / var(--tw-bg-opacity));
}
.entry-content--patrimoine-renovation .chapter_index__position-indicator, body.patrimoine-renovation .chapter_index__position-indicator, .post-conseil-page--patrimoine-renovation .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(139 47 247 / var(--tw-bg-opacity));
}
.entry-content--location h2,
.entry-content--location h3,
.entry-content--location ul li::marker,
body.location h2,
body.location h3,
body.location ul li::marker,
.post-conseil-page--location h2,
.post-conseil-page--location h3,
.post-conseil-page--location ul li::marker {
--tw-text-opacity: 1;
color: rgb(223 0 43 / var(--tw-text-opacity));
}
.entry-content--location .homegrade-blocks-highlight,
.entry-content--location .homegrade-blocks-chapter-header-block,
.entry-content--location .post-conseils-chapter-header,
body.location .homegrade-blocks-highlight,
body.location .homegrade-blocks-chapter-header-block,
body.location .post-conseils-chapter-header,
.post-conseil-page--location .homegrade-blocks-highlight,
.post-conseil-page--location .homegrade-blocks-chapter-header-block,
.post-conseil-page--location .post-conseils-chapter-header {
--tw-bg-opacity: 1;
background-color: rgb(254 226 231 / var(--tw-bg-opacity));
}
.entry-content--location .chapter_index__position-indicator, body.location .chapter_index__position-indicator, .post-conseil-page--location .chapter_index__position-indicator {
--tw-bg-opacity: 1;
background-color: rgb(223 0 43 / var(--tw-bg-opacity));
}
article > *:not(.entry-content, .chapter-header-block),
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
.entry-content h1 {
font-size: 1.5rem;
line-height: 2rem;
}
.entry-content h2 {
font-size: 1.25rem;
}
.entry-content h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
.entry-content p a, .entry-content ul a, .entry-content ol a {
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(47 1 84 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-underline-offset: 4px;
}
/* &:after {
@apply inline-block bg-red-500 h-3 w-3 ml-2;
content: '';
background-image: url('/wp-content/themes/homegrade/dist/images/arrow.svg');
} */
.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
margin-bottom: 2rem;
}
.entry-content ul:not(.block-editor-block-variation-picker__variations) li {
list-style-position: inside;
list-style-type: disc;
}
.entry-content ol li {
list-style-position: inside;
list-style-type: decimal;
}
.hover\:bg-primary:hover { .hover\:bg-primary:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(47 1 84 / var(--tw-bg-opacity)); background-color: rgb(47 1 84 / var(--tw-bg-opacity));

8
css/editor-style.css
View File

@ -91,6 +91,14 @@
margin-bottom: 3rem margin-bottom: 3rem
} }
.mt-8 {
margin-top: 2rem
}
.mt-16 {
margin-top: 4rem
}
.block { .block {
display: block display: block
} }

14
includes/admin.php
View File

@ -90,7 +90,9 @@ add_action('admin_menu', 'custom_menu_page_removing');
function hide_editor() function hide_editor()
{ {
$post_id = $_GET['post'] ? $_GET['post'] : $_POST['post_ID']; if (!is_admin()) return null;
$post_id = isset($_GET['post']) ? $_GET['post'] : (isset($_POST['post_ID']) ? $_POST['post_ID'] : null);
if (!isset($post_id)) return; if (!isset($post_id)) return;
$template_file = get_post_meta($post_id, '_wp_page_template', true); $template_file = get_post_meta($post_id, '_wp_page_template', true);
@ -183,11 +185,17 @@ add_action('manage_brochures_posts_custom_column', 'handle_posts_custom_columns'
------------------------------------------------------------------------*/ ------------------------------------------------------------------------*/
function wpdocs_admin_classes($classes) function wpdocs_admin_classes($classes)
{ {
// if (is_admin()) {
// return $classes;
// }
global $pagenow; global $pagenow;
global $post; global $post;
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0]; echo '<pre>';
write_log($post);
echo '</pre>';
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0] ?? null;
$thematiqueParent = getParentThematique($thematique); $thematiqueParent = getParentThematique($thematique);
$thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug); $thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug) ?? null;
if (in_array($pagenow, array('post.php', 'post-new.php'), true) && $thematiqueColorSlug) { if (in_array($pagenow, array('post.php', 'post-new.php'), true) && $thematiqueColorSlug) {

2
includes/post_types.php
View File

@ -114,7 +114,7 @@ function create_posttype()
'show_in_rest' => true, 'show_in_rest' => true,
'menu_icon' => 'dashicons-info-outline', 'menu_icon' => 'dashicons-info-outline',
'menu_position' => 2.1, 'menu_position' => 2.1,
'supports' => array('title', 'custom-fields', 'excerpt'), 'supports' => array('title', 'custom-fields'),
) )
); );
register_post_type( register_post_type(

2
includes/taxonomy.php
View File

@ -44,7 +44,7 @@ function undo_create_term($term_id, $tt_id, $taxonomy)
function add_custom_taxonomies() function add_custom_taxonomies()
{ {
// ————— Thématiques ————— // ————— Thématiques —————
register_taxonomy('thematiques', ['questions', 'conseils', 'brochures'], array( register_taxonomy('thematiques', ['questions', 'conseils', 'brochures', 'fiches-infos'], array(
// 'hierarchical' => true, // 'hierarchical' => true,
'labels' => array( 'labels' => array(
'name' => __('Thématiques', 'homegrade-theme__texte-backoffice'), 'name' => __('Thématiques', 'homegrade-theme__texte-backoffice'),

8
includes/utilities.php
View File

@ -1,7 +1,9 @@
<?php <?php
function getThematiqueFamilySlug($thematique_slug) function getThematiqueFamilySlug($thematique_slug)
{ {
if (!$thematique_slug) {
return null;
}
switch ($thematique_slug) { switch ($thematique_slug) {
case "energie": case "energie":
case "urbanisme": case "urbanisme":
@ -36,6 +38,10 @@ function getThematiqueFamilySlug($thematique_slug)
function getParentThematique($thematique) function getParentThematique($thematique)
{ {
if (!$thematique) {
return null;
}
if ($thematique->parent == 0) { if ($thematique->parent == 0) {
return $thematique; return $thematique;
} else { } else {

5
js/app.js
View File

@ -206,7 +206,7 @@
function singleConseil() { function singleConseil() {
let chapterIndex = document.querySelector(".chapter_index"); let chapterIndex = document.querySelector(".chapter_index");
let questionBlocks = document.querySelectorAll(".questions-container-block"); let questionBlocks = document.querySelectorAll(".questions-container-block");
function handleLinksBehavior() { function handleLinksBehavior2() {
let chapterLinks = document.querySelectorAll(".chapter_index__link"); let chapterLinks = document.querySelectorAll(".chapter_index__link");
chapterLinks.forEach((link) => { chapterLinks.forEach((link) => {
link.addEventListener("click", (e) => { link.addEventListener("click", (e) => {
@ -221,9 +221,10 @@
}); });
} }
function handleChapterIndicatorPosition() { function handleChapterIndicatorPosition() {
let chapterIndicator = document.querySelector(".chapter_index__position-indicator");
}
} }
handleLinksBehavior(); handleLinksBehavior();
}
// resources/js/app.js // resources/js/app.js
window.addEventListener("load", function() { window.addEventListener("load", function() {

13
resources/css/app.css
View File

@ -27,6 +27,7 @@
@import '../../template-components/cards/card-frequent_question.css'; @import '../../template-components/cards/card-frequent_question.css';
@import '../../template-components/cards/card-thematique.css'; @import '../../template-components/cards/card-thematique.css';
@import '../../template-components/post-conseils/chapter-header.css'; @import '../../template-components/post-conseils/chapter-header.css';
@import '../../template-components/posts-components/chapter-header.css';
/* ########### LAYOUT ############ */ /* ########### LAYOUT ############ */
@import './layout/header.css'; @import './layout/header.css';
@ -35,6 +36,11 @@
@import './layout/menu-renovateur.css'; @import './layout/menu-renovateur.css';
@import './layout/menu-homegrade.css'; @import './layout/menu-homegrade.css';
/* ###### EDITOR ##### */
@import './editor-content/color-taxonomy-scheme.css';
@import './editor-content/gutenberg.css';
@import './editor-content/format-types.css';
/* ########### BLOCKS ############ */ /* ########### BLOCKS ############ */
/* Home */ /* Home */
@ -50,14 +56,11 @@
@import './blocks/questions-container-block.css'; @import './blocks/questions-container-block.css';
@import './blocks/points-cles.css'; @import './blocks/points-cles.css';
@import './blocks/highlight.css'; @import './blocks/highlight.css';
@import './blocks/tooltip.css';
/* ########### PAGE ############ */ /* ########### PAGE ############ */
@import './pages/demo-components.css'; @import './pages/demo-components.css';
@import './pages/template-archive-brochures.css'; @import './pages/template-archive-publications.css';
@import './pages/template-archive-conseils.css'; @import './pages/template-archive-conseils.css';
@import './pages/template-archive-questions.css'; @import './pages/template-archive-questions.css';
@import './pages/single-conseils.css'; @import './pages/single-conseils.css';
/* ###### EDITOR ##### */
@import './editor-content/color-taxonomy-scheme.css';
@import './editor-content/gutenberg.css';

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

@ -8,3 +8,14 @@ button:focus {
outline-radius: 50px; outline-radius: 50px;
/* border-radius: 10px; */ /* border-radius: 10px; */
} }
*::marker {
display: inline-block;
color: red;
font-size: 20px;
font-weight: bold;
}
summary {
margin: 10px;
/* display: inline-block; */
}

5
resources/css/blocks/questions-container-block.css
View File

@ -1,5 +1,6 @@
.questions-container-block { .questions-container-block {
h2 { @apply py-12;
@apply font-bold text-black text-4xl; &__title {
@apply font-bold !text-black !text-4xl;
} }
} }

11
resources/css/blocks/tooltip.css Normal file
View File

@ -0,0 +1,11 @@
.tooltip-word {
@apply font-bold;
}
.tooltip-popup {
@apply bg-white rounded-xl shadowed p-4 font-normal;
}
.tooltip-popup:after {
@apply absolute;
z-index: -2;
/* background-color: white; */
}

2
resources/css/components/brochures-grid.css
View File

@ -1,4 +1,4 @@
.brochures-grid { .publications-grid {
@apply max-w-screen-xl mx-auto py-12 mb-12; @apply max-w-screen-xl mx-auto py-12 mb-12;
&__row { &__row {

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

@ -1,6 +1,7 @@
.entry-content--acoustique-coproprietes, .entry-content--acoustique-coproprietes,
body.acoustique-coproprietes, body.acoustique-coproprietes,
.post-conseil-page--acoustique-coproprietes { .post-conseil-page--acoustique-coproprietes,
.post-question-page--acoustique-coproprietes {
h2, h2,
h3, h3,
ul li::marker { ul li::marker {
@ -16,10 +17,14 @@ body.acoustique-coproprietes,
.chapter_index__position-indicator { .chapter_index__position-indicator {
@apply bg-acoustique-coproprietes; @apply bg-acoustique-coproprietes;
} }
.tooltip-word {
@apply !decoration-acoustique-coproprietes;
}
} }
.entry-content--energies-urbanisme, .entry-content--energies-urbanisme,
body.energies-urbanisme, body.energies-urbanisme,
.post-conseil-page--energies-urbanisme { .post-conseil-page--energies-urbanisme,
.post-question-page--energies-urbanisme {
h2, h2,
h3, h3,
ul li::marker { ul li::marker {
@ -33,10 +38,14 @@ body.energies-urbanisme,
.chapter_index__position-indicator { .chapter_index__position-indicator {
@apply bg-energies-urbanisme; @apply bg-energies-urbanisme;
} }
.tooltip-word {
@apply !decoration-energies-urbanisme;
}
} }
.entry-content--isolation-quotidien, .entry-content--isolation-quotidien,
body.isolation-quotidien, body.isolation-quotidien,
.post-conseil-page--isolation-quotidien { .post-conseil-page--isolation-quotidien,
.post-question-page--isolation-quotidien {
h2, h2,
h3, h3,
ul li::marker { ul li::marker {
@ -50,10 +59,14 @@ body.isolation-quotidien,
.chapter_index__position-indicator { .chapter_index__position-indicator {
@apply bg-isolation-quotidien; @apply bg-isolation-quotidien;
} }
.tooltip-word {
@apply !decoration-isolation-quotidien;
}
} }
.entry-content--patrimoine-renovation, .entry-content--patrimoine-renovation,
body.patrimoine-renovation, body.patrimoine-renovation,
.post-conseil-page--patrimoine-renovation { .post-conseil-page--patrimoine-renovation,
.post-question-page--patrimoine-renovation {
h2, h2,
h3, h3,
ul li::marker { ul li::marker {
@ -67,10 +80,14 @@ body.patrimoine-renovation,
.chapter_index__position-indicator { .chapter_index__position-indicator {
@apply bg-patrimoine-renovation; @apply bg-patrimoine-renovation;
} }
.tooltip-word {
@apply !decoration-patrimoine-renovation;
}
} }
.entry-content--location, .entry-content--location,
body.location, body.location,
.post-conseil-page--location { .post-conseil-page--location,
.post-question-page--location {
h2, h2,
h3, h3,
ul li::marker { ul li::marker {
@ -84,4 +101,7 @@ body.location,
.chapter_index__position-indicator { .chapter_index__position-indicator {
@apply bg-location; @apply bg-location;
} }
.tooltip-word {
@apply !decoration-location;
}
} }

6
resources/css/editor-content/format-types.css Normal file
View File

@ -0,0 +1,6 @@
.tooltip-word {
@apply underline;
text-decoration-style: dotted !important;
text-decoration-color:;
text-decoration-thickness: 2px !important;
}

6
resources/css/pages/template-archive-brochures.css
View File

@ -1,6 +0,0 @@
.archives-publications-header {
@apply bg-primary max-w-screen-xl text-white text-center mx-auto;
}
.brochures-archives {
@apply max-w-screen-xl mx-auto py-4;
}

62
resources/css/pages/template-archive-publications.css Normal file
View File

@ -0,0 +1,62 @@
.archives-publications-header {
@apply bg-primary max-w-screen-xl text-white text-center mx-auto;
}
.highlighted-brochure {
@apply max-w-screen-xl
p-8
mx-auto
mt-0
bg-secondary-light;
/* &__infos {
&:after {
@apply absolute
left-0
bottom-0
w-full
bg-secondary-light;
content: '';
height: 200px;
z-index: -1;
}
} */
&__wrapper {
@apply relative
flex
flex-row
items-end
justify-between;
}
&__titling {
@apply flex items-center gap-4;
&__icon {
@apply bg-secondary rounded-full w-8 h-8 flex items-center justify-center;
img {
@apply w-full;
max-width: 40%;
}
}
&__title {
@apply font-bold text-secondary text-xl;
}
}
&__comment {
@apply pt-4 w-2/3 max-w-5xl pr-6;
}
&__cover {
@apply absolute right-0 bottom-0;
/* transform: translateY(-30%); */
@apply w-1/3;
max-width: 250px;
/* transform: scale(2) translate(-50%, -20%); */
}
.cta {
@apply mt-8;
}
}
.brochures-archives,
.fiches-infos-archives {
@apply max-w-screen-xl mx-auto py-4 mt-8;
}

3
resources/img/graphic-assets/house-homegrade-icon.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12.388" height="14.186" viewBox="0 0 12.388 14.186">
<path id="Tracé_20412" data-name="Tracé 20412" d="M960.214,929.442l-5.194,4.782v7.4h10.388v-7.4Z" transform="translate(-954.02 -928.442)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 341 B

12
resources/js/single-conseil.js
View File

@ -20,13 +20,9 @@ export default function singleConseil() {
function handleChapterIndicatorPosition() { function handleChapterIndicatorPosition() {
let chapterIndicator = document.querySelector('.chapter_index__position-indicator'); let chapterIndicator = document.querySelector('.chapter_index__position-indicator');
} }
}
handleLinksBehavior();
// console.log(chapterIndex);
// console.log(questionBlocks);
// console.log(chapterLinks);
} }
handleLinksBehavior();
// console.log(chapterIndex);
// console.log(questionBlocks);
// console.log(chapterLinks);

12
single-conseils.php
View File

@ -27,6 +27,7 @@ function build_chapter_index($blocks)
?> ?>
<?php get_template_part('template-components/post-conseils/chapter-header'); ?> <?php get_template_part('template-components/post-conseils/chapter-header'); ?>
<div class=" conseils_wrapper"> <div class=" conseils_wrapper">
<?php if ($chapterIndex) : ?>
<aside class="chapter_index"> <aside class="chapter_index">
<div class="chapter_index__titling"> <div class="chapter_index__titling">
<div class="icon"></div> <div class="icon"></div>
@ -40,6 +41,10 @@ function build_chapter_index($blocks)
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</aside> </aside>
<?php endif; ?>
<!-- CHAPTER INDEX -->
@ -47,6 +52,13 @@ function build_chapter_index($blocks)
<article class="container my-8 mx-auto entry-content single-editor-content <?php echo $thematiqueColorSlug ? "entry-content--" . $thematiqueColorSlug : "" ?>"> <article class="container my-8 mx-auto 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; ?>

92
taxonomy-thematiques.php
View File

@ -1,11 +1,15 @@
<?php get_header(); <?php get_header();
// $term = get_queried_object(); $thematique = get_queried_object();
// $term_test = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy')); $thematique_generale = get_queried_object()->parent ? get_term(get_queried_object()->parent, 'thematiques') : get_term(get_queried_object(), 'thematiques');
$thematiqueColorSlug = getThematiqueFamilySlug($thematique_generale->slug);
$current_general_thematique = get_queried_object()->parent ? get_term(get_queried_object()->parent, 'thematiques') : get_term(get_queried_object(), 'thematiques');
$current_children_thematique = get_queried_object()->parent != 0 ? get_queried_object() : null; $current_children_thematique = get_queried_object()->parent != 0 ? get_queried_object() : null;
echo '<pre>';
print_r($thematiqueColorSlug);
echo '</pre>';
$args = array( $args = array(
@ -38,16 +42,6 @@ echo '</pre>';
$test = get_term_by('id', 12, 'category'); $test = get_term_by('id', 12, 'category');
if ($term->parent == 0) {
$args = array(
'child_of' => $term->term_id,
'taxonomy' => $term->taxonomy,
'hide_empty' => 0,
'hierarchical' => true,
'depth' => 1,
);
wp_list_categories($args);
}
// echo '<pre>'; // echo '<pre>';
// print_r($thematique_related_page); // print_r($thematique_related_page);
@ -62,7 +56,7 @@ if ($term->parent == 0) {
<a href="">Home ></a> <a href="">Home ></a>
</li> </li>
<li> <li>
<a href="<?php echo get_term_link($current_general_thematique) ?>"><?php echo $current_general_thematique->name ?></a> <a href="<?php echo get_term_link($thematique_generale) ?>"><?php echo $thematique_generale->name ?></a>
</li> </li>
<?php if ($current_children_thematique) : ?> <?php if ($current_children_thematique) : ?>
<li> <li>
@ -74,11 +68,77 @@ if ($term->parent == 0) {
</div> </div>
<div class="container my-8 mx-auto">
<div class="list_filters">
<?php if ($thematique->parent) : ?>
<?php <?php
echo $thematique_related_page->post_content; $sousThematiques = get_terms(array(
'child_of' => $thematique_generale->term_id,
'taxonomy' => 'thematiques',
'hide_empty' => true,
));
?> ?>
<?php foreach ($sousThematiques as $sousThematique) : ?>
<button data-filter="<?php echo $sousThematique->slug ?>"><?php echo $sousThematique->name ?></button>
<?php endforeach; ?>
<?php endif; ?>
</div>
<?php get_template_part(
'template-components/posts-components/chapter-header',
null,
array(
'ID' => get_queried_object_id(),
'title' => __("Les questions les plus fréquentes sur ", "homegrade-theme__texte-fonctionnel__faq-archive-questions") . get_queried_object()->name,
'sub-title' => $thematique->name,
'thematique' => $thematique,
'thematique_generale' => $thematique_generale,
'thematiqueColorSlug' => $thematiqueColorSlug,
)
); ?>
<div class="post-question-page-container <?php echo $thematiqueColorSlug ? "post-question-page--" . $thematiqueColorSlug : "" ?>"">
<?php
$query_args = array(
'post_type' => 'questions',
'posts_per_page' => -1,
'tax_query' => array(
array(
'taxonomy' => 'thematiques',
'field' => 'term_id',
'terms' => $thematique_generale->term_id,
)
)
);
$questions = new WP_Query($query_args);
?>
<?php if ($questions->have_posts()) : while ($questions->have_posts()) : $questions->the_post(); ?>
<details class=" question">
<summary>
<?php the_title(); ?>
<!-- <h2><?php the_title(); ?></h2> -->
</summary>
<div class="content">
<?php the_content(); ?>
</div>
</details>
<?php endwhile ?>
<?php endif; ?>
</div>
</div> </div>
<?php <?php

16
template-components/archives/brochure-grid-row.php
View File

@ -1,8 +1,8 @@
<?php <?php
$brochureCover = get_field('brochure_cover', $args['ID']);
$brochurePdf = get_field('brochure_pdf', $args['ID']); $brochurePdf = get_field('brochure_pdf', $args['ID']);
$brochureCover = get_field('brochure_cover_image', $brochurePdf['ID']);
$brochureEdition = get_field('brochure_edition', $args['ID']); $brochureEdition = get_field('brochure_edition', $args['ID']);
$thematique = get_the_terms($args['ID'], 'thematiques')[0]; $thematique = get_the_terms($args['ID'], 'thematiques')[0];
$rootThematic = getParentThematique($thematique); $rootThematic = getParentThematique($thematique);
@ -10,16 +10,16 @@ $rootThematic = getParentThematique($thematique);
?> ?>
<li class="brochures-grid__row"> <li class="publications-grid__row">
<?php if ($brochureCover) : ?> <?php if ($brochureCover) : ?>
<img class="brochures-grid__cover" src="<?php echo $brochureCover['sizes']['medium'] ?>" /> <img class="publications-grid__cover" src="<?php echo $brochureCover['sizes']['medium'] ?>" />
<?php endif; ?> <?php endif; ?>
<h2 class="brochures-grid__title"><?php echo $brochurePdf['title'] ?></h2> <h2 class="publications-grid__title"><?php echo $brochurePdf['title'] ?></h2>
<p class="brochures-grid__thematique"><?php echo $rootThematic->name ?></p> <p class="publications-grid__thematique"><?php echo $rootThematic->name ?></p>
<?php if ($brochureEdition) : ?> <?php if ($brochureEdition) : ?>
<p class="brochures-grid__edition"><?php echo $brochureEdition ?></p> <p class="publications-grid__edition"><?php echo $brochureEdition ?></p>
<?php endif; ?> <?php endif; ?>
<div class="brochures-grid__button"> <div class="publications-grid__button">
<a href="<?php echo $brochurePdf['url'] ?>" class=" cta cta--secondary cta--button" href="#" target="_blank"><?php echo __("Consulter le pdf", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></a> <a href="<?php echo $brochurePdf['url'] ?>" class=" cta cta--secondary cta--button" href="#" target="_blank"><?php echo __("Consulter le pdf", "homegrade-theme__texte-fonctionnel__publications-archive") ?></a>
</div> </div>
</li> </li>

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

@ -1,5 +1,6 @@
<?php <?php
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0] ?? null;
$thematique = get_the_terms($args->ID, 'thematiques')[0] ?? null;
$thematique_generale = $thematique->parent ? get_term($thematique->parent, 'thematiques') : $thematique; $thematique_generale = $thematique->parent ? get_term($thematique->parent, 'thematiques') : $thematique;
$thematique_generale_id_fr = apply_filters('wpml_object_id', $thematique_generale->term_id, 'thematiques', TRUE, 'fr'); $thematique_generale_id_fr = apply_filters('wpml_object_id', $thematique_generale->term_id, 'thematiques', TRUE, 'fr');

26
template-components/posts-components/chapter-header.css Normal file
View File

@ -0,0 +1,26 @@
.post-chapter-header {
@apply p-8 md:px-16 mt-8 max-w-screen-2xl
flex
content-between
items-center mx-auto
rounded-2xl;
margin-bottom: 20px;
&__page-thematic-cover {
max-width: 400px;
}
&__page-thematic-title {
@apply text-xl uppercase font-bold tracking-wider pb-4;
}
&__page-title {
@apply text-4xl font-bold;
}
&__infos {
@apply max-w-2xl;
.cta {
@apply my-8;
}
}
}

42
template-components/posts-components/chapter-header.php Normal file
View File

@ -0,0 +1,42 @@
<?php
$thematique = $args['thematique'] ?? null;
$thematiqueParent = $args['thematiqueParent'] ?? null;
// $thematique = get_the_terms($args->ID, 'thematiques')[0] ?? null;
$thematique_generale = $args['thematique_generale'];
$thematique_generale_id_fr = apply_filters('wpml_object_id', $thematique_generale->term_id, 'thematiques', TRUE, 'fr');
// Récupère la source de l'image par rapport à l'ID FR pour s'assurer de bien synchroniser les images dans les deux langues
$thematique_picture = get_field('taxonomy_pictures', "thematiques_" . $thematique_generale_id_fr)['illustration_s'] ?? null;
$lastUpdate = get_the_modified_date('', get_the_ID());
echo '<pre>';
print_r($questions->posts);
echo '</pre>';
?>
<section class="post-chapter-header bg-<?php echo $args['thematiqueColorSlug'] ?>-light">
<div class="post-chapter-header__infos">
<?php if ($args['sub-title']) : ?>
<p class="post-conseils-chapter-header__page-thematic-title <?php echo "text-" . $args['thematiqueColorSlug'] ?>"><?php echo $args['sub-title'] ?></p>
<?php endif; ?>
<?php
// echo '<pre>';
// print_r($args['title']);
// print_r("YOOOOOO");
// echo '</pre>';
?>
<h1 class="post-chapter-header__page-title"><?php echo $args['title'] ?></h1>
</div>
<img class="post-chapter-header__page-thematic-cover " src="<?php echo $thematique_picture['url'] ?>" alt="">
</section>

123
template-publications.php
View File

@ -1,5 +1,7 @@
<?php /* Template Name: Publications | Archive */ <?php /* Template Name: Publications | Archive */
get_header(); get_header();
$current_page_id = get_queried_object_id();
?> ?>
<div class="template-archives template-archives--publications"> <div class="template-archives template-archives--publications">
<nav class="breadcrumbs_navigation" aria-label="breadcrumbs"> <nav class="breadcrumbs_navigation" aria-label="breadcrumbs">
@ -11,11 +13,43 @@ get_header();
<section class="archive-page-header"> <section class="archive-page-header">
<h1 class="archive-page-header__title"><?php echo __("Nos publications", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></h1> <h1 class="archive-page-header__title"><?php echo __("Nos publications", "homegrade-theme__texte-fonctionnel__archive-publications") ?></h1>
<p class="archive-page-header__description"> <?php echo __("Découvrez toutes nos publications et outils en ligne", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?> <p class="archive-page-header__description"><?php echo __("Découvrez toutes nos publications et outils en ligne", "homegrade-theme__texte-fonctionnel__archive-publications") ?>
</p> </p>
<?php get_search_form(); ?> <?php get_search_form(); ?>
</section> </section>
<?php
$highlightedBrochureRelatedPost = get_field('highlighted_brochure', $current_page_id) ?? null;
$highlightedBrochurePdf = get_field('brochure_pdf', $highlightedBrochureRelatedPost->ID) ?? null;
$highlightedBrochureCover = get_field('brochure_cover_image', $highlightedBrochurePdf['ID']) ?? null;
$highlightedBrochureComment = get_field('highlighted_brochure_comment', $current_page_id) ?? null;
?>
<?php if ($highlightedBrochurePdf) : ?>
<div class="highlighted-brochure">
<div class="highlighted-brochure__wrapper">
<div class="highlighted-brochure__infos">
<div class="highlighted-brochure__titling">
<div class="highlighted-brochure__titling__icon">
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/house-homegrade-icon.svg' ?>" alt="">
</div>
<h3 class="highlighted-brochure__titling__title">
<?php echo __("Sélection de nos conseillers", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?>
</h3>
</div>
<?php if ($highlightedBrochureComment) : ?>
<p class="highlighted-brochure__comment"><?php echo $highlightedBrochureComment ?></p>
<?php endif; ?>
<a class="cta cta--secondary cta--button" href="<?php echo $highlightedBrochurePdf['url'] ?>" target="_blank"><?php echo __("Consulter le PDF", "homegrade-theme__texte-fonctionnel__archive-publications") ?></a>
</div>
<?php if ($highlightedBrochureCover) : ?>
<img class="highlighted-brochure__cover" src='<?php echo $highlightedBrochureCover['sizes']['large'] ?>' />
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<section class="brochures-archives"> <section class="brochures-archives">
@ -37,67 +71,33 @@ get_header();
// ICI METAQUERY FOR LE PDF // ICI METAQUERY FOR LE PDF
); );
$brochures = new WP_Query($args); $brochures = new WP_Query($args);
$current_page_id = get_queried_object_id();
$highlightedBrochure = get_field('highlighted_brochure', $current_page_id) ?? null;
$highlightedBrochurePdf = get_field('highlighted_brochure', $current_page_id) ?? null;
$highlightedBrochureComment = get_field('highlighted_brochure_comment', $current_page_id) ?? null;
?>
<?php if ($highlightedBrochure) : ?>
<div class="highlighted_brochure">
<h3><?php echo __("Sélection de nos conseillers", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></h3>
<h3><?php echo $highlightedBrochure->post_title ?></h3>
<?php if ($highlightedBrochureComment) : ?>
<p><?php echo $highlightedBrochureComment ?></p>
<?php endif; ?>
</div>
<?php
echo '<pre>';
print_r($highlightedBrochure);
echo '</pre>';
?> ?>
<?php endif; ?>
<ul class="brochures-grid"> <ul class="brochures-grid">
<?php if ($brochures->have_posts()) : while ($brochures->have_posts()) : $brochures->the_post(); ?> <?php if ($brochures->have_posts()) : while ($brochures->have_posts()) : $brochures->the_post(); ?>
<?php <?php
$brochureCover = get_field('brochure_cover', get_the_ID()); get_template_part('template-components/archives/brochure-grid-row', null, array('ID' => get_the_ID()));
$brochurePdf = get_field('brochure_pdf', get_the_ID());
$brochureEdition = get_field('brochure_edition', get_the_ID());
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0];
$rootThematic = getParentThematique($thematique);
?> ?>
<li class="brochures-grid__row">
<?php if ($brochureCover) : ?>
<img class="brochures-grid__cover" src="<?php echo $brochureCover['sizes']['medium'] ?>" />
<?php endif; ?>
<h2 class="brochures-grid__title"><?php echo $brochurePdf['title'] ?></h2>
<p class="brochures-grid__thematique"><?php echo $rootThematic->name ?></p>
<?php if ($brochureEdition) : ?>
<p class="brochures-grid__edition"><?php echo $brochureEdition ?></p>
<?php endif; ?>
<div class="brochures-grid__button">
<a href="<?php echo $brochurePdf['url'] ?>" class=" cta cta--secondary cta--button" href="#" target="_blank"><?php echo __("Consulter le pdf", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></a>
</div>
</li>
<?php endwhile ?> <?php endwhile ?>
<?php endif; ?> <?php endif; ?>
</ul> </ul>
<button id="load-more-brochures" class="cta cta--button cta--shadowed" target="_blank"><?php echo __("Consulter toutes les brochures", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></button> <button id="load-more-brochures" class="cta cta--button cta--shadowed" target="_blank"><?php echo __("Consulter plus de brochures", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></button>
<?php wp_reset_postdata(); ?> <?php wp_reset_postdata(); ?>
</section> </section>
<section class="fiches-infos-archives"> <section class="fiches-infos-archives">
<div class="section_titling section_titling--left"> <div class="section_titling section_titling--left">
<h2 class="section_titling__title"><?php echo __("Nos Brochures thématiques", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></h2> <h2 class="section_titling__title"><?php echo __("Nos Fiches infos", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></h2>
<p class="section_titling__subtitle">Curabitur eleifend neque eu erat lacinia tincidunt</p> <p class="section_titling__subtitle">Phasellus elit turpis, viverra id porta gravida</p>
</div> </div>
<?php <?php
@ -112,48 +112,49 @@ get_header();
'meta_compare' => '!=', 'meta_compare' => '!=',
// ICI METAQUERY FOR LE PDF // ICI METAQUERY FOR LE PDF
); );
$brochures = new WP_Query($args); $fiches_infos = new WP_Query($args);
?> ?>
<ul class="brochures-grid"> <ul class="publications-grid">
<?php if ($brochures->have_posts()) : while ($brochures->have_posts()) : $brochures->the_post(); ?> <?php if ($fiches_infos->have_posts()) : while ($fiches_infos->have_posts()) : $fiches_infos->the_post(); ?>
<?php <?php
$brochureCover = get_field('brochure_cover', get_the_ID()); $ficheInfoPdf = get_field('brochure_pdf', get_the_ID());
$brochurePdf = get_field('brochure_pdf', get_the_ID()); // $ficheInfoCover = get_field('brochure_cover', get_the_ID());
$brochureEdition = get_field('brochure_edition', get_the_ID()); $ficheInfoCover = get_field('brochure_cover_image', $ficheInfoPdf['ID']);
$ficheInfoEdition = get_field('brochure_edition', get_the_ID());
$thematique = get_the_terms(get_the_ID(), 'thematiques')[0]; $thematique = get_the_terms(get_the_ID(), 'thematiques')[0];
$rootThematic = getParentThematique($thematique); $rootThematic = getParentThematique($thematique);
?> ?>
<li class="brochures-grid__row"> <li class="publications-grid__row">
<?php if ($brochureCover) : ?> <p>missing the cover</p>
<img class="brochures-grid__cover" src="<?php echo $brochureCover['sizes']['medium'] ?>" /> <?php if ($ficheInfoCover) : ?>
<img class="brochures-grid__cover" src="<?php echo $ficheInfoCover['sizes']['medium'] ?>" />
<?php endif; ?> <?php endif; ?>
<h2 class="brochures-grid__title"><?php echo $brochurePdf['title'] ?></h2> <h2 class="publications-grid__title"><?php echo $ficheInfoPdf['title'] ?></h2>
<p class="brochures-grid__thematique"><?php echo $rootThematic->name ?></p> <p class="publications-grid__thematique"><?php echo $rootThematic->name ?></p>
<?php if ($brochureEdition) : ?> <?php if ($ficheInfoEdition) : ?>
<p class="brochures-grid__edition"><?php echo $brochureEdition ?></p> <p class="publications-grid__edition"><?php echo $ficheInfoEdition ?></p>
<?php endif; ?> <?php endif; ?>
<div class="brochures-grid__button"> <div class="publications-grid__button">
<a href="<?php echo $brochurePdf['url'] ?>" class=" cta cta--secondary cta--button" href="#" target="_blank"><?php echo __("Consulter le pdf", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></a> <a href="<?php echo $brochurePdf['url'] ?>" class=" cta cta--secondary cta--button" href="#" target="_blank"><?php echo __("Consulter le pdf", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></a>
</div> </div>
</li> </li>
<?php endwhile ?> <?php endwhile ?>
<?php endif; ?> <?php endif; ?>
</ul> </ul>
<button id="load-more-brochures" class="cta cta--button cta--shadowed" target="_blank"><?php echo __("Consulter toutes les brochures", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></button> <button id="load-more-brochures" class="cta cta--button cta--shadowed" target="_blank"><?php echo __("Consulter plus de fiches infos", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></button>
<?php wp_reset_postdata(); ?> <?php wp_reset_postdata(); ?>
</section> </section>
</div> </div>