Camilledenoray
afb7c00960
All checks were successful
Deploy / Deploy to Production (push) Successful in 2m1s
57 lines
2.4 KiB
PHP
57 lines
2.4 KiB
PHP
<?php snippet('header') ?>
|
|
|
|
<?php snippet('mobile-menu') ?>
|
|
|
|
<ul class="projects-index">
|
|
<li class="filter-menu">
|
|
<ul>
|
|
<?php foreach ($categories as $key => $category): ?>
|
|
<li>
|
|
<button data-filter="<?= Str::slug($category) ?>"><?= $category ?></button>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
|
|
<?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
|
|
<li class="project" data-category="<?= Str::slug($project->category()) ?>" data-slug="<?= $project->slug() ?>">
|
|
<div class="fix">
|
|
<button class="project-toggler grid">
|
|
<span> <?= $project->shownTitle() ?> </span>
|
|
<span> <?= $project->tags() ?> </span>
|
|
<span class="date"> <?= $project->date()->toDate('Y') ?> </span>
|
|
</button>
|
|
<span class="slide-number"><?= images()->count() ?>/total slides</span>
|
|
</div>
|
|
<section class="toggle">
|
|
<div class= "project-slideshow-container">
|
|
<button class="closer"></button>
|
|
<div class="project-slideshow">
|
|
<?php foreach ($project->images() as $image): ?>
|
|
<?php snippet('picture', [
|
|
'file' => $image,
|
|
'srcsetName' => 'project-slideshow',
|
|
'sizes' => '(min-width: 1000px) 50vw, 100vw',
|
|
'lazy' => $image->indexOf() !== 0,
|
|
'class' => $image->indexOf() === 0 ? 'active' : null,
|
|
]) ?>
|
|
<?php endforeach; ?>
|
|
<button class="prev"></button>
|
|
<button class="next"></button>
|
|
</div>
|
|
</div>
|
|
<div class="project-description"><?= $project->description() ?></div>
|
|
<button class="close-button closer"></button>
|
|
</section>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
<button class="all-projects-closer"></button>
|
|
</ul>
|
|
|
|
<script src="/assets/js/router.js"></script>
|
|
<script src="/assets/js/project-slideshow.js"></script>
|
|
<script src="/assets/js/project-toggle.js"></script>
|
|
<script src="/assets/js/filter-menu.js"></script>
|
|
<script src="/assets/js/mobile-menu-toggle.js"></script>
|
|
<?php snippet('footer') ?>
|
|
|