page-cover with caption
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
This commit is contained in:
Julie Blanc
parent
c34384adab
commit
6cd89d11fb
17 changed files with 355 additions and 23 deletions
|
|
@ -23,6 +23,9 @@
|
|||
<figure class="page__cover">
|
||||
<?php snippet('picture', ['file' => $cover]) ?>
|
||||
</figure>
|
||||
<?php if ($cover->caption()->isNotEmpty()): ?>
|
||||
<p class="caption"><?= $cover->caption()->html() ?></p>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -28,6 +28,9 @@ $dateLocale = substr(is_array($locale) ? reset($locale) : $locale, 0, 5);
|
|||
<figure class="page__cover">
|
||||
<?php snippet('picture', ['file' => $cover]) ?>
|
||||
</figure>
|
||||
<?php if ($cover->caption()->isNotEmpty()): ?>
|
||||
<p class="caption"><?= $cover->caption()->html() ?></p>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
<?php snippet('header') ?>
|
||||
<main>
|
||||
<main class="main__single">
|
||||
|
||||
<?php
|
||||
$lang = kirby()->language();
|
||||
|
|
@ -25,8 +25,21 @@ $impacts = $page->linkedImpacts()->toPages();
|
|||
<?php endif ?>
|
||||
</ul>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($cover = $page->cover()->toFile()): ?>
|
||||
<figure class="page__cover">
|
||||
<?php snippet('picture', ['file' => $cover]) ?>
|
||||
</figure>
|
||||
<?php if ($cover->caption()->isNotEmpty()): ?>
|
||||
<p class="caption"><?= $cover->caption()->html() ?></p>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<?php if ($page->description()->isNotEmpty()): ?>
|
||||
<div class="page__content">
|
||||
<p><?= $page->description() ?></p>
|
||||
|
|
|
|||
|
|
@ -27,6 +27,9 @@
|
|||
<figure class="page__cover">
|
||||
<?php snippet('picture', ['file' => $cover]) ?>
|
||||
</figure>
|
||||
<?php if ($cover->caption()->isNotEmpty()): ?>
|
||||
<p class="caption"><?= $cover->caption()->html() ?></p>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
|
||||
</header>
|
||||
|
|
|
|||
123
site/templates/resource.php
Normal file
123
site/templates/resource.php
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<main class="main__single">
|
||||
|
||||
<header class="page__header">
|
||||
<?php
|
||||
$lang = kirby()->language();
|
||||
$locale = $lang ? $lang->locale(LC_ALL) : 'fr_FR.UTF-8';
|
||||
$dateLocale = substr(is_array($locale) ? reset($locale) : $locale, 0, 5);
|
||||
|
||||
$categories = $page->category()->split();
|
||||
$category = $categories[0] ?? '';
|
||||
?>
|
||||
<p class="page__type"><?= t('resource.type') ?></p>
|
||||
<?php if ($category): ?>
|
||||
<p class="page__category"><?= esc($category) ?></p>
|
||||
<?php endif ?>
|
||||
<h2 class="page__title"><?= $page->title()->esc() ?></h2>
|
||||
<?php if ($page->created()->isNotEmpty()): ?>
|
||||
<time class="date" datetime="<?= $page->created()->toDate('yyyy-MM-dd') ?>"><?= $page->created()->toDate('d MMMM yyyy', $dateLocale) ?></time>
|
||||
<?php endif ?>
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<p class="page__description"><?= $page->chapo()->inline() ?></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($cover = $page->cover()->toFile()): ?>
|
||||
<figure class="page__cover">
|
||||
<?php snippet('picture', ['file' => $cover]) ?>
|
||||
</figure>
|
||||
<?php if ($cover->caption()->isNotEmpty()): ?>
|
||||
<p class="caption"><?= $cover->caption()->html() ?></p>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<?php if ($page->body()->isNotEmpty()): ?>
|
||||
<div class="page__content">
|
||||
<?= $page->body()->toBlocks() ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
|
||||
<?php $investigations = $page->linkedInvestigations()->toPages() ?>
|
||||
<?php if ($investigations->isNotEmpty()): ?>
|
||||
<aside class="page__aside" id="related-investigations">
|
||||
<h3 class="aside__title"><?= t('investigations.related') ?></h3>
|
||||
|
||||
<?php foreach ($investigations as $investigation): ?>
|
||||
<article class="card--article-small">
|
||||
<?php if ($cover = $investigation->cover()->toFile()): ?>
|
||||
<figure>
|
||||
<img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
|
||||
</figure>
|
||||
<?php endif ?>
|
||||
<div class="content">
|
||||
<p class="type"><?= t('investigation.type') ?></p>
|
||||
<h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>
|
||||
<?php if ($investigation->incidentDate()->isNotEmpty()): ?>
|
||||
<time class="date" datetime="<?= $investigation->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $investigation->incidentDate()->toDate('d MMMM yyyy', $dateLocale) ?></time>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<button class="btn--go-to"><a href="<?= $investigation->url() ?>"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
|
||||
<a class="link-block" href="<?= $investigation->url() ?>" aria-hidden="true"></a>
|
||||
</article>
|
||||
<?php endforeach ?>
|
||||
|
||||
<div class="see-more">
|
||||
<button class="btn--bold-inline">
|
||||
<a href="/enquetes">
|
||||
<span class="text"><?= t('investigations.see_all') ?></span>
|
||||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||||
</a>
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
<?php endif ?>
|
||||
|
||||
|
||||
<?php
|
||||
$latestResources = site()->find('ressources')
|
||||
->children()->listed()->not($page)
|
||||
->sortBy('created', 'desc')
|
||||
->limit(5);
|
||||
?>
|
||||
|
||||
<?php if ($latestResources->isNotEmpty()): ?>
|
||||
<aside class="page__aside" id="latest-resources">
|
||||
<h3 class="aside__title">Voir aussi</h3>
|
||||
|
||||
<?php foreach ($latestResources as $resource): ?>
|
||||
<div class="card--block-small has-link">
|
||||
<div class="group-top">
|
||||
<p class="type"><?= t('resource.type') ?></p>
|
||||
<?php if ($resource->category()->isNotEmpty()): ?>
|
||||
<p class="category"><?= $resource->category()->esc() ?></p>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<h4 class="title"><?= $resource->title()->esc() ?></h4>
|
||||
|
||||
<?php if ($resource->created()->isNotEmpty()): ?>
|
||||
<p class="date">
|
||||
<time datetime="<?= $resource->created()->toDate('yyyy-MM-dd') ?>"><?= $resource->created()->toDate('d MMMM yyyy', $dateLocale) ?></time>
|
||||
</p>
|
||||
<?php endif ?>
|
||||
|
||||
<button class="btn--go-to">
|
||||
<a href="<?= $resource->url() ?>"><?= svg('assets/icons/arrow-left.svg') ?></a>
|
||||
</button>
|
||||
<a class="link-block" href="<?= $resource->url() ?>" aria-hidden="true"></a>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</aside>
|
||||
<?php endif ?>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<?php snippet('bottom-bar') ?>
|
||||
<?php snippet('footer') ?>
|
||||
81
site/templates/resources.php
Normal file
81
site/templates/resources.php
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<?php snippet('header') ?>
|
||||
<main>
|
||||
|
||||
<header class="page__header">
|
||||
|
||||
<h2 class="page__title"><?= $page->title() ?></h2>
|
||||
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<div class="page__description">
|
||||
<p><?= $page->chapo() ?></p>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="page__sort">
|
||||
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
||||
<div class="dropdown">
|
||||
<button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Catégories</p></button>
|
||||
<div class="dropdown__content">
|
||||
<ul>
|
||||
<?php foreach (page('database')->resourceCategories()->split() as $cat): ?>
|
||||
<li><button type="button" data-filter="<?= esc(Str::slug($cat)) ?>"><?= esc($cat) ?></button></li>
|
||||
<?php endforeach ?>
|
||||
<li><button type="button" data-filter=""><?= t('filter.all') ?></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page__content grid-masonry" data-sort-container>
|
||||
|
||||
<div class="grid-sizer"></div>
|
||||
|
||||
<?php foreach ($page->children()->listed()->sortBy('created', 'desc') as $resource): ?>
|
||||
|
||||
<?php
|
||||
$categories = $resource->category()->split();
|
||||
$category = $categories[0] ?? '';
|
||||
$cover = $resource->cover()->toFile();
|
||||
$investigations = $resource->linkedInvestigations()->toPages();
|
||||
?>
|
||||
|
||||
<div class="card--block has-link"
|
||||
data-filter="<?= esc(Str::slug($category)) ?>"
|
||||
data-date="<?= $resource->created()->isNotEmpty() ? $resource->created()->toDate('yyyy-MM-dd') : '' ?>">
|
||||
|
||||
<?php if ($cover): ?>
|
||||
<figure><?php snippet('picture', ['file' => $cover]) ?></figure>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="group-top">
|
||||
<p class="type"><?= t('resource.type') ?></p>
|
||||
<?php if ($category): ?>
|
||||
<p class="category"><?= esc($category) ?></p>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<h3 class="title"><?= $resource->title()->esc() ?></h3>
|
||||
|
||||
<?php if ($resource->created()->isNotEmpty()): ?>
|
||||
<p class="date"><?= $resource->created()->toDate('d MMMM yyyy', 'fr_FR') ?></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($investigations->isNotEmpty()): ?>
|
||||
<ul class="investigations">
|
||||
<?php foreach ($investigations as $investigation): ?>
|
||||
<li><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
<?php endif ?>
|
||||
|
||||
<a class="link-block" href="<?= $resource->url() ?>"></a>
|
||||
</div>
|
||||
|
||||
<?php endforeach ?>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<?php snippet('footer') ?>
|
||||
Loading…
Add table
Add a link
Reference in a new issue