home roughly done
This commit is contained in:
parent
d52f392cbd
commit
909edadc24
330
css/app.css
330
css/app.css
|
|
@ -963,6 +963,12 @@ video {
|
||||||
color: #718096;
|
color: #718096;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ########### UTILITIES ############ */
|
||||||
|
|
||||||
|
.shadowed {
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
/* ########### BASE ############ */
|
/* ########### BASE ############ */
|
||||||
|
|
||||||
body:not(.wp-admin) {
|
body:not(.wp-admin) {
|
||||||
|
|
@ -970,6 +976,15 @@ body:not(.wp-admin) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:focus,
|
||||||
|
button:focus {
|
||||||
|
outline: red solid 1px;
|
||||||
|
outline-width: 1px;
|
||||||
|
outline-offset: 8px;
|
||||||
|
outline-radius: 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.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%);
|
||||||
|
|
@ -1004,25 +1019,104 @@ body:not(.wp-admin) {
|
||||||
width: -webkit-fit-content;
|
width: -webkit-fit-content;
|
||||||
width: -moz-fit-content;
|
width: -moz-fit-content;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
border-radius: 9999px;
|
|
||||||
padding-left: 2rem;
|
|
||||||
padding-right: 2rem;
|
|
||||||
padding-top: 1rem;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cta--button {
|
||||||
|
border-radius: 9999px;
|
||||||
|
padding-left: 2rem;
|
||||||
|
padding-right: 2rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--button:focus {
|
||||||
|
border-radius: 9999px;
|
||||||
|
}
|
||||||
|
|
||||||
.cta--primary {
|
.cta--primary {
|
||||||
--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));
|
||||||
font-weight: 700;
|
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cta--shadowed {
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--streched::after {
|
||||||
|
position: absolute;
|
||||||
|
content: var(--tw-content);
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--outline {
|
||||||
|
border-width: 2px;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta.cta--button.cta--outline {
|
||||||
|
--tw-border-opacity: 1;
|
||||||
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(47 1 84 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--read-more {
|
||||||
|
margin-top: auto;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(47 1 84 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--read-more:hover {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(223 30 30 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--read-more .icon {
|
||||||
|
transition: transform 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta--read-more:hover .icon {
|
||||||
|
filter: invert(27%) sepia(69%) saturate(6074%)
|
||||||
|
hue-rotate(348deg) brightness(87%) contrast(100%);
|
||||||
|
transform: translateX(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link {
|
||||||
|
display: flex;
|
||||||
|
width: -webkit-fit-content;
|
||||||
|
width: -moz-fit-content;
|
||||||
|
width: fit-content;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link:hover {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(223 30 30 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link:after {
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
display: block;
|
||||||
|
content: url('../resources/img/graphic-assets/icone-external-link.svg');
|
||||||
|
transform: translateY(1px);
|
||||||
|
}
|
||||||
|
|
||||||
.card-post {
|
.card-post {
|
||||||
|
position: relative;
|
||||||
border-radius: 1.5rem;
|
border-radius: 1.5rem;
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1040,6 +1134,7 @@ body:not(.wp-admin) {
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-post__inner {
|
.card-post__inner {
|
||||||
|
height: 100%;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1078,6 +1173,13 @@ body:not(.wp-admin) {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 960px) {
|
||||||
|
.card-large-content-container {
|
||||||
|
padding-left: 3rem;
|
||||||
|
padding-right: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.card-large-content-container--has-illustration {
|
.card-large-content-container--has-illustration {
|
||||||
padding-top: 12rem;
|
padding-top: 12rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1170,6 +1272,15 @@ body:not(.wp-admin) {
|
||||||
line-height: 1.75rem;
|
line-height: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content-intertitle {
|
||||||
|
padding-bottom: 0.25rem;
|
||||||
|
font-size: 1.125rem;
|
||||||
|
line-height: 1.75rem;
|
||||||
|
font-weight: 600;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(223 30 30 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.card-frequent-question {
|
.card-frequent-question {
|
||||||
border-radius: 1.5rem;
|
border-radius: 1.5rem;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
|
|
@ -1188,6 +1299,7 @@ body:not(.wp-admin) {
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-frequent-question__tags_container {
|
.card-frequent-question__tags_container {
|
||||||
|
margin-top: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-moz-column-gap: 0.75rem;
|
-moz-column-gap: 0.75rem;
|
||||||
|
|
@ -1552,53 +1664,81 @@ button#burger-menu-toggle:hover path {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-renovateur {
|
.site-footer {
|
||||||
display: flex;
|
margin-top: 3rem;
|
||||||
justify-content: space-between;
|
display: grid;
|
||||||
--tw-bg-opacity: 1;
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
gap: 2rem;
|
||||||
padding-top: 2rem;
|
background-color: rgb(239, 239, 239, 0.6);
|
||||||
padding-bottom: 2rem;
|
padding-left: 2rem;
|
||||||
padding-left: 4rem;
|
padding-right: 2rem;
|
||||||
padding-right: 4rem;
|
|
||||||
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
||||||
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-renovateur .logo {
|
.site-footer__informative-message {
|
||||||
margin-right: 3rem;
|
grid-column: span 4 / span 4;
|
||||||
width: 190px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1280px) {
|
|
||||||
#menu-renovateur .logo {
|
|
||||||
width: 222px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu-renovateur .page_icon {
|
|
||||||
height: 50px;
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu-renovateur ul {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 2rem;
|
border-radius: 1.5rem;
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(47 1 84 / var(--tw-bg-opacity));
|
||||||
|
padding: 2rem;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-renovateur ul li {
|
.site-footer__informative-message img {
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__partenaires,
|
||||||
|
.site-footer__metiers-patrimoine,
|
||||||
|
.site-footer__infos-contact,
|
||||||
|
.site-footer__navigation-menu {
|
||||||
|
border-radius: 1.5rem;
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__infos-contact {
|
||||||
|
grid-column: span 1 / span 1;
|
||||||
|
display: grid;
|
||||||
|
gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__infos-contact .external-link {
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__navigation-menu {
|
||||||
|
grid-column: span 3 / span 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__navigation-menu .footer-menu-renovateur {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(223 30 30 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__navigation-menu .footer-menu-renovateur .sub-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer__partenaires {
|
||||||
|
grid-column: span 2 / span 2;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-weight: 700;
|
gap: 3rem;
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-renovateur ul li .sub-menu {
|
.site-footer__metiers-patrimoine {
|
||||||
display: none;
|
grid-column: span 2 / span 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
article > *:not(.entry-content),
|
article > *:not(.entry-content),
|
||||||
|
|
@ -1653,6 +1793,96 @@ article > *:not(.entry-content),
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu-renovateur {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 2rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
padding-left: 4rem;
|
||||||
|
padding-right: 4rem;
|
||||||
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
||||||
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
||||||
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur .logo {
|
||||||
|
margin-right: 3rem;
|
||||||
|
width: 190px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1280px) {
|
||||||
|
.menu-renovateur .logo {
|
||||||
|
width: 222px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur ul {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur ul li .page_icon {
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur ul li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 700;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur ul li .sub-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur-footer li .page_icon {
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur-footer li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 700;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur-footer li .sub-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-homegrade-footer {
|
||||||
|
margin-top: 2rem;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
|
row-gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-homegrade-footer > li.menu-item > a {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
display: block;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-homegrade-footer .sub-menu li {
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
/* ########### BLOCKS ############ */
|
/* ########### BLOCKS ############ */
|
||||||
|
|
||||||
/* Home */
|
/* Home */
|
||||||
|
|
@ -1786,6 +2016,11 @@ article > *:not(.entry-content),
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section_latest_news {
|
||||||
|
padding-top: 6rem;
|
||||||
|
padding-bottom: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
.section_latest_news .section_titling {
|
.section_latest_news .section_titling {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
@ -1894,6 +2129,11 @@ article > *:not(.entry-content),
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section-show-thematiques {
|
||||||
|
padding-top: 2rem;
|
||||||
|
padding-bottom: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.section-show-thematiques .thematiques-container {
|
.section-show-thematiques .thematiques-container {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
@ -2033,12 +2273,6 @@ article > *:not(.entry-content),
|
||||||
column-gap: 2rem;
|
column-gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ########### UTILITIES ############ */
|
|
||||||
|
|
||||||
.shadowed {
|
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.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));
|
||||||
|
|
|
||||||
100
footer.php
100
footer.php
|
|
@ -1,15 +1,103 @@
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<?php do_action( 'tailpress_content_end' ); ?>
|
<?php do_action('tailpress_content_end'); ?>
|
||||||
|
|
||||||
|
|
||||||
<?php do_action( 'tailpress_content_after' ); ?>
|
<?php do_action('tailpress_content_after'); ?>
|
||||||
|
|
||||||
<footer id="colophon" class="site-footer bg-gray-50 py-12" role="contentinfo">
|
<footer id="main_footer" class="site-footer bg-gray-50 py-12" role="contentinfo">
|
||||||
<?php do_action( 'tailpress_footer' ); ?>
|
|
||||||
|
|
||||||
<div class="container mx-auto text-center text-gray-500">
|
<div class="site-footer__informative-message">
|
||||||
© <?php echo date_i18n( 'Y' );?> - <?php echo get_bloginfo( 'name' );?>
|
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'menu_' . 53); ?>
|
||||||
|
|
||||||
|
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/icone-info.svg' alt=''>
|
||||||
|
<p class=""><?php echo $footer_superior_info_message['message'] ?></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="site-footer__infos-contact">
|
||||||
|
<?php $infos_contact = get_field('footer_infos_contact_datagroup', 'menu_' . 53); ?>
|
||||||
|
<div class="point-info">
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['point_info']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['point_info']['text'] ?></p>
|
||||||
|
</div>
|
||||||
|
<div class="permanenc-telephonique">
|
||||||
|
<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'menu_' . 53); ?>
|
||||||
|
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['permanence_telephonique']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['permanence_telephonique']['text'] ?></p>
|
||||||
|
</div>
|
||||||
|
<div class="en-ligne">
|
||||||
|
<h4 class="content-intertitle"><?php echo $infos_contact['en_ligne']['title'] ?></h4>
|
||||||
|
<p><?php echo $infos_contact['en_ligne']['text'] ?></p>
|
||||||
|
<a class="external-link" href="<?php echo $infos_contact['en_ligne']['form_url'] ?>" target="blank"><?php echo $infos_contact['en_ligne']['form_btn_text'] ?></a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="site-footer__navigation-menu">
|
||||||
|
|
||||||
|
<?php
|
||||||
|
wp_nav_menu(
|
||||||
|
array(
|
||||||
|
'container' => 'false',
|
||||||
|
'theme_location' => 'renovateur',
|
||||||
|
'li_class' => 'menu-navlink',
|
||||||
|
'fallback_cb' => false,
|
||||||
|
'menu_class' => 'menu-renovateur-footer',
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
wp_nav_menu(
|
||||||
|
array(
|
||||||
|
'container' => 'false',
|
||||||
|
'theme_location' => 'homegrade',
|
||||||
|
'li_class' => 'menu-navlink',
|
||||||
|
'fallback_cb' => false,
|
||||||
|
'menu_class' => 'menu-homegrade-footer',
|
||||||
|
|
||||||
|
)
|
||||||
|
);
|
||||||
|
?>
|
||||||
|
<div class="extra_details">
|
||||||
|
<a class="cta cta--button cta--outline" href="">Plan du site</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<ul class="site-footer__partenaires">
|
||||||
|
<?php $partenaires = get_field('footer_partenaires', 'menu_' . 53)['partenaires']; ?>
|
||||||
|
<?php foreach ($partenaires as $partenaire) : ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?php echo $partenaire['url'] ?>" target="_blank">
|
||||||
|
<img src='<?php echo $partenaire['logo']['url'] ?>' alt='<?php echo $partenaire['name'] ?>'>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="site-footer__metiers-patrimoine">
|
||||||
|
<?php $metiers_patrimoine = get_field('footer_metiers_du_patirmoine', 'menu_' . 53); ?>
|
||||||
|
|
||||||
|
<h4 class="content-intertitle"><?php echo $metiers_patrimoine['title'] ?> </h4>
|
||||||
|
<p><?php echo $metiers_patrimoine['text'] ?> </p>
|
||||||
|
<a href="<?php echo $metiers_patrimoine['cta_url'] ?> " target="_blank"><?php echo $metiers_patrimoine['cta_text'] ?></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php do_action('tailpress_footer'); ?>
|
||||||
|
|
||||||
|
<div class=" container mx-auto text-center text-gray-500">
|
||||||
|
© <?php echo date_i18n('Y'); ?> - <?php echo get_bloginfo('name'); ?>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@ require_once(__DIR__ . '/includes/admin.php');
|
||||||
require_once(__DIR__ . '/includes/logos.php');
|
require_once(__DIR__ . '/includes/logos.php');
|
||||||
require_once(__DIR__ . '/includes/taxonomy.php');
|
require_once(__DIR__ . '/includes/taxonomy.php');
|
||||||
require_once(__DIR__ . '/includes/utilities.php');
|
require_once(__DIR__ . '/includes/utilities.php');
|
||||||
|
require_once(__DIR__ . '/includes/navwalker.php');
|
||||||
|
|
||||||
// require_once(__DIR__ . '/includes/widget.php');
|
// require_once(__DIR__ . '/includes/widget.php');
|
||||||
// require_once( __DIR__ . '/includes/logos.php');
|
// require_once( __DIR__ . '/includes/logos.php');
|
||||||
|
|
@ -6,7 +6,6 @@
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||||||
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
||||||
|
|
||||||
<?php wp_head(); ?>
|
<?php wp_head(); ?>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
@ -21,13 +20,10 @@
|
||||||
|
|
||||||
<?php do_action('tailpress_header'); ?>
|
<?php do_action('tailpress_header'); ?>
|
||||||
|
|
||||||
|
|
||||||
<header id="primary-header">
|
<header id="primary-header">
|
||||||
<div class="primary-menu-container lg:flex lg:justify-between lg:items-center">
|
<div class="primary-menu-container lg:flex lg:justify-between lg:items-center">
|
||||||
<nav id="primary-menu-nav" class="flex justify-between items-center">
|
<nav id="primary-menu-nav" class="flex justify-between items-center">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<button id="burger-menu-toggle" aria-label="<?php echo esc_html_e("Ouvrir le menu", 'deligraph-theme') ?>">
|
<button id="burger-menu-toggle" aria-label="<?php echo esc_html_e("Ouvrir le menu", 'deligraph-theme') ?>">
|
||||||
<div class="menu-toggle-bar menu-toggle-bar--top"></div>
|
<div class="menu-toggle-bar menu-toggle-bar--top"></div>
|
||||||
<div class="menu-toggle-bar menu-toggle-bar--middle"></div>
|
<div class="menu-toggle-bar menu-toggle-bar--middle"></div>
|
||||||
|
|
@ -42,6 +38,8 @@
|
||||||
'theme_location' => 'homegrade',
|
'theme_location' => 'homegrade',
|
||||||
'li_class' => 'menu-navlink',
|
'li_class' => 'menu-navlink',
|
||||||
'fallback_cb' => false,
|
'fallback_cb' => false,
|
||||||
|
'menu_class' => 'menu-homegrade-header',
|
||||||
|
|
||||||
)
|
)
|
||||||
); ?>
|
); ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -49,7 +47,7 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- qsdqds -->
|
<!-- qsdqds -->
|
||||||
</header>
|
</header>
|
||||||
<div id="menu-renovateur">
|
<div class="menu-renovateur">
|
||||||
<div class="website_logo">
|
<div class="website_logo">
|
||||||
<?php if (has_custom_logo()) { ?>
|
<?php if (has_custom_logo()) { ?>
|
||||||
<?php the_custom_logo(); ?>
|
<?php the_custom_logo(); ?>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,37 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
// #### ADMIN STYLE
|
/* ---------------------------
|
||||||
|
PAGE D'OPTIONS DU THEME
|
||||||
|
---------------------------*/
|
||||||
|
|
||||||
|
function register_theme_settings_option_page()
|
||||||
|
{
|
||||||
|
|
||||||
|
// Check function exists.
|
||||||
|
if (function_exists('acf_add_options_page')) {
|
||||||
|
|
||||||
|
// Register options page.
|
||||||
|
$option_page = acf_add_options_page(array(
|
||||||
|
'page_title' => __('Paramètres du site'),
|
||||||
|
'menu_title' => __('Paramètres du site'),
|
||||||
|
'menu_slug' => 'theme-general-settings',
|
||||||
|
'capability' => 'activate_plugins',
|
||||||
|
'redirect' => false,
|
||||||
|
'position' => 9,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// add_options_page( 'MyPlugin Options', 'MyPlugin Options', 'activate_plugins', 'myplugin-options', 'myplugin_options' );
|
||||||
|
|
||||||
|
|
||||||
|
add_action('acf/init', 'register_theme_settings_option_page');
|
||||||
|
|
||||||
|
|
||||||
|
/* ---------------------------
|
||||||
|
ADMIN STYLES
|
||||||
|
---------------------------*/
|
||||||
|
|
||||||
|
// Amin Stylesheet
|
||||||
function my_custom_admin()
|
function my_custom_admin()
|
||||||
{
|
{
|
||||||
wp_enqueue_style('admin_styles', get_template_directory_uri() . '/css/admin-style.css');
|
wp_enqueue_style('admin_styles', get_template_directory_uri() . '/css/admin-style.css');
|
||||||
|
|
@ -8,7 +39,18 @@ function my_custom_admin()
|
||||||
|
|
||||||
add_action('admin_head', 'my_custom_admin');
|
add_action('admin_head', 'my_custom_admin');
|
||||||
|
|
||||||
// #### ENQUEUE DU COLOR SCHEME ADMIN
|
// ENQUEUE DU CSS BLADE LOGIN ADMIN
|
||||||
|
function enqueue_custom_login_stylesheet()
|
||||||
|
{
|
||||||
|
wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/style-login.css');
|
||||||
|
}
|
||||||
|
add_action('login_enqueue_scripts', 'enqueue_custom_login_stylesheet');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ----------------------------------
|
||||||
|
ENQUEUE DU COLOR SCHEME ADMIN
|
||||||
|
-----------------------------------*/
|
||||||
|
|
||||||
function homegrade_admin_color_scheme()
|
function homegrade_admin_color_scheme()
|
||||||
{
|
{
|
||||||
|
|
@ -32,7 +74,9 @@ function homegrade_admin_color_scheme()
|
||||||
add_action('admin_init', 'homegrade_admin_color_scheme');
|
add_action('admin_init', 'homegrade_admin_color_scheme');
|
||||||
|
|
||||||
|
|
||||||
// ##### REMOVE FROM ADMIN MENU
|
/* ----------------------------------
|
||||||
|
REMOVE FROM ADMIN MENU
|
||||||
|
-----------------------------------*/
|
||||||
function custom_menu_page_removing()
|
function custom_menu_page_removing()
|
||||||
{
|
{
|
||||||
// remove_menu_page('edit.php'); // Hide Articles
|
// remove_menu_page('edit.php'); // Hide Articles
|
||||||
|
|
@ -40,8 +84,10 @@ function custom_menu_page_removing()
|
||||||
}
|
}
|
||||||
add_action('admin_menu', 'custom_menu_page_removing');
|
add_action('admin_menu', 'custom_menu_page_removing');
|
||||||
|
|
||||||
|
/* ----------------------------------
|
||||||
|
REMOVE FROM ADMIN BAR
|
||||||
|
-----------------------------------*/
|
||||||
|
|
||||||
// ##### Removes from admin bar
|
|
||||||
function mytheme_admin_bar_render()
|
function mytheme_admin_bar_render()
|
||||||
{
|
{
|
||||||
global $wp_admin_bar;
|
global $wp_admin_bar;
|
||||||
|
|
@ -50,16 +96,12 @@ function mytheme_admin_bar_render()
|
||||||
add_action('wp_before_admin_bar_render', 'mytheme_admin_bar_render');
|
add_action('wp_before_admin_bar_render', 'mytheme_admin_bar_render');
|
||||||
|
|
||||||
|
|
||||||
// ##### MODIFIER LE LIEN DU LOGO SUR LA BLADE DE CONNEXION À L'INTERFACE ADMIN
|
|
||||||
|
/* ----------------------------------------------------------------------
|
||||||
|
MODIFIER LE LIEN DU LOGO SUR LA BLADE DE CONNEXION À L'INTERFACE ADMIN
|
||||||
|
------------------------------------------------------------------------*/
|
||||||
function change_login_logo_url($url)
|
function change_login_logo_url($url)
|
||||||
{
|
{
|
||||||
return site_url();
|
return site_url();
|
||||||
}
|
}
|
||||||
add_filter('login_headerurl', 'change_login_logo_url');
|
add_filter('login_headerurl', 'change_login_logo_url');
|
||||||
|
|
||||||
// ##### ENQUEUE DU CSS BLADE LOGIN ADMIN
|
|
||||||
function enqueue_custom_login_stylesheet()
|
|
||||||
{
|
|
||||||
wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/style-login.css');
|
|
||||||
}
|
|
||||||
add_action('login_enqueue_scripts', 'enqueue_custom_login_stylesheet');
|
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,9 @@ function tailpress_setup()
|
||||||
|
|
||||||
register_nav_menus(
|
register_nav_menus(
|
||||||
array(
|
array(
|
||||||
'homegrade' => __('Menu Homegrade', 'deliraph-theme'),
|
'homegrade' => __('Menu Homegrade', 'homegrade-deligraph-theme'),
|
||||||
'renovateur' => __('Menu Rénovateur', 'deliraph-theme'),
|
'renovateur' => __('Menu Rénovateur', 'homegrade-deligraph-theme'),
|
||||||
|
'footer' => __('Footer', 'homegrade-deligraph-theme'),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -44,52 +45,9 @@ add_action('after_setup_theme', 'tailpress_setup');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ##### Menu Walker
|
/* -----------------------------------------------------------
|
||||||
// if (!function_exists('register_navwalker')) :
|
Enqueue Theme assets 🡒 Front
|
||||||
// function register_navwalker() {
|
-----------------------------------------------------------*/
|
||||||
// require('includes/navwalker.php');
|
|
||||||
// }
|
|
||||||
// endif;
|
|
||||||
// add_action('after_setup_theme', 'register_navwalker');
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ##### Walker to ReWrap li submenu parent with button instead of <a>
|
|
||||||
function wrap_parent_menu_item_buttons($output, $item, $depth, $args)
|
|
||||||
{
|
|
||||||
|
|
||||||
if ($args->theme_location === "homegrade" && in_array('menu-item-has-children', $item->classes, true)) {
|
|
||||||
$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
|
|
||||||
}
|
|
||||||
if ($args->theme_location === "renovateur") {
|
|
||||||
$page_icon = get_field('page_icon', $item->object_id);
|
|
||||||
|
|
||||||
write_log($item);
|
|
||||||
if (in_array('menu-item-has-children', $item->classes, true)) {
|
|
||||||
$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($page_icon['url']) {
|
|
||||||
write_log($page_icon['url']);
|
|
||||||
$icon = '<img class="page_icon" src="' . $page_icon['url'] . '" alt=""/>';
|
|
||||||
$link = $output;
|
|
||||||
$output = $icon . $link;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($args->theme_location === "footer" && in_array('menu-item-has-children', $item->classes, true)) {
|
|
||||||
$output = $item->title;
|
|
||||||
}
|
|
||||||
return $output;
|
|
||||||
}
|
|
||||||
add_filter('walker_nav_menu_start_el', 'wrap_parent_menu_item_buttons', 10, 4);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ##### Enqueue Theme assets 🡒 Front
|
|
||||||
|
|
||||||
function tailpress_enqueue_scripts()
|
function tailpress_enqueue_scripts()
|
||||||
{
|
{
|
||||||
|
|
@ -99,8 +57,9 @@ function tailpress_enqueue_scripts()
|
||||||
wp_enqueue_script('tailpress', tailpress_asset('js/app.js'), array(), $theme->get('Version'));
|
wp_enqueue_script('tailpress', tailpress_asset('js/app.js'), array(), $theme->get('Version'));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* -----------------------------------------------------------
|
||||||
// ##### Enqueue Theme assets 🡒 Back
|
Enqueue Theme assets 🡒 Back
|
||||||
|
-----------------------------------------------------------*/
|
||||||
|
|
||||||
function enqueue_gutenberg_back_styles()
|
function enqueue_gutenberg_back_styles()
|
||||||
{
|
{
|
||||||
|
|
@ -127,15 +86,9 @@ function tailpress_asset($path)
|
||||||
return add_query_arg('time', time(), get_stylesheet_directory_uri() . '/' . $path);
|
return add_query_arg('time', time(), get_stylesheet_directory_uri() . '/' . $path);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/* -----------------------------------------------------------
|
||||||
* Adds option 'li_class' to 'wp_nav_menu'.
|
Adds option 'li_class' to 'wp_nav_menu'
|
||||||
*
|
-----------------------------------------------------------*/
|
||||||
* @param string $classes String of classes.
|
|
||||||
* @param mixed $item The curren item.
|
|
||||||
* @param WP_Term $args Holds the nav menu arguments.
|
|
||||||
*
|
|
||||||
* @return array
|
|
||||||
*/
|
|
||||||
function tailpress_nav_menu_add_li_class($classes, $item, $args, $depth)
|
function tailpress_nav_menu_add_li_class($classes, $item, $args, $depth)
|
||||||
{
|
{
|
||||||
if (isset($args->li_class)) {
|
if (isset($args->li_class)) {
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,14 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
/** ------------------------------
|
/* ------------------------------
|
||||||
ENABLE SVG
|
ENABLE SVG
|
||||||
------------------------------*/
|
------------------------------*/
|
||||||
|
|
||||||
/* <?xml version="1.0" encoding="utf-8"?> */
|
|
||||||
|
|
||||||
function cc_mime_types($mimes)
|
function cc_mime_types($mimes)
|
||||||
{
|
{
|
||||||
$mimes['svg'] = 'image/svg+xml';
|
$mimes['svg'] = 'image/svg+xml';
|
||||||
return $mimes;
|
return $mimes;
|
||||||
}
|
}
|
||||||
add_filter('upload_mimes', 'cc_mime_types');
|
add_filter('upload_mimes', 'cc_mime_types');
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,28 +1,35 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
class wp_nav_menu_walker extends Walker_Nav_menu
|
/* -----------------------------------------------------------
|
||||||
|
Walker to ReWrap li submenu parent with button instead of
|
||||||
|
-----------------------------------------------------------*/
|
||||||
|
|
||||||
|
function wrap_parent_menu_item_buttons($output, $item, $depth, $args)
|
||||||
{
|
{
|
||||||
|
|
||||||
function start_lvl(&$output, $depth = 0, $args = null)
|
|
||||||
{
|
|
||||||
|
|
||||||
$tmp_class = "child-" . $depth;
|
if ($args->theme_location === "homegrade" && $args->menu_class === "menu-homegrade-header" && in_array('menu-item-has-children', $item->classes, true)) {
|
||||||
|
$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
|
||||||
$output .= "<ul class='" . $tmp_class . "'>";
|
}
|
||||||
|
if ($args->theme_location === "renovateur") {
|
||||||
|
$page_icon = get_field('page_icon', $item->object_id);
|
||||||
|
|
||||||
|
// write_log($item);
|
||||||
|
if (in_array('menu-item-has-children', $item->classes, true)) {
|
||||||
|
$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
|
||||||
}
|
}
|
||||||
|
|
||||||
function start_el(&$output, $item, $depth = 0, $args = null, $id = 0)
|
if ($page_icon['url']) {
|
||||||
{
|
write_log($page_icon['url']);
|
||||||
|
$icon = '<img class="page_icon" src="' . $page_icon['url'] . '" alt=""/>';
|
||||||
$output .= "<li>I like pie" . $item->title;
|
$link = $output;
|
||||||
|
$output = $icon . $link;
|
||||||
// var_dump($args);
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function end_el(&$output, $item, $depth = 0, $args = null)
|
if ($args->theme_location === "footer" && in_array('menu-item-has-children', $item->classes, true)) {
|
||||||
{
|
$output = $item->title;
|
||||||
$output .= "...</li>";
|
|
||||||
}
|
}
|
||||||
|
return $output;
|
||||||
}
|
}
|
||||||
|
add_filter('walker_nav_menu_start_el', 'wrap_parent_menu_item_buttons', 10, 4);
|
||||||
|
|
@ -2,10 +2,12 @@
|
||||||
@import 'tailwindcss/components';
|
@import 'tailwindcss/components';
|
||||||
@import 'tailwindcss/utilities';
|
@import 'tailwindcss/utilities';
|
||||||
|
|
||||||
@import 'custom.css';
|
/* ########### UTILITIES ############ */
|
||||||
|
@import './utilities/shadows.css';
|
||||||
|
|
||||||
/* ########### BASE ############ */
|
/* ########### BASE ############ */
|
||||||
@import './base/typography.css';
|
@import './base/typography.css';
|
||||||
|
@import './base/generalites.css';
|
||||||
@import './base/thematiques-colors.css';
|
@import './base/thematiques-colors.css';
|
||||||
|
|
||||||
/* ########### COMPONENTS ############ */
|
/* ########### COMPONENTS ############ */
|
||||||
|
|
@ -21,6 +23,8 @@
|
||||||
@import './layout/footer.css';
|
@import './layout/footer.css';
|
||||||
@import './layout/section.css';
|
@import './layout/section.css';
|
||||||
@import './layout/gutenberg.css';
|
@import './layout/gutenberg.css';
|
||||||
|
@import './layout/menu-renovateur.css';
|
||||||
|
@import './layout/menu-homegrade.css';
|
||||||
|
|
||||||
/* ########### BLOCKS ############ */
|
/* ########### BLOCKS ############ */
|
||||||
|
|
||||||
|
|
@ -31,6 +35,3 @@
|
||||||
@import '../../template-blocks/home/show-thematiques/show-thematiques.css';
|
@import '../../template-blocks/home/show-thematiques/show-thematiques.css';
|
||||||
@import '../../template-blocks/home/demarches-administratives/demarches-administratives.css';
|
@import '../../template-blocks/home/demarches-administratives/demarches-administratives.css';
|
||||||
@import '../../template-blocks/home/questions-frequentes/questions-frequentes.css';
|
@import '../../template-blocks/home/questions-frequentes/questions-frequentes.css';
|
||||||
|
|
||||||
/* ########### UTILITIES ############ */
|
|
||||||
@import './utilities/shadows.css';
|
|
||||||
|
|
|
||||||
7
resources/css/base/generalites.css
Normal file
7
resources/css/base/generalites.css
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
a:focus,
|
||||||
|
button:focus {
|
||||||
|
outline: red solid 1px;
|
||||||
|
@apply outline-1 outline-offset-8;
|
||||||
|
outline-radius: 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
.card-large-content-container {
|
.card-large-content-container {
|
||||||
@apply bg-gray py-16 flex flex-col items-center;
|
@apply bg-gray py-16 flex flex-col items-center lg:px-12;
|
||||||
&--has-illustration {
|
&--has-illustration {
|
||||||
@apply pt-48;
|
@apply pt-48;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
.card-post {
|
.card-post {
|
||||||
@apply bg-white shadow-lg rounded-3xl;
|
@apply bg-white shadow-lg rounded-3xl relative;
|
||||||
|
|
||||||
&__thumbnail {
|
&__thumbnail {
|
||||||
@apply rounded-t-3xl
|
@apply rounded-t-3xl
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
object-cover;
|
object-cover;
|
||||||
}
|
}
|
||||||
&__inner {
|
&__inner {
|
||||||
@apply p-8;
|
@apply p-8 h-full;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__tag {
|
&__tag {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,43 @@
|
||||||
.cta {
|
.cta {
|
||||||
@apply rounded-full px-8 py-4 block w-fit my-2 text-base font-bold;
|
@apply block w-fit my-2 text-base font-bold;
|
||||||
|
&--button {
|
||||||
|
@apply rounded-full px-8 py-4 focus:rounded-full font-bold;
|
||||||
|
}
|
||||||
&--primary {
|
&--primary {
|
||||||
@apply bg-primary text-white font-bold;
|
@apply bg-primary text-white;
|
||||||
|
}
|
||||||
|
&--shadowed {
|
||||||
|
@apply shadowed;
|
||||||
|
}
|
||||||
|
&--streched {
|
||||||
|
@apply after:absolute after:inset-0;
|
||||||
|
}
|
||||||
|
&--outline {
|
||||||
|
@apply border-2 bg-transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.cta--button.cta--outline {
|
||||||
|
@apply border-black text-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--read-more {
|
||||||
|
@apply flex text-primary hover:text-secondary w-full justify-between items-center mt-auto;
|
||||||
|
.icon {
|
||||||
|
transition: transform 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
&:hover .icon {
|
||||||
|
filter: invert(27%) sepia(69%) saturate(6074%)
|
||||||
|
hue-rotate(348deg) brightness(87%) contrast(100%);
|
||||||
|
transform: translateX(3px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.external-link {
|
||||||
|
@apply font-semibold hover:text-secondary flex w-fit items-center;
|
||||||
|
&:after {
|
||||||
|
@apply ml-2 block;
|
||||||
|
content: url('../resources/img/graphic-assets/icone-external-link.svg');
|
||||||
|
transform: translateY(1px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -20,3 +20,7 @@
|
||||||
@apply text-lg pt-4 max-w-3xl mx-auto;
|
@apply text-lg pt-4 max-w-3xl mx-auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content-intertitle {
|
||||||
|
@apply text-secondary text-lg font-semibold pb-1;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
.site-footer {
|
||||||
|
@apply bg-gray grid grid-cols-4 px-8 gap-8 mt-12;
|
||||||
|
|
||||||
|
&__informative-message {
|
||||||
|
@apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
|
||||||
|
img {
|
||||||
|
@apply mr-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__partenaires,
|
||||||
|
&__metiers-patrimoine,
|
||||||
|
&__infos-contact,
|
||||||
|
&__navigation-menu {
|
||||||
|
@apply p-8 bg-white rounded-3xl;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__infos-contact {
|
||||||
|
@apply col-span-1 grid gap-6;
|
||||||
|
.external-link {
|
||||||
|
@apply pt-2 mt-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__navigation-menu {
|
||||||
|
@apply col-span-3;
|
||||||
|
.footer-menu-renovateur {
|
||||||
|
@apply flex gap-4 bg-secondary w-full justify-center items-end;
|
||||||
|
.sub-menu {
|
||||||
|
@apply hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__partenaires {
|
||||||
|
@apply flex col-span-2 justify-center items-center gap-12;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__metiers-patrimoine {
|
||||||
|
@apply col-span-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -261,36 +261,3 @@ button#burger-menu-toggle {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-renovateur {
|
|
||||||
@apply bg-white py-8
|
|
||||||
px-16
|
|
||||||
shadow-md
|
|
||||||
flex
|
|
||||||
justify-between;
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
@apply mr-12
|
|
||||||
w-[190px]
|
|
||||||
xl:w-[222px];
|
|
||||||
}
|
|
||||||
.page_icon {
|
|
||||||
@apply w-[50px] h-[50px];
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
@apply flex justify-center gap-8;
|
|
||||||
|
|
||||||
li {
|
|
||||||
@apply text-black
|
|
||||||
flex
|
|
||||||
justify-center
|
|
||||||
items-center
|
|
||||||
font-bold;
|
|
||||||
|
|
||||||
.sub-menu {
|
|
||||||
@apply hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
10
resources/css/layout/menu-homegrade.css
Normal file
10
resources/css/layout/menu-homegrade.css
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
.menu-homegrade-footer {
|
||||||
|
@apply grid grid-cols-4 gap-y-8 mt-8;
|
||||||
|
|
||||||
|
> li.menu-item > a {
|
||||||
|
@apply font-bold mb-2 block;
|
||||||
|
}
|
||||||
|
.sub-menu li {
|
||||||
|
@apply block my-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
51
resources/css/layout/menu-renovateur.css
Normal file
51
resources/css/layout/menu-renovateur.css
Normal file
|
|
@ -0,0 +1,51 @@
|
||||||
|
.menu-renovateur {
|
||||||
|
@apply py-8
|
||||||
|
px-16
|
||||||
|
shadow-md
|
||||||
|
flex
|
||||||
|
justify-between;
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
@apply mr-12
|
||||||
|
w-[190px]
|
||||||
|
xl:w-[222px];
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
@apply flex justify-center gap-8;
|
||||||
|
|
||||||
|
li {
|
||||||
|
.page_icon {
|
||||||
|
@apply w-[50px] h-[50px];
|
||||||
|
}
|
||||||
|
@apply text-black
|
||||||
|
flex
|
||||||
|
justify-center
|
||||||
|
items-center
|
||||||
|
font-bold;
|
||||||
|
|
||||||
|
.sub-menu {
|
||||||
|
@apply hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-renovateur-footer {
|
||||||
|
@apply flex justify-center gap-8;
|
||||||
|
|
||||||
|
li {
|
||||||
|
.page_icon {
|
||||||
|
@apply w-[50px] h-[50px];
|
||||||
|
}
|
||||||
|
@apply text-black
|
||||||
|
flex
|
||||||
|
justify-center
|
||||||
|
items-center
|
||||||
|
font-bold;
|
||||||
|
|
||||||
|
.sub-menu {
|
||||||
|
@apply hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
7
resources/img/pictogrammes/icone-info.svg
Normal file
7
resources/img/pictogrammes/icone-info.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="14.659" height="14.659" viewBox="0 0 14.659 14.659">
|
||||||
|
<g id="icone-info" transform="translate(1 1)">
|
||||||
|
<path id="Tracé_3196" data-name="Tracé 3196" d="M15.659,9.329A6.329,6.329,0,1,1,9.329,3,6.329,6.329,0,0,1,15.659,9.329Z" transform="translate(-3 -3)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<path id="Tracé_3197" data-name="Tracé 3197" d="M18,20.532V18" transform="translate(-11.671 -11.67)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
<path id="Tracé_3198" data-name="Tracé 3198" d="M18,12h0" transform="translate(-11.671 -8.203)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 804 B |
|
|
@ -18,7 +18,7 @@ $renolution_datas = get_field('renolution_datas');
|
||||||
|
|
||||||
<h4 class="renolution__title"><?php echo $renolution_datas['title'] ?></h4>
|
<h4 class="renolution__title"><?php echo $renolution_datas['title'] ?></h4>
|
||||||
<p><?php echo $renolution_datas['description'] ?></p>
|
<p><?php echo $renolution_datas['description'] ?></p>
|
||||||
<a class="cta cta--primary" href="<?php echo $renolution_datas['button']['url'] ?>" target="<?php echo $renolution_datas['button']['target'] ?>"><?php echo $renolution_datas['button']['title'] ?></a>
|
<a class="cta cta--primary cta--button" href="<?php echo $renolution_datas['button']['url'] ?>" target="<?php echo $renolution_datas['button']['target'] ?>"><?php echo $renolution_datas['button']['title'] ?></a>
|
||||||
<div class="renolution__guide-external-links">
|
<div class="renolution__guide-external-links">
|
||||||
<div class="introduire-demande">
|
<div class="introduire-demande">
|
||||||
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/pictogramme-demande.svg' alt=''>
|
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/pictogramme-demande.svg' alt=''>
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,7 @@ echo '</pre>';
|
||||||
<h4 class="card-large-content__link__title"><?php echo $linked_page->post_title ?></h4>
|
<h4 class="card-large-content__link__title"><?php echo $linked_page->post_title ?></h4>
|
||||||
<p class="card-large-content__link__excerpt"><?php echo $linked_page->post_excerpt ?></p>
|
<p class="card-large-content__link__excerpt"><?php echo $linked_page->post_excerpt ?></p>
|
||||||
|
|
||||||
<a class="cta shadowed" href="<?php echo get_permalink($linked_page->ID) ?>"><?php echo $link_datas['button_text'] ?></a>
|
<a class="cta cta--button cta--shadowed" href="<?php echo get_permalink($linked_page->ID) ?>"><?php echo $link_datas['button_text'] ?></a>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
.section_latest_news {
|
.section_latest_news {
|
||||||
|
@apply py-24;
|
||||||
.section_titling {
|
.section_titling {
|
||||||
@apply max-w-md mx-auto;
|
@apply max-w-md mx-auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
.section-show-thematiques {
|
.section-show-thematiques {
|
||||||
|
@apply pt-8 pb-32;
|
||||||
.thematiques-container {
|
.thematiques-container {
|
||||||
@apply grid
|
@apply grid
|
||||||
grid-cols-3
|
grid-cols-3
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,8 @@ $mots_cles = get_the_terms($args['post_ID'], 'mots-cles');
|
||||||
$thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
|
$thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
|
||||||
// echo '<pre>';
|
// echo '<pre>';
|
||||||
// print_r($thematique_icon);
|
// print_r($thematique_icon);
|
||||||
// // print_r($args);
|
// print_r($mots_cles);
|
||||||
|
// print_r($args);
|
||||||
// echo '</pre>';
|
// echo '</pre>';
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
@ -13,10 +14,12 @@ $thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
|
||||||
<h4 class="card-frequent-question__title text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $args['thematique']->name ?></h4>
|
<h4 class="card-frequent-question__title text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $args['thematique']->name ?></h4>
|
||||||
<p class=""><?php echo $args['post_title'] ?></p>
|
<p class=""><?php echo $args['post_title'] ?></p>
|
||||||
|
|
||||||
<div class="card-frequent-question__tags_container">
|
<ul class="card-frequent-question__tags_container">
|
||||||
|
<?php if (!empty($mots_cles)) : ?>
|
||||||
<?php foreach ($mots_cles as $mot_cle) : ?>
|
<?php foreach ($mots_cles as $mot_cle) : ?>
|
||||||
<p class="tag bg-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>-light text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $mot_cle->name ?></p>
|
<li class="tag bg-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>-light text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $mot_cle->name ?></li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
<?php endif; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__tags_container {
|
&__tags_container {
|
||||||
@apply flex flex-wrap gap-x-3;
|
@apply flex flex-wrap gap-x-3 mt-4;
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
@apply py-1 px-4 rounded-lg;
|
@apply py-1 px-4 rounded-lg;
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ $post_tags = $args['post_tags'];
|
||||||
<div class="card-post__inner">
|
<div class="card-post__inner">
|
||||||
<p class="card-post__tag"><?php echo $post_tags[0]->name ?></p>
|
<p class="card-post__tag"><?php echo $post_tags[0]->name ?></p>
|
||||||
<h3 class="card-post__title"><?php echo $post_title ?></h3>
|
<h3 class="card-post__title"><?php echo $post_title ?></h3>
|
||||||
<a href="#" class="cta cta--read-more ">
|
<a href="#" class="cta cta--read-more cta--streched ">
|
||||||
<!-- cta-read-more -->
|
<!-- cta-read-more -->
|
||||||
<span><?php echo __("Lire l'article", 'deligraph-theme') ?></span>
|
<span><?php echo __("Lire l'article", 'deligraph-theme') ?></span>
|
||||||
<img class="icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/arrow-right-circle.svg' alt=''>
|
<img class="icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/arrow-right-circle.svg' alt=''>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user