Compare commits
No commits in common. "3a5d1814b1fe5af26cc3c765160c85befcbeb8a5" and "961fa2e4c5cd1b1802258a751697880142e521f6" have entirely different histories.
3a5d1814b1
...
961fa2e4c5
|
|
@ -1,3 +1,3 @@
|
||||||
.wp-block-pullquote {
|
.wp-block-pullquote {
|
||||||
@apply text-carhop-purple-500 py-6 fjalla font-bold text-2xl 2xl:text-4xl my-6 border-primary pl-4 border-t border-b;
|
@apply text-carhop-purple-500 py-6 fjalla font-bold text-4xl my-6 border-primary pl-4 border-t border-b;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,37 +19,10 @@
|
||||||
@apply bg-white text-primary;
|
@apply bg-white text-primary;
|
||||||
}
|
}
|
||||||
.thumbnail-wrapper {
|
.thumbnail-wrapper {
|
||||||
@apply relative z-20;
|
@apply bg-red-200;
|
||||||
aspect-ratio: 4/5;
|
|
||||||
padding: 1.2rem;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
@apply bg-white block absolute top-0 left-0 border border-carhop-green-700 w-full h-full z-10;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
/* max-height: 200px; */
|
/* max-height: 200px; */
|
||||||
@apply w-full h-full relative z-10;
|
@apply object-contain;
|
||||||
@apply object-cover;
|
|
||||||
/* width: calc(100% - 2rem);
|
|
||||||
height: calc(100% - 2rem);
|
|
||||||
margin: 0 auto; */
|
|
||||||
}
|
|
||||||
.thumbnail-overlay {
|
|
||||||
@apply absolute z-0 rotate-3 top-6 left-6 w-full h-full border border-primary bg-white flex items-center justify-center;
|
|
||||||
transform: translate(12px, 12px) rotate(3deg);
|
|
||||||
background-image: linear-gradient(#efe8ff, #efe8ff);
|
|
||||||
background-size: calc(100% - 12px) calc(100% - 12px);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
background-blend-mode: color-burn;
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
@apply bg-carhop-purple-200;
|
|
||||||
width: calc(100% - 2rem);
|
|
||||||
height: calc(100% - 2rem);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,4 @@
|
||||||
<?php
|
<?php
|
||||||
$id = get_the_ID();
|
|
||||||
$reference = get_field('references', $id);
|
|
||||||
$hasReferences = isset($reference) && is_array($reference) && count($reference) > 0;
|
|
||||||
$authors = get_field('authors', $id);
|
|
||||||
$hasAuthors = isset($authors) && is_array($authors) && count($authors) > 0;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
@ -15,18 +8,15 @@ $hasAuthors = isset($authors) && is_array($authors) && count($authors) > 0;
|
||||||
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-document.svg" alt="">
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-document.svg" alt="">
|
||||||
Article
|
Article
|
||||||
</button>
|
</button>
|
||||||
<?php if ($hasAuthors) : ?>
|
<button id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1" data-tab="authors">
|
||||||
<button id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1" data-tab="authors">
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plume.svg" alt="">
|
||||||
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plume.svg" alt="">
|
|
||||||
Auteur·e·s
|
Auteur·e·s
|
||||||
</button>
|
</button>
|
||||||
<?php endif; ?>
|
<button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1" data-tab="references">
|
||||||
<?php if ($hasReferences) : ?>
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-lien.svg" alt="">
|
||||||
<button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1" data-tab="references">
|
Références
|
||||||
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-lien.svg" alt="">
|
</button>
|
||||||
Références
|
|
||||||
</button>
|
|
||||||
<?php endif; ?>
|
|
||||||
<button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1" data-tab="table-of-contents">
|
<button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1" data-tab="table-of-contents">
|
||||||
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plan.svg" alt="">
|
<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/resources/img/icons/carhop-plan.svg" alt="">
|
||||||
Table des matières
|
Table des matières
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,6 @@ $citeReference = get_field('cite_reference', get_the_ID());
|
||||||
<?php if ($hasThumbnail) : ?>
|
<?php if ($hasThumbnail) : ?>
|
||||||
<div class="thumbnail-wrapper">
|
<div class="thumbnail-wrapper">
|
||||||
<?php the_post_thumbnail('full', ['class' => 'thumbnail']); ?>
|
<?php the_post_thumbnail('full', ['class' => 'thumbnail']); ?>
|
||||||
<div class="thumbnail-overlay"></div>
|
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user