Antoine/Deligraph-V3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Antoine:64ec471a10c888d665315ac0c4cc12788cdfb157
Branches Tags
Antoine:main
..
compare: Antoine:b6b35383dcf0fd0fab594e38682ecf358a204628
Branches Tags
Antoine:main

No commits in common. "64ec471a10c888d665315ac0c4cc12788cdfb157" and "b6b35383dcf0fd0fab594e38682ecf358a204628" have entirely different histories.
64ec471a10 ... b6b35383dc

23 changed files with 103 additions and 4479 deletions
Show Stats Expand all files Collapse all files

209
css/app.css
View File

@ -80,73 +80,6 @@
font-style: normal; font-style: normal;
} */ } */
.wpml-ls-item a span{
padding: 2px 0;
text-transform: uppercase;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu{
background-color: transparent;
box-shadow: none;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li > a {
padding: 0px 12px;
}
.navigation #menu-primary-en li a {
font-family: "Montserrat", sans-serif!important;
font-weight: 500!important;
font-size: 15px!important;
color: #000!important;
transition: all 0.2s ease-in!important;
text-transform: none !important;
}
.navigation #menu-primary-en .current-menu-item a, .navigation #menu-primary-en a:hover {
color: var(--pink)!important;
}
#wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li:hover>a, #wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.current-menu-ancestor>a, #wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.active>a, .wpmm-woo-product-category ul li.cat-list a:hover, .wpmm-woo-product-category.layout_2 ul li a:hover{
color: var(--pink)!important;
}
/* Ajustements Mobiles */
.wpmm-mobile-menu .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li > a {
padding: 0px 0px;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item, .navigation #menu-primary-en > li.wpml-ls-menu-item{
margin-left: 0px;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item a,.navigation #menu-primary-en > li.wpml-ls-menu-item a{
padding: 15px 4px;
}
.wpml-ls-first-item{
margin-left: 25px!important;
}
.wpml-ls-current-language a span{
border-bottom: solid 1px #000000;
}
@media screen and (max-width: 991px) {
.wpml-ls-first-item{
margin-left: 0!important;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item, .navigation #menu-primary-en > li.wpml-ls-menu-item{
padding: 0 12px!important;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item a, .navigation #menu-primary-en > li.wpml-ls-menu-item a {
padding: 2px 4px;
}
}
.wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { .wp-admin.post-type-portfolio .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
} }
@ -183,18 +116,7 @@
.portfolio-single{ .portfolio-single{
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-top: 0px;
}
@media (min-width: 782px){
.wp-admin.post-type-portfolio .is-root-container,
.portfolio-single{
padding-top: 7rem; padding-top: 7rem;
}
}
.wp-admin.post-type-portfolio .is-root-container,
.portfolio-single {
/* & + *:not(.simple-screen) { /* & + *:not(.simple-screen) {
@apply xl:mt-32; @apply xl:mt-32;
} */ } */
@ -264,29 +186,16 @@
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
line-height: 2.5rem; line-height: 2.5rem;
font-weight: 700 !important; font-weight: 700 !important;
font-size: 1.5rem; font-size: 2.5rem;
line-height: 1;
}
@media (min-width: 782px) {
.wp-admin.post-type-portfolio .is-root-container h2, .portfolio-single h2 {
font-size: 2.5rem
}
} }
.chapter-section + .peertube-integration{ .chapter-section + .peertube-integration{
margin-top: 2rem; margin-top: 2rem;
} }
.portfolio-archive{
padding-top: 0px !important;
}
@media (min-width: 782px){
.portfolio-archive{ .portfolio-archive{
padding-top: 8rem !important; padding-top: 8rem !important;
} }
}
/* @apply bigCaslon; */ /* @apply bigCaslon; */
@ -310,34 +219,14 @@
} }
.portfolio-project-card{ .portfolio-project-card{
/* position: absolute; */
z-index: 2;
position: relative;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 5rem;
}
@media (min-width: 782px){
.portfolio-project-card{
padding-left: 3rem; padding-left: 3rem;
padding-right: 3rem; padding-right: 3rem;
padding-top: 8rem; padding-top: 8rem;
}
}
.portfolio-project-card {
max-width: 1800px; max-width: 1800px;
} }
@media (max-width: 768px) {
.portfolio-project-card:first-child{
padding-top: 3rem;
}
}
.portfolio-project-card__cover{ .portfolio-project-card__cover{
display: block; display: block;
overflow: hidden; overflow: hidden;
@ -376,11 +265,11 @@
.portfolio-project-card__details .client-name{ .portfolio-project-card__details .client-name{
padding-top: 1rem; padding-top: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 400; font-weight: 400;
text-decoration-line: underline; text-decoration-line: underline;
text-underline-offset: 4px; text-underline-offset: 4px;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
} }
.portfolio-project-card__details .excerpt{ .portfolio-project-card__details .excerpt{
@ -389,7 +278,6 @@
.portfolio-project-card__details .excerpt h3{ .portfolio-project-card__details .excerpt h3{
font-size: 1.25rem; font-size: 1.25rem;
font-family: "Montserrat", sans-serif;
/* @apply bigCaslon text-4xl; */ /* @apply bigCaslon text-4xl; */
/* @apply bigCaslon text-4xl; */ /* @apply bigCaslon text-4xl; */
} }
@ -400,20 +288,7 @@
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.25rem; line-height: 1.25rem;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)); color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.portfolio-project-card__details .excerpt p a{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
text-decoration: underline;
text-decoration-color: #999999;
transition: all 0.2s ease-in;
}
.portfolio-project-card__details .excerpt p a:hover {
text-decoration: underline;
text-decoration-color: #000;
} }
.portfolio-project-card__details .terms{ .portfolio-project-card__details .terms{
@ -549,29 +424,12 @@
.portfolio-header__heading-infos{ .portfolio-header__heading-infos{
display: flex; display: flex;
flex-direction: column;
row-gap: 0.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
@media (min-width: 782px){
.portfolio-header__heading-infos{
flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
}
}
.portfolio-header__heading-infos{
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1rem;
} }
.portfolio-header__heading-infos > *{
display: block;
}
.portfolio-header__heading-infos .project-type{ .portfolio-header__heading-infos .project-type{
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
@ -591,7 +449,6 @@
object-fit: contain; object-fit: contain;
-o-object-position: center; -o-object-position: center;
object-position: center; object-position: center;
max-height: 250px;
} }
.portfolio-header__innerblocks{ .portfolio-header__innerblocks{
@ -599,45 +456,28 @@
margin-right: auto; margin-right: auto;
max-width: 32rem; max-width: 32rem;
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 2rem;
text-align: center; text-align: center;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.25rem; line-height: 1.25rem;
} }
@media (min-width: 960px){
.portfolio-header__innerblocks{
padding: 2rem;
}
}
.gallery-website-screens{ .gallery-website-screens{
width: 100vw; width: 100vw;
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
padding: 1rem;
}
@media (min-width: 782px){
.gallery-website-screens{
padding: 2.5rem; padding: 2.5rem;
} }
}
.gallery-website-screens--padding-simple{ .gallery-website-screens--padding-simple{
padding-top: 2.5rem; padding-top: 2.5rem;
padding-bottom: 2.5rem; padding-bottom: 2.5rem;
} }
.gallery-website-screens--padding-double{
padding: 1rem;
}
@media (min-width: 782px){
.gallery-website-screens--padding-double{ .gallery-website-screens--padding-double{
padding-top: 4rem; padding-top: 4rem;
padding-bottom: 4rem; padding-bottom: 4rem;
} }
}
.gallery-website-screens{ .gallery-website-screens{
margin: 0 calc(50% - 50vw); margin: 0 calc(50% - 50vw);
@ -680,16 +520,9 @@
.gallery-website-screens__screens-grid.is-flex{ .gallery-website-screens__screens-grid.is-flex{
display: flex; display: flex;
flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@media (min-width: 782px){
.gallery-website-screens__screens-grid.is-flex{
flex-direction: row;
}
}
.gallery-website-screens__screens-grid.is-flex img{ .gallery-website-screens__screens-grid.is-flex img{
max-height: 24rem; max-height: 24rem;
} }
@ -747,20 +580,13 @@
.chapter-section{ .chapter-section{
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 0px !important; margin-bottom: 0px !important;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 2rem; gap: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 782px){
.chapter-section{
display: flex;
padding-left: 3rem; padding-left: 3rem;
padding-right: 3rem; padding-right: 3rem;
} }
}
@media (min-width: 1440px){ @media (min-width: 1440px){
.chapter-section{ .chapter-section{
@ -770,7 +596,6 @@
.chapter-section { .chapter-section {
/* min-height: 80vh; */ /* min-height: 80vh; */
padding-top: 1.5rem;
} }
@media (min-width: 1280px){ @media (min-width: 1280px){
@ -794,14 +619,8 @@
.chapter-section__content { .chapter-section__content {
flex-shrink: 0; flex-shrink: 0;
max-width: 100%;
}
@media (min-width: 960px){
.chapter-section__content{
max-width: 32rem; max-width: 32rem;
} }
}
.chapter-section__content p{ .chapter-section__content p{
max-width: 24rem; max-width: 24rem;
@ -824,11 +643,9 @@
display: block; display: block;
} }
@media (min-width: 782px){
.chapter-section__cover--large{ .chapter-section__cover--large{
height: 24rem !important; height: 24rem !important;
} }
}
.chapter-section__cover--grande{ .chapter-section__cover--grande{
height: 20rem !important; height: 20rem !important;
@ -842,13 +659,6 @@
height: 3rem !important; height: 3rem !important;
} }
@media (max-width: 768px) {
.chapter-section__cover{
height: auto;
width: 100%;
}
}
.simple-screen{ .simple-screen{
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
@ -870,16 +680,9 @@
width: 100%; width: 100%;
} }
.simple-screen--large{
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 782px){
.simple-screen--large{ .simple-screen--large{
padding: 6rem; padding: 6rem;
} }
}
.simple-screen--large img{ .simple-screen--large img{
height: auto; height: auto;

34
css/base-styles-previous-theme.css
View File

@ -324,8 +324,7 @@ p:empty {
color: rgba(33, 213, 245, 1); color: rgba(33, 213, 245, 1);
} }
.desktopMenu #menu-primary-beta, .desktopMenu #menu-primary-beta {
.desktopMenu #menu-primary-en {
display: flex !important; display: flex !important;
padding-left: 30px; padding-left: 30px;
} }
@ -515,19 +514,12 @@ p:empty {
font-size: 21px; font-size: 21px;
font-weight: 600; font-weight: 600;
color: #e91969; color: #e91969;
margin-bottom: 0;
line-height: 25px;
} }
.home .temoignages .contactTemoignages .Contact { .home .temoignages .contactTemoignages .Contact {
font-size: 19px; font-size: 19px;
font-weight: 200; font-weight: 200;
color: #000; color: #000;
line-height: 23px;
}
.home .temoignages .contactTemoignages .contactHaut {
margin-bottom: 0;
} }
.home .temoignages .trait { .home .temoignages .trait {
@ -2376,7 +2368,7 @@ p:empty {
background-color: var(--pink); background-color: var(--pink);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 32px 64px; background-size: 32px 64px;
background-image: url("../images/mapMoin.svg"); background-image: url("images/mapMoin.svg");
} }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-in:hover,
@ -2615,14 +2607,12 @@ p:empty {
} }
.footer .menu-vous-et-deligraph-beta-container ul, .footer .menu-vous-et-deligraph-beta-container ul,
.footer .menu-deligraph-et-vous-beta-en-container ul,
.footer .menu-deligraph-beta-container ul { .footer .menu-deligraph-beta-container ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.footer .menu-vous-et-deligraph-beta-container ul li, .footer .menu-vous-et-deligraph-beta-container ul li,
.footer .menu-deligraph-et-vous-beta-en-container ul li,
.footer .menu-deligraph-beta-container ul li { .footer .menu-deligraph-beta-container ul li {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -2632,7 +2622,6 @@ p:empty {
} }
.footer .menu-vous-et-deligraph-beta-container ul li a, .footer .menu-vous-et-deligraph-beta-container ul li a,
.footer .menu-deligraph-et-vous-beta-en-container ul li a,
.footer .menu-deligraph-beta-container ul li a { .footer .menu-deligraph-beta-container ul li a {
font-family: var(--montserrat); font-family: var(--montserrat);
font-size: 12px; font-size: 12px;
@ -2988,8 +2977,7 @@ p:empty {
} }
@media screen and (min-width: 991px) and (max-width: 1200px) { @media screen and (min-width: 991px) and (max-width: 1200px) {
.navigation #menu-primary-beta > li, .navigation #menu-primary-beta > li {
.navigation #menu-primary-en > li {
margin-left: 25px; margin-left: 25px;
} }
} }
@ -3011,20 +2999,17 @@ p:empty {
margin-left: 61px; margin-left: 61px;
} }
.navigation #menu-primary-beta, .navigation #menu-primary-beta {
.navigation #menu-primary-en {
text-align: left; text-align: left;
margin-top: 50px; margin-top: 50px;
} }
.navigation #menu-primary-beta li:first-child, .navigation #menu-primary-beta li:first-child {
.navigation #menu-primary-en li:first-child{
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;
} }
.navigation #menu-primary-beta li, .navigation #menu-primary-beta li {
.navigation #menu-primary-en li {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
} }
@ -3140,8 +3125,7 @@ p:empty {
font-size: 20px; font-size: 20px;
} }
.navigation #menu-primary-beta, .navigation #menu-primary-beta {
.navigation #menu-primary-en{
list-style: none; list-style: none;
margin-bottom: 0; margin-bottom: 0;
padding: 0; padding: 0;
@ -3150,8 +3134,7 @@ p:empty {
background-color: rgb(237, 216, 216); background-color: rgb(237, 216, 216);
} }
.navigation #menu-primary-beta .wp-megamenu-sub-menu li, .navigation #menu-primary-beta .wp-megamenu-sub-menu li {
.navigation #menu-primary-en .wp-megamenu-sub-menu li {
margin: 0; margin: 0;
} }
@ -3169,7 +3152,6 @@ p:empty {
width: 390px; width: 390px;
left: -15px; left: -15px;
top: -40%; top: -40%;
z-index: 1;
} }
} }

