38 lines
1.5 KiB
PHP
38 lines
1.5 KiB
PHP
<?php snippet('header') ?>
|
|
|
|
<nav class="filter-menu">
|
|
<?php foreach ($categories as $key => $category): ?>
|
|
<a href=""><?= $category ?></a>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
<ul class="projects-index">
|
|
<?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
|
|
<li>
|
|
<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">slide number/total slides</span>
|
|
</div>
|
|
<section class="toggle">
|
|
<div class="project-slideshow">
|
|
<?php foreach ($project->images() as $image): ?>
|
|
<img <?= e($image->indexOf() === 0, 'class="active"') ?> src="<?= $image->url() ?>">
|
|
<?php endforeach; ?>
|
|
<button class="prev"></button>
|
|
<button class="next"></button>
|
|
</div>
|
|
<div class="project-description"><?= $project->description() ?></div>
|
|
<button class="project-toggler closer"></button>
|
|
</section>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
<button class="all-projects-closer"></button>
|
|
</ul>
|
|
|
|
<script src="/assets/js/project-slideshow.js"></script>
|
|
<script src="/assets/js/project-toggle.js"></script>
|
|
<?php snippet('footer') ?>
|
|
|