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

Compare commits

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

3 Commits
d1e9d229b0 ... 72da352956

Author SHA1 Message Date
Antoine M
72da352956 handling project color
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-02-10 14:42:46 +01:00
Antoine M
8384b2d047 bundling 2025-02-10 14:42:32 +01:00
Antoine M
350ca8cc72 refining css 2025-02-10 14:42:24 +01:00
4 changed files with 28 additions and 30 deletions
Show Stats Expand all files Collapse all files

15
css/app.css
View File

@ -133,7 +133,8 @@
.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;
} }
@ -341,12 +342,14 @@
filter: invert(1); filter: invert(1);
} }
.portfolio-project-card .cta--read-project:hover{ .portfolio-project-card .cta--read-project:hover {
/* background-color: #0033DA; */ background-color: var(--hover-color);
--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;
} }
@ -355,7 +358,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 .6s ease-in-out, translate 0.4s ease-in-out; transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out;
} }
/* $couleur = array( /* $couleur = array(

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

@ -70,18 +70,16 @@
} }
} }
.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;
@ -92,29 +90,22 @@
@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{ img {
@apply opacity-100 translate-x-0; @apply opacity-100 translate-x-0;
transition: opacity .6s ease-in-out, translate 0.4s ease-in-out; transition: opacity 0.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,7 +8,8 @@
h4, h4,
h5, h5,
h6 { h6 {
@apply bigCaslon; @apply bigCaslon tracking-normal;
&:before { &:before {
@apply content-none; @apply content-none;
} }

5
templates/template-portfolio.php
View File

@ -23,6 +23,8 @@ $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">
@ -43,7 +45,8 @@ $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>