62
footer.php
View File

@ -2,9 +2,9 @@
<div class='row'> <div class='row'>
<div class="col-md-6 col-lg-3"> <div class="col-md-6 col-lg-3">
<?php <?php
// wp_nav_menu(array( wp_nav_menu(array(
// 'menu' => 'Menu Footer - Beta', 'menu' => 'Menu Footer - Beta',
// )); ));
?> ?>
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?> <?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/agence-web-studio-graphique-bruxelles-verviers.svg" alt="Agence web et studio graphique à Bruxelles et Liège"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/agence-web-studio-graphique-bruxelles-verviers.svg" alt="Agence web et studio graphique à Bruxelles et Liège">
@ -41,70 +41,68 @@
</div> </div>
<div class="col-md-6 col-lg-3"> <div class="col-md-6 col-lg-3">
<div class="menuHaut"> <div class="menuHaut">
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?> </div>
<div class="">
<p>Agence de communication visuelle</p>
<p class="info">
Culture Drops Sprl division Deligraph
<br>
<span><a class="emailFooter" href="mailto:info@deligraph.com">info@deligraph.com</a></span>
</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="menuHaut">
<p>Vous et Deligraph</p> <p>Vous et Deligraph</p>
<?php else : ?>
<p>Deligraph and You</p>
<?php endif; ?>
<?php <?php
wp_nav_menu(array( wp_nav_menu(array(
'menu' => 'Vous-et-deligraph-beta', 'menu' => 'Vous-et-deligraph-beta',
)); ));
?> ?>
</div> </div>
</div> <div class="menuBas">
<div class="col-md-6 col-lg-3"> <p>Deligraph... ?</p>
<div class="menuHaut">
<p>Deligraph ?</p>
<?php <?php
wp_nav_menu(array( wp_nav_menu(array(
'menu' => 'Deligraph…?-beta', 'menu' => 'Deligraph…?-beta',
)); ));
?> ?>
<!--
<p>Bruxelles</p>
<p class="info">
+32 2 344 96 14
<br>
Rue Meyerbeer 20 – 1190 Bruxelles
</p>
-->
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-3"> <div class="col-md-6 col-lg-3">
<div class="menuHaut"> <div class="menuHaut">
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?> <p>Bruxelles</p>
<p>Agence web et graphique</p>
<?php else : ?>
<p>Web and graphic design agency</p>
<?php endif; ?>
<p class="info"> <p class="info">
Deligraph Srl
<br>
<span><a class="emailFooter" href="mailto:info@deligraph.com">info@deligraph.com</a></span>
<br>
+32 474 047 647 +32 474 047 647
<br>
Avenue des Violettes 18 <br />1640 Rhode-Saint-Genèse
</p> </p>
</div> </div>
<!-- <div class="menuBas"> <div class="menuBas">
<p>Verviers</p> <p>Verviers</p>
<p class="info"> <p class="info">
+32 474 047 647 +32 474 047 647
<br> <br>
Avenue Léopold II 6 <br />4800 Verviers Avenue Léopold II 6 <br />4800 Verviers
</p> </p>
</div> --> </div>
</div> </div>
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<p class="legal"><span class="tva">TVA : BE 0835 103 682 – RPM : Bruxelles</span></p> <p class="legal"><span class="tva">TVA : BE 0835 103 682 – RPM : Bruxelles</span></p>
</div> </div>
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/cgv-20150114/">Conditions Générales de Vente – 20150114</a></span></p> <p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/cgv-20150114/">Conditions Générales de Vente – 20150114</a></span></p>
<?php else : ?>
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>cgv-en-20150114/">General terms and conditions – 20150114</a></span></p>
<?php endif; ?>
</div> </div>
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/vie-privee/">Déclaration en matière de vie privée</a></span></p> <p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/vie-privee/">Déclaration en matière de vie privée</a></span></p>
<?php else : ?>
<p class="legal"><span class="condition"><a href="<?php echo home_url() ?>privacy/">Privacy statement</a></span></p>
<?php endif; ?>
</div> </div>
<div class="col-12 col-lg-3"> <div class="col-12 col-lg-3">
<p class="legal"><span class="copyright">© 2020 | Delicious Visual Communication</span></p> <p class="legal"><span class="copyright">© 2020 | Delicious Visual Communication</span></p>

