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

home roughly done

Browse Source
This commit is contained in:
Antoine M 2023-06-15 17:59:33 +02:00
parent d52f392cbd
commit 909edadc24
27 changed files with 670 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

330
css/app.css
View File

@ -963,6 +963,12 @@ video {
color: #718096;
}
/* ########### UTILITIES ############ */
.shadowed {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* ########### BASE ############ */
body:not(.wp-admin) {
@ -970,6 +976,15 @@ body:not(.wp-admin) {
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: invert(27%) sepia(88%) saturate(1302%)
hue-rotate(206deg) brightness(105%) contrast(114%);
@ -1004,25 +1019,104 @@ body:not(.wp-admin) {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border-radius: 9999px;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.5rem;
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 {
--tw-bg-opacity: 1;
background-color: rgb(47 1 84 / var(--tw-bg-opacity));
font-weight: 700;
--tw-text-opacity: 1;
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 {
position: relative;
border-radius: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@ -1040,6 +1134,7 @@ body:not(.wp-admin) {
}
.card-post__inner {
height: 100%;
padding: 2rem;
}
@ -1078,6 +1173,13 @@ body:not(.wp-admin) {
padding-bottom: 4rem;
}
@media (min-width: 960px) {
.card-large-content-container {
padding-left: 3rem;
padding-right: 3rem;
}
}
.card-large-content-container--has-illustration {
padding-top: 12rem;
}
@ -1170,6 +1272,15 @@ body:not(.wp-admin) {
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 {
border-radius: 1.5rem;
padding: 2rem;
@ -1188,6 +1299,7 @@ body:not(.wp-admin) {
}
.card-frequent-question__tags_container {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 0.75rem;
@ -1552,53 +1664,81 @@ button#burger-menu-toggle:hover path {
}
}
#menu-renovateur {
display: flex;
justify-content: space-between;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
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);
.site-footer {
margin-top: 3rem;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2rem;
background-color: rgb(239, 239, 239, 0.6);
padding-left: 2rem;
padding-right: 2rem;
}
#menu-renovateur .logo {
margin-right: 3rem;
width: 190px;
}
@media (min-width: 1280px) {
#menu-renovateur .logo {
width: 222px;
}
}
#menu-renovateur .page_icon {
height: 50px;
width: 50px;
}
#menu-renovateur ul {
.site-footer__informative-message {
grid-column: span 4 / span 4;
display: flex;
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;
align-items: center;
justify-content: center;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
gap: 3rem;
}
#menu-renovateur ul li .sub-menu {
display: none;
.site-footer__metiers-patrimoine {
grid-column: span 2 / span 2;
}
article > *:not(.entry-content),
@ -1653,6 +1793,96 @@ article > *:not(.entry-content),
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 ############ */
/* Home */
@ -1786,6 +2016,11 @@ article > *:not(.entry-content),
}
}
.section_latest_news {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section_latest_news .section_titling {
margin-left: auto;
margin-right: auto;
@ -1894,6 +2129,11 @@ article > *:not(.entry-content),
margin-left: auto;
}
.section-show-thematiques {
padding-top: 2rem;
padding-bottom: 8rem;
}
.section-show-thematiques .thematiques-container {
margin-left: auto;
margin-right: auto;
@ -2033,12 +2273,6 @@ article > *:not(.entry-content),
column-gap: 2rem;
}
/* ########### UTILITIES ############ */
.shadowed {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hover\:bg-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(47 1 84 / var(--tw-bg-opacity));

90
footer.php
View File

@ -5,7 +5,95 @@
<?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">
<div class="site-footer__informative-message">
<?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">

1
functions.php
View File

@ -8,6 +8,7 @@ require_once(__DIR__ . '/includes/admin.php');
require_once(__DIR__ . '/includes/logos.php');
require_once(__DIR__ . '/includes/taxonomy.php');
require_once(__DIR__ . '/includes/utilities.php');
require_once(__DIR__ . '/includes/navwalker.php');
// require_once(__DIR__ . '/includes/widget.php');
// require_once( __DIR__ . '/includes/logos.php');

8
header.php
View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php wp_head(); ?>
</head>
@ -21,13 +20,10 @@
<?php do_action('tailpress_header'); ?>
<header id="primary-header">
<div class="primary-menu-container lg:flex lg:justify-between lg: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') ?>">
<div class="menu-toggle-bar menu-toggle-bar--top"></div>
<div class="menu-toggle-bar menu-toggle-bar--middle"></div>
@ -42,6 +38,8 @@
'theme_location' => 'homegrade',
'li_class' => 'menu-navlink',
'fallback_cb' => false,
'menu_class' => 'menu-homegrade-header',
)
); ?>
</div>
@ -49,7 +47,7 @@
</div>
<!-- qsdqds -->
</header>
<div id="menu-renovateur">
<div class="menu-renovateur">
<div class="website_logo">
<?php if (has_custom_logo()) { ?>
<?php the_custom_logo(); ?>

66
includes/admin.php
View File

@ -1,6 +1,37 @@
<?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()
{
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');
// #### 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()
{
@ -32,7 +74,9 @@ function 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()
{
// remove_menu_page('edit.php'); // Hide Articles
@ -40,8 +84,10 @@ function 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()
{
global $wp_admin_bar;
@ -50,16 +96,12 @@ function 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)
{
return site_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');

71
includes/init.php
View File

@ -10,8 +10,9 @@ function tailpress_setup()
register_nav_menus(
array(
'homegrade' => __('Menu Homegrade', 'deliraph-theme'),
'renovateur' => __('Menu Rénovateur', 'deliraph-theme'),
'homegrade' => __('Menu Homegrade', 'homegrade-deligraph-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')) :
// 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
/* -----------------------------------------------------------
Enqueue Theme assets 🡒 Front
-----------------------------------------------------------*/
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'));
}
// ##### Enqueue Theme assets 🡒 Back
/* -----------------------------------------------------------
Enqueue Theme assets 🡒 Back
-----------------------------------------------------------*/
function enqueue_gutenberg_back_styles()
{
@ -127,15 +86,9 @@ function tailpress_asset($path)
return add_query_arg('time', time(), get_stylesheet_directory_uri() . '/' . $path);
}
/**
* 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
*/
/* -----------------------------------------------------------
Adds option 'li_class' to 'wp_nav_menu'
-----------------------------------------------------------*/
function tailpress_nav_menu_add_li_class($classes, $item, $args, $depth)
{
if (isset($args->li_class)) {

3
includes/logos.php
View File

@ -1,10 +1,9 @@
<?php
/** ------------------------------
/* ------------------------------
ENABLE SVG
------------------------------*/
/* <?xml version="1.0" encoding="utf-8"?> */
function cc_mime_types($mimes)
{

39
includes/navwalker.php
View File

@ -1,28 +1,35 @@
<?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;
$output .= "<ul class='" . $tmp_class . "'>";
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>';
}
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)
{
$output .= "<li>I like pie" . $item->title;
// var_dump($args);
if ($page_icon['url']) {
write_log($page_icon['url']);
$icon = '<img class="page_icon" src="' . $page_icon['url'] . '" alt=""/>';
$link = $output;
$output = $icon . $link;
}
}
function end_el(&$output, $item, $depth = 0, $args = null)
{
$output .= "...</li>";
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);

9
resources/css/app.css
View File

@ -2,10 +2,12 @@
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'custom.css';
/* ########### UTILITIES ############ */
@import './utilities/shadows.css';
/* ########### BASE ############ */
@import './base/typography.css';
@import './base/generalites.css';
@import './base/thematiques-colors.css';
/* ########### COMPONENTS ############ */
@ -21,6 +23,8 @@
@import './layout/footer.css';
@import './layout/section.css';
@import './layout/gutenberg.css';
@import './layout/menu-renovateur.css';
@import './layout/menu-homegrade.css';
/* ########### BLOCKS ############ */
@ -31,6 +35,3 @@
@import '../../template-blocks/home/show-thematiques/show-thematiques.css';
@import '../../template-blocks/home/demarches-administratives/demarches-administratives.css';
@import '../../template-blocks/home/questions-frequentes/questions-frequentes.css';
/* ########### UTILITIES ############ */
@import './utilities/shadows.css';

7
resources/css/base/generalites.css Normal file
View 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;
}

2
resources/css/components/card-large-content.css
View File

@ -1,5 +1,5 @@
.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 {
@apply pt-48;
}

4
resources/css/components/card-post.css
View File

@ -1,5 +1,5 @@
.card-post {
@apply bg-white shadow-lg rounded-3xl;
@apply bg-white shadow-lg rounded-3xl relative;
&__thumbnail {
@apply rounded-t-3xl
@ -7,7 +7,7 @@
object-cover;
}
&__inner {
@apply p-8;
@apply p-8 h-full;
}
&__tag {

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

@ -1,6 +1,43 @@
.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 {
@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);
}
}

4
resources/css/components/section-titling.css
View File

@ -20,3 +20,7 @@
@apply text-lg pt-4 max-w-3xl mx-auto;
}
}
.content-intertitle {
@apply text-secondary text-lg font-semibold pb-1;
}

0
resources/css/custom.css
View File

40
resources/css/layout/footer.css
View File

@ -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;
}
}

33
resources/css/layout/header.css
View File

@ -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
View 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
View 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
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 804 B

2
template-blocks/home/aides-financieres/aides-financieres.php
View File

@ -18,7 +18,7 @@ $renolution_datas = get_field('renolution_datas');
<h4 class="renolution__title"><?php echo $renolution_datas['title'] ?></h4>
<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="introduire-demande">
<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/pictogramme-demande.svg' alt=''>

2
template-blocks/home/demarches-administratives/demarches-administratives.php
View File

@ -37,7 +37,7 @@ echo '</pre>';
<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>
<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>
<?php endforeach; ?>

1
template-blocks/home/latest-news/latest-news.css
View File

@ -1,4 +1,5 @@
.section_latest_news {
@apply py-24;
.section_titling {
@apply max-w-md mx-auto;
}

1
template-blocks/home/show-thematiques/show-thematiques.css
View File

@ -1,4 +1,5 @@
.section-show-thematiques {
@apply pt-8 pb-32;
.thematiques-container {
@apply grid
grid-cols-3

11
template-components/card-frequent-question.php
View File

@ -3,7 +3,8 @@ $mots_cles = get_the_terms($args['post_ID'], 'mots-cles');
$thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
// echo '<pre>';
// print_r($thematique_icon);
// // print_r($args);
// print_r($mots_cles);
// print_r($args);
// 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>
<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) : ?>
<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; ?>
</div>
<?php endif; ?>
</ul>
</div>

2
template-components/card-frequent_question.css
View File

@ -10,7 +10,7 @@
}
&__tags_container {
@apply flex flex-wrap gap-x-3;
@apply flex flex-wrap gap-x-3 mt-4;
.tag {
@apply py-1 px-4 rounded-lg;

2
template-components/card-post.php
View File

@ -14,7 +14,7 @@ $post_tags = $args['post_tags'];
<div class="card-post__inner">
<p class="card-post__tag"><?php echo $post_tags[0]->name ?></p>
<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 -->
<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=''>