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

Compare commits

base: Antoine:72da35295679e514c06a31bc00aea242a8fe034b
Branches Tags
Antoine:main
..
compare: Antoine:d1e9d229b091e36ec368cdc47e64c40806325b88
Branches Tags
Antoine:main

No commits in common. "72da35295679e514c06a31bc00aea242a8fe034b" and "d1e9d229b091e36ec368cdc47e64c40806325b88" have entirely different histories.
72da352956 ... d1e9d229b0

4 changed files with 30 additions and 28 deletions
Show Stats Expand all files Collapse all files

15
css/app.css
View File

@ -133,8 +133,7 @@
.portfolio-single h3, .portfolio-single h3,
.portfolio-single h4, .portfolio-single h4,
.portfolio-single h5, .portfolio-single h5,
.portfolio-single h6{ .portfolio-single h6 {
letter-spacing: 0em;
font-family: "big-caslon-fb", serif; font-family: "big-caslon-fb", serif;
} }
@ -342,14 +341,12 @@
filter: invert(1); filter: invert(1);
} }
.portfolio-project-card .cta--read-project:hover { .portfolio-project-card .cta--read-project:hover{
background-color: var(--hover-color); /* background-color: #0033DA; */
--tw-bg-opacity: 1;
background-color: rgb(233 25 105 / var(--tw-bg-opacity, 1));
} }
/* background-color: #0033DA; */
/* @apply bg-deli-pink; */
.portfolio-project-card .cta--read-project:hover span{ .portfolio-project-card .cta--read-project:hover span{
margin-right: 2rem; margin-right: 2rem;
} }
@ -358,7 +355,7 @@
--tw-translate-x: 0px; --tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1; opacity: 1;
transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out; transition: opacity .6s ease-in-out, translate 0.4s ease-in-out;
} }
/* $couleur = array( /* $couleur = array(

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

@ -70,16 +70,18 @@
} }
} }
.cta--read-project { .cta--read-project {
@apply text-sm block text-white mt-6 mb-0 w-fit; @apply text-sm block text-white mt-6 mb-0 w-fit ;
@apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center; @apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center;
box-sizing: content-box; box-sizing: content-box;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
text-decoration: none; text-decoration: none;
/* background-color: #34113F; */ /* background-color: #34113F; */
/* background-color: #0033DA; */ /* background-color: #0033DA; */
span {
span{
@apply text-xs font-medium; @apply text-xs font-medium;
text-decoration: none; text-decoration: none;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
@ -90,22 +92,29 @@
@apply w-6 h-6 opacity-0 absolute right-6 -translate-x-8; @apply w-6 h-6 opacity-0 absolute right-6 -translate-x-8;
filter: invert(1); filter: invert(1);
} }
&:hover { &:hover{
background-color: var(--hover-color);
/* background-color: #0033DA; */ /* background-color: #0033DA; */
/* @apply bg-deli-pink; */ @apply bg-deli-pink;
span { span{
@apply mr-8; @apply mr-8;
}
img {
@apply opacity-100 translate-x-0;
transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
}
} }
img{
@apply opacity-100 translate-x-0;
transition: opacity .6s ease-in-out, translate 0.4s ease-in-out;
}
}
} }
} }
/* $couleur = array( /* $couleur = array(
'web' => '#1CC7C7', 'web' => '#1CC7C7',
'print' => '#C14FE3', 'print' => '#C14FE3',

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

@ -8,8 +8,7 @@
h4, h4,
h5, h5,
h6 { h6 {
@apply bigCaslon tracking-normal; @apply bigCaslon;
&:before { &:before {
@apply content-none; @apply content-none;
} }

7
templates/template-portfolio.php
View File

@ -23,8 +23,6 @@ $currentPageId = get_the_ID();
$excerpt = get_the_excerpt(); $excerpt = get_the_excerpt();
$clientName = get_field('client_name', $portfolio_post->ID); $clientName = get_field('client_name', $portfolio_post->ID);
$terms = get_the_terms($portfolio_post->ID, 'project_type'); $terms = get_the_terms($portfolio_post->ID, 'project_type');
$projectColor = get_field('project_color', $portfolio_post->ID);
?> ?>
<div class="portfolio-project-card portfolio-project-card--active"> <div class="portfolio-project-card portfolio-project-card--active">
@ -45,10 +43,9 @@ $currentPageId = get_the_ID();
<div class='excerpt'> <div class='excerpt'>
<h3><?php the_title(); ?></h3> <h3><?php the_title(); ?></h3>
<p><?php echo $excerpt ?></p> <p><?php echo $excerpt ?></p>
<a class="cta--read-project" href="<?php the_permalink(); ?>">
<a class="cta--read-project" style="--hover-color: <?php echo esc_attr($projectColor); ?>;" href="<?php the_permalink(); ?>">
<span>Voir le projet</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>
</div> </div>