4
header.php
View File

@ -14,8 +14,8 @@
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/snackbar/snackbar.css"> --> <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/snackbar/snackbar.css"> -->
<!-- online scripts --> <!-- online scripts -->
<script src="https://kit.fontawesome.com/c5f6836d82.js" crossorigin="anonymous"></script> <!-- <script src="https://kit.fontawesome.com/c5f6836d82.js" crossorigin="anonymous"></script>
<!-- <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&display=swap" rel="stylesheet"> --> <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&display=swap" rel="stylesheet"> -->
<!-- <link rel="stylesheet" href="https://use.typekit.net/iaa6iur.css"> --> <!-- <link rel="stylesheet" href="https://use.typekit.net/iaa6iur.css"> -->
</head> </head>

1
includes/init.php
View File

@ -16,7 +16,6 @@ function theme_enqueue_styles()
function theme_enqueue_librairies() function theme_enqueue_librairies()
{ {
wp_enqueue_script('jquery_min_script', get_stylesheet_directory_uri() . '/assets/jquery.js'); wp_enqueue_script('jquery_min_script', get_stylesheet_directory_uri() . '/assets/jquery.js');
wp_enqueue_script('main_map_script', get_stylesheet_directory_uri() . '/assets/mainmap.js');
wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . '/assets/bootstrap/bootstrap.min.css"'); wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . '/assets/bootstrap/bootstrap.min.css"');
wp_enqueue_style('slick', get_stylesheet_directory_uri() . '/assets/slick/slick.css'); wp_enqueue_style('slick', get_stylesheet_directory_uri() . '/assets/slick/slick.css');
wp_enqueue_style('slick-theme', get_stylesheet_directory_uri() . '/assets/slick/slick-theme.css'); wp_enqueue_style('slick-theme', get_stylesheet_directory_uri() . '/assets/slick/slick-theme.css');

