point gilles gauthier
This commit is contained in:
parent
4fcf41543a
commit
3744b872b4
1
__attachment.php
Normal file
1
__attachment.php
Normal file
|
|
@ -0,0 +1 @@
|
|||
<h1>salut</h1>
|
||||
692
css/app.css
692
css/app.css
|
|
@ -1159,6 +1159,18 @@ button:focus {
|
|||
/* 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: invert(27%) sepia(88%) saturate(1302%)
|
||||
hue-rotate(206deg) brightness(105%) contrast(114%);
|
||||
|
|
@ -1811,7 +1823,7 @@ button:focus {
|
|||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.brochures-grid {
|
||||
.publications-grid {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 3rem;
|
||||
|
|
@ -1820,42 +1832,42 @@ button:focus {
|
|||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.brochures-grid__row {
|
||||
.publications-grid__row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(11, minmax(0, 1fr));
|
||||
gap: 2rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.brochures-grid__row + .brochures-grid__row {
|
||||
.publications-grid__row + .publications-grid__row {
|
||||
margin-top: 2rem;
|
||||
border-top-width: 1px;
|
||||
border-color: rgb(239, 239, 239, 0.6);
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.brochures-grid__cover {
|
||||
.publications-grid__cover {
|
||||
grid-column: span 1 / span 1;
|
||||
width: 5rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.brochures-grid__title {
|
||||
.publications-grid__title {
|
||||
grid-column: span 4 / span 4;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.brochures-grid__thematique {
|
||||
.publications-grid__thematique {
|
||||
grid-column: span 2 / span 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brochures-grid__edition {
|
||||
.publications-grid__edition {
|
||||
grid-column: span 2 / span 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brochures-grid__button {
|
||||
.publications-grid__button {
|
||||
grid-column: span 2 / span 2;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
|
@ -2126,6 +2138,56 @@ button:focus {
|
|||
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 ############ */
|
||||
|
||||
header#main-header {
|
||||
|
|
@ -3020,6 +3082,286 @@ header#main-header {
|
|||
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 ############ */
|
||||
|
||||
/* Home */
|
||||
|
|
@ -3502,12 +3844,17 @@ header#main-header {
|
|||
|
||||
/* @import './blocks/chapter-header-block.css'; */
|
||||
|
||||
.questions-container-block h2 {
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
.questions-container-block {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.questions-container-block__title {
|
||||
font-size: 2.25rem !important;
|
||||
line-height: 2.5rem !important;
|
||||
font-weight: 700;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
--tw-text-opacity: 1 !important;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
||||
}
|
||||
|
||||
.wp-block-homegrade-content-blocks-points-cles {
|
||||
|
|
@ -3549,6 +3896,25 @@ header#main-header {
|
|||
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 ############ */
|
||||
|
||||
.demo-components .title {
|
||||
|
|
@ -3581,9 +3947,92 @@ header#main-header {
|
|||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.brochures-archives {
|
||||
.highlighted-brochure {
|
||||
margin-left: 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;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
|
|
@ -3652,221 +4101,6 @@ header#main-header {
|
|||
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 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(47 1 84 / var(--tw-bg-opacity));
|
||||
|
|
|
|||
|
|
@ -91,6 +91,14 @@
|
|||
margin-bottom: 3rem
|
||||
}
|
||||
|
||||
.mt-8 {
|
||||
margin-top: 2rem
|
||||
}
|
||||
|
||||
.mt-16 {
|
||||
margin-top: 4rem
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block
|
||||
}
|
||||
|
|
|
|||
|
|
@ -90,7 +90,9 @@ add_action('admin_menu', 'custom_menu_page_removing');
|
|||
|
||||
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;
|
||||
|
||||
$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)
|
||||
{
|
||||
// if (is_admin()) {
|
||||
// return $classes;
|
||||
// }
|
||||
global $pagenow;
|
||||
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);
|
||||
$thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug);
|
||||
$thematiqueColorSlug = getThematiqueFamilySlug($thematiqueParent->slug) ?? null;
|
||||
|
||||
|
||||
if (in_array($pagenow, array('post.php', 'post-new.php'), true) && $thematiqueColorSlug) {
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@ function create_posttype()
|
|||
'show_in_rest' => true,
|
||||
'menu_icon' => 'dashicons-info-outline',
|
||||
'menu_position' => 2.1,
|
||||
'supports' => array('title', 'custom-fields', 'excerpt'),
|
||||
'supports' => array('title', 'custom-fields'),
|
||||
)
|
||||
);
|
||||
register_post_type(
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ function undo_create_term($term_id, $tt_id, $taxonomy)
|
|||
function add_custom_taxonomies()
|
||||
{
|
||||
// ————— Thématiques —————
|
||||
register_taxonomy('thematiques', ['questions', 'conseils', 'brochures'], array(
|
||||
register_taxonomy('thematiques', ['questions', 'conseils', 'brochures', 'fiches-infos'], array(
|
||||
// 'hierarchical' => true,
|
||||
'labels' => array(
|
||||
'name' => __('Thématiques', 'homegrade-theme__texte-backoffice'),
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
<?php
|
||||
function getThematiqueFamilySlug($thematique_slug)
|
||||
{
|
||||
|
||||
if (!$thematique_slug) {
|
||||
return null;
|
||||
}
|
||||
switch ($thematique_slug) {
|
||||
case "energie":
|
||||
case "urbanisme":
|
||||
|
|
@ -36,6 +38,10 @@ function getThematiqueFamilySlug($thematique_slug)
|
|||
|
||||
function getParentThematique($thematique)
|
||||
{
|
||||
if (!$thematique) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($thematique->parent == 0) {
|
||||
return $thematique;
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -206,7 +206,7 @@
|
|||
function singleConseil() {
|
||||
let chapterIndex = document.querySelector(".chapter_index");
|
||||
let questionBlocks = document.querySelectorAll(".questions-container-block");
|
||||
function handleLinksBehavior() {
|
||||
function handleLinksBehavior2() {
|
||||
let chapterLinks = document.querySelectorAll(".chapter_index__link");
|
||||
chapterLinks.forEach((link) => {
|
||||
link.addEventListener("click", (e) => {
|
||||
|
|
@ -221,9 +221,10 @@
|
|||
});
|
||||
}
|
||||
function handleChapterIndicatorPosition() {
|
||||
let chapterIndicator = document.querySelector(".chapter_index__position-indicator");
|
||||
}
|
||||
}
|
||||
handleLinksBehavior();
|
||||
}
|
||||
|
||||
// resources/js/app.js
|
||||
window.addEventListener("load", function() {
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@
|
|||
@import '../../template-components/cards/card-frequent_question.css';
|
||||
@import '../../template-components/cards/card-thematique.css';
|
||||
@import '../../template-components/post-conseils/chapter-header.css';
|
||||
@import '../../template-components/posts-components/chapter-header.css';
|
||||
|
||||
/* ########### LAYOUT ############ */
|
||||
@import './layout/header.css';
|
||||
|
|
@ -35,6 +36,11 @@
|
|||
@import './layout/menu-renovateur.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 ############ */
|
||||
|
||||
/* Home */
|
||||
|
|
@ -50,14 +56,11 @@
|
|||
@import './blocks/questions-container-block.css';
|
||||
@import './blocks/points-cles.css';
|
||||
@import './blocks/highlight.css';
|
||||
@import './blocks/tooltip.css';
|
||||
|
||||
/* ########### PAGE ############ */
|
||||
@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-questions.css';
|
||||
@import './pages/single-conseils.css';
|
||||
|
||||
/* ###### EDITOR ##### */
|
||||
@import './editor-content/color-taxonomy-scheme.css';
|
||||
@import './editor-content/gutenberg.css';
|
||||
|
|
|
|||
|
|
@ -8,3 +8,14 @@ button:focus {
|
|||
outline-radius: 50px;
|
||||
/* border-radius: 10px; */
|
||||
}
|
||||
|
||||
*::marker {
|
||||
display: inline-block;
|
||||
color: red;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
summary {
|
||||
margin: 10px;
|
||||
/* display: inline-block; */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
.questions-container-block {
|
||||
h2 {
|
||||
@apply font-bold text-black text-4xl;
|
||||
@apply py-12;
|
||||
&__title {
|
||||
@apply font-bold !text-black !text-4xl;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
11
resources/css/blocks/tooltip.css
Normal file
11
resources/css/blocks/tooltip.css
Normal 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; */
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
.brochures-grid {
|
||||
.publications-grid {
|
||||
@apply max-w-screen-xl mx-auto py-12 mb-12;
|
||||
|
||||
&__row {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
.entry-content--acoustique-coproprietes,
|
||||
body.acoustique-coproprietes,
|
||||
.post-conseil-page--acoustique-coproprietes {
|
||||
.post-conseil-page--acoustique-coproprietes,
|
||||
.post-question-page--acoustique-coproprietes {
|
||||
h2,
|
||||
h3,
|
||||
ul li::marker {
|
||||
|
|
@ -16,10 +17,14 @@ body.acoustique-coproprietes,
|
|||
.chapter_index__position-indicator {
|
||||
@apply bg-acoustique-coproprietes;
|
||||
}
|
||||
.tooltip-word {
|
||||
@apply !decoration-acoustique-coproprietes;
|
||||
}
|
||||
}
|
||||
.entry-content--energies-urbanisme,
|
||||
body.energies-urbanisme,
|
||||
.post-conseil-page--energies-urbanisme {
|
||||
.post-conseil-page--energies-urbanisme,
|
||||
.post-question-page--energies-urbanisme {
|
||||
h2,
|
||||
h3,
|
||||
ul li::marker {
|
||||
|
|
@ -33,10 +38,14 @@ body.energies-urbanisme,
|
|||
.chapter_index__position-indicator {
|
||||
@apply bg-energies-urbanisme;
|
||||
}
|
||||
.tooltip-word {
|
||||
@apply !decoration-energies-urbanisme;
|
||||
}
|
||||
}
|
||||
.entry-content--isolation-quotidien,
|
||||
body.isolation-quotidien,
|
||||
.post-conseil-page--isolation-quotidien {
|
||||
.post-conseil-page--isolation-quotidien,
|
||||
.post-question-page--isolation-quotidien {
|
||||
h2,
|
||||
h3,
|
||||
ul li::marker {
|
||||
|
|
@ -50,10 +59,14 @@ body.isolation-quotidien,
|
|||
.chapter_index__position-indicator {
|
||||
@apply bg-isolation-quotidien;
|
||||
}
|
||||
.tooltip-word {
|
||||
@apply !decoration-isolation-quotidien;
|
||||
}
|
||||
}
|
||||
.entry-content--patrimoine-renovation,
|
||||
body.patrimoine-renovation,
|
||||
.post-conseil-page--patrimoine-renovation {
|
||||
.post-conseil-page--patrimoine-renovation,
|
||||
.post-question-page--patrimoine-renovation {
|
||||
h2,
|
||||
h3,
|
||||
ul li::marker {
|
||||
|
|
@ -67,10 +80,14 @@ body.patrimoine-renovation,
|
|||
.chapter_index__position-indicator {
|
||||
@apply bg-patrimoine-renovation;
|
||||
}
|
||||
.tooltip-word {
|
||||
@apply !decoration-patrimoine-renovation;
|
||||
}
|
||||
}
|
||||
.entry-content--location,
|
||||
body.location,
|
||||
.post-conseil-page--location {
|
||||
.post-conseil-page--location,
|
||||
.post-question-page--location {
|
||||
h2,
|
||||
h3,
|
||||
ul li::marker {
|
||||
|
|
@ -84,4 +101,7 @@ body.location,
|
|||
.chapter_index__position-indicator {
|
||||
@apply bg-location;
|
||||
}
|
||||
.tooltip-word {
|
||||
@apply !decoration-location;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
6
resources/css/editor-content/format-types.css
Normal file
6
resources/css/editor-content/format-types.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.tooltip-word {
|
||||
@apply underline;
|
||||
text-decoration-style: dotted !important;
|
||||
text-decoration-color:;
|
||||
text-decoration-thickness: 2px !important;
|
||||
}
|
||||
|
|
@ -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
62
resources/css/pages/template-archive-publications.css
Normal 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
3
resources/img/graphic-assets/house-homegrade-icon.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 341 B |
|
|
@ -20,13 +20,9 @@ export default function singleConseil() {
|
|||
|
||||
function handleChapterIndicatorPosition() {
|
||||
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);
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@ function build_chapter_index($blocks)
|
|||
?>
|
||||
<?php get_template_part('template-components/post-conseils/chapter-header'); ?>
|
||||
<div class=" conseils_wrapper">
|
||||
<?php if ($chapterIndex) : ?>
|
||||
<aside class="chapter_index">
|
||||
<div class="chapter_index__titling">
|
||||
<div class="icon"></div>
|
||||
|
|
@ -40,6 +41,10 @@ function build_chapter_index($blocks)
|
|||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</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 : "" ?>">
|
||||
<?php the_content() ?>
|
||||
</article>
|
||||
<!-- VOCABULAIRE -->
|
||||
<div class="vocabulaire-index">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<?php endwhile; ?>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
<?php get_header();
|
||||
|
||||
// $term = get_queried_object();
|
||||
// $term_test = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy'));
|
||||
$thematique = get_queried_object();
|
||||
$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;
|
||||
|
||||
echo '<pre>';
|
||||
print_r($thematiqueColorSlug);
|
||||
echo '</pre>';
|
||||
|
||||
|
||||
$args = array(
|
||||
|
|
@ -38,16 +42,6 @@ echo '</pre>';
|
|||
$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>';
|
||||
// print_r($thematique_related_page);
|
||||
|
|
@ -62,7 +56,7 @@ if ($term->parent == 0) {
|
|||
<a href="">Home ></a>
|
||||
</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>
|
||||
<?php if ($current_children_thematique) : ?>
|
||||
<li>
|
||||
|
|
@ -74,11 +68,77 @@ if ($term->parent == 0) {
|
|||
|
||||
|
||||
</div>
|
||||
<div class="container my-8 mx-auto">
|
||||
|
||||
<div class="list_filters">
|
||||
<?php if ($thematique->parent) : ?>
|
||||
<?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>
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<?php
|
||||
|
||||
|
||||
$brochureCover = get_field('brochure_cover', $args['ID']);
|
||||
$brochurePdf = get_field('brochure_pdf', $args['ID']);
|
||||
$brochureCover = get_field('brochure_cover_image', $brochurePdf['ID']);
|
||||
$brochureEdition = get_field('brochure_edition', $args['ID']);
|
||||
$thematique = get_the_terms($args['ID'], 'thematiques')[0];
|
||||
$rootThematic = getParentThematique($thematique);
|
||||
|
|
@ -10,16 +10,16 @@ $rootThematic = getParentThematique($thematique);
|
|||
?>
|
||||
|
||||
|
||||
<li class="brochures-grid__row">
|
||||
<li class="publications-grid__row">
|
||||
<?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; ?>
|
||||
<h2 class="brochures-grid__title"><?php echo $brochurePdf['title'] ?></h2>
|
||||
<p class="brochures-grid__thematique"><?php echo $rootThematic->name ?></p>
|
||||
<h2 class="publications-grid__title"><?php echo $brochurePdf['title'] ?></h2>
|
||||
<p class="publications-grid__thematique"><?php echo $rootThematic->name ?></p>
|
||||
<?php if ($brochureEdition) : ?>
|
||||
<p class="brochures-grid__edition"><?php echo $brochureEdition ?></p>
|
||||
<p class="publications-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 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") ?></a>
|
||||
</div>
|
||||
</li>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
<?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_id_fr = apply_filters('wpml_object_id', $thematique_generale->term_id, 'thematiques', TRUE, 'fr');
|
||||
|
||||
|
|
|
|||
26
template-components/posts-components/chapter-header.css
Normal file
26
template-components/posts-components/chapter-header.css
Normal 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
42
template-components/posts-components/chapter-header.php
Normal 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>
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
<?php /* Template Name: Publications | Archive */
|
||||
get_header();
|
||||
$current_page_id = get_queried_object_id();
|
||||
|
||||
?>
|
||||
<div class="template-archives template-archives--publications">
|
||||
<nav class="breadcrumbs_navigation" aria-label="breadcrumbs">
|
||||
|
|
@ -11,11 +13,43 @@ get_header();
|
|||
|
||||
|
||||
<section class="archive-page-header">
|
||||
<h1 class="archive-page-header__title"><?php echo __("Nos publications", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></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") ?>
|
||||
<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__archive-publications") ?>
|
||||
</p>
|
||||
<?php get_search_form(); ?>
|
||||
</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">
|
||||
|
|
@ -37,67 +71,33 @@ get_header();
|
|||
// ICI METAQUERY FOR LE PDF
|
||||
);
|
||||
$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">
|
||||
<?php if ($brochures->have_posts()) : while ($brochures->have_posts()) : $brochures->the_post(); ?>
|
||||
|
||||
<?php
|
||||
$brochureCover = get_field('brochure_cover', 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);
|
||||
|
||||
get_template_part('template-components/archives/brochure-grid-row', null, array('ID' => get_the_ID()));
|
||||
?>
|
||||
<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 endif; ?>
|
||||
|
||||
|
||||
|
||||
</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(); ?>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="fiches-infos-archives">
|
||||
<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>
|
||||
<p class="section_titling__subtitle">Curabitur eleifend neque eu erat lacinia tincidunt</p>
|
||||
<h2 class="section_titling__title"><?php echo __("Nos Fiches infos", "homegrade-theme__texte-fonctionnel__publications-archive-brochures") ?></h2>
|
||||
<p class="section_titling__subtitle">Phasellus elit turpis, viverra id porta gravida</p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
|
|
@ -112,48 +112,49 @@ get_header();
|
|||
'meta_compare' => '!=',
|
||||
// ICI METAQUERY FOR LE PDF
|
||||
);
|
||||
$brochures = new WP_Query($args);
|
||||
$fiches_infos = new WP_Query($args);
|
||||
|
||||
|
||||
?>
|
||||
<ul class="brochures-grid">
|
||||
<?php if ($brochures->have_posts()) : while ($brochures->have_posts()) : $brochures->the_post(); ?>
|
||||
<ul class="publications-grid">
|
||||
<?php if ($fiches_infos->have_posts()) : while ($fiches_infos->have_posts()) : $fiches_infos->the_post(); ?>
|
||||
|
||||
<?php
|
||||
$brochureCover = get_field('brochure_cover', get_the_ID());
|
||||
$brochurePdf = get_field('brochure_pdf', get_the_ID());
|
||||
$brochureEdition = get_field('brochure_edition', get_the_ID());
|
||||
$ficheInfoPdf = get_field('brochure_pdf', get_the_ID());
|
||||
// $ficheInfoCover = get_field('brochure_cover', 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];
|
||||
$rootThematic = getParentThematique($thematique);
|
||||
|
||||
?>
|
||||
<li class="brochures-grid__row">
|
||||
<?php if ($brochureCover) : ?>
|
||||
<img class="brochures-grid__cover" src="<?php echo $brochureCover['sizes']['medium'] ?>" />
|
||||
<li class="publications-grid__row">
|
||||
<p>missing the cover</p>
|
||||
<?php if ($ficheInfoCover) : ?>
|
||||
<img class="brochures-grid__cover" src="<?php echo $ficheInfoCover['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>
|
||||
<h2 class="publications-grid__title"><?php echo $ficheInfoPdf['title'] ?></h2>
|
||||
<p class="publications-grid__thematique"><?php echo $rootThematic->name ?></p>
|
||||
<?php if ($ficheInfoEdition) : ?>
|
||||
<p class="publications-grid__edition"><?php echo $ficheInfoEdition ?></p>
|
||||
<?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>
|
||||
</div>
|
||||
</li>
|
||||
<?php endwhile ?>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
</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(); ?>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user