3973
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
resources/css/app.css
View File

@ -3,7 +3,6 @@
@import "tailwindcss/utilities"; */ @import "tailwindcss/utilities"; */
/* @import url("css/font.css"); */ /* @import url("css/font.css"); */
@import "./base/font.css"; @import "./base/font.css";
@import "./base/menuLang.css";
@import "./editor/editor.css"; @import "./editor/editor.css";
@import "./pages/single-portfolio.css"; @import "./pages/single-portfolio.css";

38
resources/css/base-styles-previous-theme.css
View File

@ -281,8 +281,7 @@ p:empty {
.navigation #menu-primary-beta li a.bleu { .navigation #menu-primary-beta li a.bleu {
color: rgba(33, 213, 245, 1); color: rgba(33, 213, 245, 1);
} }
.desktopMenu #menu-primary-beta, .desktopMenu #menu-primary-beta {
.desktopMenu #menu-primary-en {
display: flex !important; display: flex !important;
padding-left: 30px; padding-left: 30px;
} }
@ -440,20 +439,12 @@ p:empty {
font-size: 21px; font-size: 21px;
font-weight: 600; font-weight: 600;
color: #e91969; color: #e91969;
margin-bottom: 0;
line-height: 25px;
} }
.home .temoignages .contactTemoignages .Contact { .home .temoignages .contactTemoignages .Contact {
font-size: 19px; font-size: 19px;
font-weight: 200; font-weight: 200;
color: #000; color: #000;
line-height: 23px;
} }
.home .temoignages .contactTemoignages .contactHaut {
margin-bottom: 0;
}
.home .temoignages .trait { .home .temoignages .trait {
width: 65px; width: 65px;
height: 10px; height: 10px;
@ -2055,7 +2046,7 @@ p:empty {
background-color: var(--pink); background-color: var(--pink);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 32px 64px; background-size: 32px 64px;
background-image: url("../images/mapMoin.svg"); background-image: url("images/mapMoin.svg");
} }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover { .no-touch #cd-zoom-out:hover {
@ -2253,13 +2244,11 @@ p:empty {
margin: 0; margin: 0;
} }
.footer .menu-vous-et-deligraph-beta-container ul, .footer .menu-vous-et-deligraph-beta-container ul,
.footer .menu-deligraph-et-vous-beta-en-container ul,
.footer .menu-deligraph-beta-container ul { .footer .menu-deligraph-beta-container ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.footer .menu-vous-et-deligraph-beta-container ul li, .footer .menu-vous-et-deligraph-beta-container ul li,
.footer .menu-deligraph-et-vous-beta-en-container ul li,
.footer .menu-deligraph-beta-container ul li { .footer .menu-deligraph-beta-container ul li {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -2268,7 +2257,6 @@ p:empty {
margin-top: 5px; margin-top: 5px;
} }
.footer .menu-vous-et-deligraph-beta-container ul li a, .footer .menu-vous-et-deligraph-beta-container ul li a,
.footer .menu-deligraph-et-vous-beta-en-container ul li a,
.footer .menu-deligraph-beta-container ul li a { .footer .menu-deligraph-beta-container ul li a {
font-family: var(--montserrat); font-family: var(--montserrat);
font-size: 12px; font-size: 12px;
@ -2555,8 +2543,7 @@ p:empty {
} }
} }
@media screen and (min-width: 991px) and (max-width: 1200px) { @media screen and (min-width: 991px) and (max-width: 1200px) {
.navigation #menu-primary-beta > li, .navigation #menu-primary-beta > li {
.navigation #menu-primary-en > li {
margin-left: 25px; margin-left: 25px;
} }
} }
@ -2575,22 +2562,18 @@ p:empty {
.page-template-template-portfolio .button-group button { .page-template-template-portfolio .button-group button {
margin-left: 61px; margin-left: 61px;
} }
.navigation #menu-primary-beta, .navigation #menu-primary-beta {
.navigation #menu-primary-en {
text-align: left; text-align: left;
margin-top: 50px; margin-top: 50px;
} }
.navigation #menu-primary-beta li:first-child, .navigation #menu-primary-beta li:first-child {
.navigation #menu-primary-en li:first-child{
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
} }
.navigation #menu-primary-beta li:first-child, .navigation #menu-primary-beta li:first-child {
.navigation #menu-primary-en li:first-child {
margin-left: 0px; margin-left: 0px;
} }
.navigation #menu-primary-beta li, .navigation #menu-primary-beta li {
.navigation #menu-primary-en li {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
} }
@ -2690,8 +2673,7 @@ p:empty {
color: #000000 !important; color: #000000 !important;
font-size: 20px; font-size: 20px;
} }
.navigation #menu-primary-beta, .navigation #menu-primary-beta {
.navigation #menu-primary-en{
list-style: none; list-style: none;
margin-bottom: 0; margin-bottom: 0;
padding: 0; padding: 0;
@ -2699,8 +2681,7 @@ p:empty {
text-align: left; text-align: left;
background-color: rgb(237, 216, 216); background-color: rgb(237, 216, 216);
} }
.navigation #menu-primary-beta .wp-megamenu-sub-menu li, .navigation #menu-primary-beta .wp-megamenu-sub-menu li {
.navigation #menu-primary-en .wp-megamenu-sub-menu li {
margin: 0; margin: 0;
} }
.page-template-template-contact .information h2 { .page-template-template-contact .information h2 {
@ -2715,7 +2696,6 @@ p:empty {
width: 390px; width: 390px;
left: -15px; left: -15px;
top: -40%; top: -40%;
z-index: 1;
} }
} }

71
resources/css/base/menuLang.css
View File

@ -1,71 +0,0 @@
.wpml-ls-item{
a {
span{
padding: 2px 0;
text-transform: uppercase;
}
}
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu{
background-color: transparent;
box-shadow: none;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li > a {
padding: 0px 12px;
}
.navigation #menu-primary-en li a {
font-family: "Montserrat", sans-serif!important;
font-weight: 500!important;
font-size: 15px!important;
color: #000!important;
transition: all 0.2s ease-in!important;
text-transform: none !important;
}
.navigation #menu-primary-en .current-menu-item a, .navigation #menu-primary-en a:hover {
color: var(--pink)!important;
}
#wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li:hover>a, #wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.current-menu-ancestor>a, #wp-megamenu-primary-en>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.active>a, .wpmm-woo-product-category ul li.cat-list a:hover, .wpmm-woo-product-category.layout_2 ul li a:hover{
color: var(--pink)!important;
}
/* Ajustements Mobiles */
.wpmm-mobile-menu{
.wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li > a {
padding: 0px 0px;
}
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item, .navigation #menu-primary-en > li.wpml-ls-menu-item{
margin-left: 0px;
a{
padding: 15px 4px;
}
}
.wpml-ls-first-item{
margin-left: 25px!important;
}
.wpml-ls-current-language a span{
border-bottom: solid 1px #000000;
}
@media screen and (max-width: 991px) {
.wpml-ls-first-item{
margin-left: 0!important;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item, .navigation #menu-primary-en > li.wpml-ls-menu-item{
padding: 0 12px!important;
}
.navigation #menu-primary-beta > li.wpml-ls-menu-item a, .navigation #menu-primary-en > li.wpml-ls-menu-item a {
padding: 2px 4px;
}
}

11
resources/css/blocks/chapter-section.css
View File

@ -1,7 +1,7 @@
.chapter-section { .chapter-section {
@apply md:flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-6 md:px-12; @apply flex items-center justify-center gap-8 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */ /* min-height: 80vh; */
@apply pt-6 xl:pt-32; @apply xl:pt-32;
@apply mx-auto; @apply mx-auto;
@ -13,7 +13,7 @@
} }
&__content { &__content {
flex-shrink: 0; flex-shrink: 0;
@apply max-w-full lg:max-w-lg; @apply max-w-lg;
p { p {
@apply text-neutral-600 max-w-sm; @apply text-neutral-600 max-w-sm;
} }
@ -31,7 +31,7 @@
display: block; display: block;
&--large { &--large {
@apply md:!h-96; @apply !h-96;
} }
&--grande { &--grande {
@apply !h-80; @apply !h-80;
@ -42,8 +42,5 @@
&--small { &--small {
@apply !h-12; @apply !h-12;
} }
@media (max-width: 768px) {
@apply w-full h-auto;
}
} }
} }

6
resources/css/blocks/gallery-website-screens.css
View File

@ -1,10 +1,10 @@
.gallery-website-screens { .gallery-website-screens {
@apply bg-neutral-100 p-4 md:p-10 w-screen; @apply bg-neutral-100 p-10 w-screen;
&--padding-simple { &--padding-simple {
@apply py-10; @apply py-10;
} }
&--padding-double { &--padding-double {
@apply p-4 md:py-16; @apply py-16;
} }
margin: 0 calc(50% - 50vw); margin: 0 calc(50% - 50vw);
@ -14,7 +14,7 @@
@apply grid grid-cols-2 lg:grid-cols-3; @apply grid grid-cols-2 lg:grid-cols-3;
} }
&.is-flex { &.is-flex {
@apply flex flex-nowrap flex-col md:flex-row; @apply flex flex-nowrap;
img { img {
@apply max-h-96; @apply max-h-96;
} }

8
resources/css/blocks/portfolio-header.css
View File

@ -24,11 +24,8 @@
} }
&__heading-infos { &__heading-infos {
@apply flex flex-col md:flex-row md:items-center md:justify-between gap-y-2 gap-x-6; @apply flex items-center justify-between;
@apply text-xs; @apply text-xs;
> * {
@apply block;
}
.project-type { .project-type {
@apply my-0 leading-relaxed; @apply my-0 leading-relaxed;
} }
@ -36,10 +33,9 @@
.client-logo { .client-logo {
@apply w-72 h-auto object-contain object-center mx-auto block my-12 relative; @apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
max-height: 250px;
} }
&__innerblocks { &__innerblocks {
@apply mx-auto max-w-lg lg:p-8 rounded-lg text-center text-sm; @apply mx-auto max-w-lg p-8 rounded-lg text-center text-sm;
} }
} }

2
resources/css/blocks/simple-screen.css
View File

@ -10,7 +10,7 @@
} }
} }
&--large { &--large {
@apply px-0 md:p-24; @apply p-24;
img { img {
@apply w-full max-w-screen-2xl h-auto; @apply w-full max-w-screen-2xl h-auto;
} }

30
resources/css/pages/archive-portfolio.css
View File

@ -1,5 +1,5 @@
.portfolio-archive { .portfolio-archive {
@apply !pt-0 md:!pt-32; @apply !pt-32;
} }
.portfolio-archive, .portfolio-archive,
.old-projects { .old-projects {
@ -26,18 +26,9 @@
} }
.portfolio-project-card { .portfolio-project-card {
/* position: absolute; */ @apply mx-auto px-12 pt-32;
z-index: 2;
position: relative;
@apply mx-auto px-4 md:px-12 pt-20 md:pt-32;
max-width: 1800px; max-width: 1800px;
@media (max-width: 768px) {
&:first-child {
@apply pt-12;
}
}
&__cover { &__cover {
@apply bg-neutral-100 block overflow-hidden; @apply bg-neutral-100 block overflow-hidden;
img { img {
@ -61,30 +52,17 @@
@apply grid md:grid-cols-2; @apply grid md:grid-cols-2;
.client-name { .client-name {
@apply pt-4 font-normal underline underline-offset-4; @apply pt-4 text-lg font-normal underline underline-offset-4;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
} }
.excerpt { .excerpt {
@apply pt-4; @apply pt-4;
h3 { h3 {
@apply text-xl; @apply text-xl;
font-family: "Montserrat", sans-serif;
/* @apply bigCaslon text-4xl; */ /* @apply bigCaslon text-4xl; */
/* @apply bigCaslon text-4xl; */ /* @apply bigCaslon text-4xl; */
} }
p { p {
@apply text-sm text-black pb-0 mb-0; @apply text-sm text-neutral-500 pb-0 mb-0;
a {
@apply text-black;
text-decoration: underline;
text-decoration-color: #999999;
transition: all 0.2s ease-in;
&:hover {
text-decoration: underline;
text-decoration-color: #000;
}
}
} }
} }
.terms { .terms {

6
resources/css/pages/single-portfolio.css
View File

@ -1,6 +1,6 @@
.wp-admin.post-type-portfolio .is-root-container, .wp-admin.post-type-portfolio .is-root-container,
.portfolio-single { .portfolio-single {
@apply pt-0 md:pt-28 mx-auto; @apply pt-28 mx-auto;
h1, h1,
h2, h2,
@ -41,12 +41,8 @@
h2 { h2 {
@apply text-4xl pb-6 !font-bold; @apply text-4xl pb-6 !font-bold;
font-size: 1.5rem;
line-height: 1;
@screen md {
font-size: 2.5rem; font-size: 2.5rem;
} }
}
/* & + *:not(.simple-screen) { /* & + *:not(.simple-screen) {
@apply xl:mt-32; @apply xl:mt-32;
} */ } */

16
single.php
View File

@ -22,22 +22,6 @@ $wpseo_primary_term = new WPSEO_Primary_Term( 'category', get_the_id() );
{ {
$classColor = 'formationSurMesure'; $classColor = 'formationSurMesure';
} }
if($term->slug == 'web-design-en')
{
$classColor = 'agenceWeb';
}elseif($term->slug == 'graphisme-en')
{
$classColor = 'studioGraphique';
}elseif($term->slug == 'video-en')
{
$classColor = 'productionAudiovisuelle';
}elseif($term->slug == 'e-marketing-en')
{
$classColor = 'inboundMarketing';
}elseif($term->slug == 'formation-en')
{
$classColor = 'formationSurMesure';
}
//} //}
?> ?>
<div class="container <?php echo $classColor; ?>"> <div class="container <?php echo $classColor; ?>">

16
templates/template-blog.php
View File

@ -47,22 +47,6 @@ get_header();
{ {
$classColor = 'formationSurMesure'; $classColor = 'formationSurMesure';
} }
if($term->slug == 'web-design-en')
{
$classColor = 'agenceWeb';
}elseif($term->slug == 'graphisme-en')
{
$classColor = 'studioGraphique';
}elseif($term->slug == 'video-en')
{
$classColor = 'productionAudiovisuelle';
}elseif($term->slug == 'e-marketing-en')
{
$classColor = 'inboundMarketing';
}elseif($term->slug == 'formation-en')
{
$classColor = 'formationSurMesure';
}
//} //}
//print_r($cat); //print_r($cat);

8
templates/template-contact.php
View File

@ -76,7 +76,7 @@ get_header();
<div class="container"> <div class="container">
<div class="row"><div class="offset-lg-4 col-lg-8"><div class="circleMap"></div></div></div> <div class="row"><div class="offset-lg-4 col-lg-8"><div class="circleMap"></div></div></div>
</div> </div>
<!-- <div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<section id="cd-google-map"> <section id="cd-google-map">
@ -86,8 +86,8 @@ get_header();
</section> </section>
</div> </div>
</div> </div>
</div> --> </div>
<!-- <div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="offset-lg-8 col-lg-4"><div class="circleMap"></div></div> <div class="offset-lg-8 col-lg-4"><div class="circleMap"></div></div>
<div class="col-12 information"> <div class="col-12 information">
@ -105,6 +105,6 @@ get_header();
<div class="circleEnd"></div> <div class="circleEnd"></div>
</div> </div>
</div> </div>
</div> --> </div>
<?php get_footer();?> <?php get_footer();?>

12
templates/template-equipe.php
View File

@ -34,11 +34,7 @@ get_header(); ?>
</div> </div>
<div class="row deligraph valeur"> <div class="row deligraph valeur">
<div class="col-lg-12"><div class="circleTop"></div></div> <div class="col-lg-12"><div class="circleTop"></div></div>
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<div class="col-lg-8"><h2>Nos valeurs</h2></div> <div class="col-lg-8"><h2>Nos valeurs</h2></div>
<?php else : ?>
<div class="col-lg-8"><h2>Our values</h2></div>
<?php endif; ?>
<div class="col-12"><div class="barre"></div></div> <div class="col-12"><div class="barre"></div></div>
<div class="col-12 contenu"> <div class="col-12 contenu">
<div class="row"> <div class="row">
@ -48,11 +44,7 @@ get_header(); ?>
</div> </div>
<div class="row deligraph vision"> <div class="row deligraph vision">
<div class="offset-lg-4 col-lg-8"><div class="circleTop"></div></div> <div class="offset-lg-4 col-lg-8"><div class="circleTop"></div></div>
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<div class="offset-lg-4 col-lg-8"><h2>Notre vision</h2></div> <div class="offset-lg-4 col-lg-8"><h2>Notre vision</h2></div>
<?php else : ?>
<div class="offset-lg-4 col-lg-8"><h2>Our vision</h2></div>
<?php endif; ?>
<div class="col-12"><div class="barre"></div></div> <div class="col-12"><div class="barre"></div></div>
<div class="col-12 contenu"> <div class="col-12 contenu">
<div class="row"> <div class="row">
@ -100,11 +92,7 @@ get_header(); ?>
?> ?>
<div class="row deligraph"> <div class="row deligraph">
<div class="col-lg-12"><div class="circleTop"></div></div> <div class="col-lg-12"><div class="circleTop"></div></div>
<?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
<div class="col-lg-8"><h2>Et bientôt vous ?</h2></div> <div class="col-lg-8"><h2>Et bientôt vous ?</h2></div>
<?php else : ?>
<div class="col-lg-8"><h2>What about you ?</h2></div>
<?php endif; ?>
<div class="col-12"><div class="barre"></div></div> <div class="col-12"><div class="barre"></div></div>
<div class="col-12 contenu"> <div class="col-12 contenu">
<div class="row"> <div class="row">

20
templates/template-home.php
View File

@ -88,7 +88,7 @@ get_header();
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-9 col-lg-9"> <div class="col-sm-12 col-md-9 col-lg-9">
<p class="nom"><?php echo get_field('nom_du_client')?></p> <p class="nom"><?php echo get_field('nom_du_client')?></p>
<p class="Contact contactHaut"><?php echo get_field('nom_du_contact')?></p> <p class="Contact"><?php echo get_field('nom_du_contact')?></p>
<p class="Contact"><?php echo get_field('fonction_du_contact')?></p> <p class="Contact"><?php echo get_field('fonction_du_contact')?></p>
</div> </div>
<div class="col-sm-12 col-md-3 col-lg-3"> <div class="col-sm-12 col-md-3 col-lg-3">
@ -111,7 +111,7 @@ get_header();
</div> </div>
<div class="col-sm-12 col-md-9 col-lg-9"> <div class="col-sm-12 col-md-9 col-lg-9">
<p class="nom"><?php echo get_field('nom_du_client')?></p> <p class="nom"><?php echo get_field('nom_du_client')?></p>
<p class="Contact contactHaut"><?php echo get_field('nom_du_contact')?></p> <p class="Contact"><?php echo get_field('nom_du_contact')?></p>
<p class="Contact"><?php echo get_field('fonction_du_contact')?></p> <p class="Contact"><?php echo get_field('fonction_du_contact')?></p>
</div> </div>
</div> </div>
@ -158,22 +158,6 @@ get_header();
{ {
$classColor = 'formationSurMesure'; $classColor = 'formationSurMesure';
} }
if($term->slug == 'web-design-en')
{
$classColor = 'agenceWeb';
}elseif($term->slug == 'graphisme-en')
{
$classColor = 'studioGraphique';
}elseif($term->slug == 'video-en')
{
$classColor = 'productionAudiovisuelle';
}elseif($term->slug == 'e-marketing-en')
{
$classColor = 'inboundMarketing';
}elseif($term->slug == 'formation-en')
{
$classColor = 'formationSurMesure';
}
//} //}
?> ?>
<div class="col-lg-4 <?php if($i<4){ }else{ echo('espacement'); }?> <?php echo $classColor; ?>"> <div class="col-lg-4 <?php if($i<4){ }else{ echo('espacement'); }?> <?php echo $classColor; ?>">

2
templates/template-portfolio-old.php
View File

@ -1,6 +1,6 @@
<?php <?php
/* /*
Template Name: Portfolio old (to delete) Template Name: Portfolio
*/ */
get_header(); get_header();
?> ?>

2
templates/template-portfolio-prod.php
View File

@ -1,6 +1,6 @@
<?php <?php
/* /*
Template Name: Portfolio prod (to delete ?) Template Name: Portfolio
*/ */
get_header(); get_header();
?> ?>

2
templates/template-portfolio.php
View File

@ -47,7 +47,7 @@ $currentPageId = get_the_ID();
<p><?php echo $excerpt ?></p> <p><?php echo $excerpt ?></p>
<a class="cta--read-project" style="--hover-color: <?php echo esc_attr($projectColor); ?>;" href="<?php the_permalink(); ?>"> <a class="cta--read-project" style="--hover-color: <?php echo esc_attr($projectColor); ?>;" href="<?php the_permalink(); ?>">
<span> <?php echo __('Voir le projet', 'deligraph-theme') ?></span> <span>Voir le projet</span>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/graphic-assets/arrow-see-project.svg" alt="Voir le projet"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/graphic-assets/arrow-see-project.svg" alt="Voir le projet">
</a> </a>
</div> </div>