View source: Template

The HTML for this page is generated by the template portfolio-project.php.

All templates can be found in the /site/templates folder.

To learn more about Kirby’s templates, please check out our docs: https://getkirby.com/docs

Back to the page

/site/templates/portfolio-project.php
<?php snippet('portfolio/header') ?>
<article>
	<h1 class="intro"><?= $page->title()->escape() ?></h1>

	<div class="grid">
		<div class="column text" style="--columns: 4">
			<?= $page->text()->permalinksToUrls() ?>
		</div>

		<div class="column" style="--columns: 8">
			<ul class="portfolio-project-gallery">
				<?php foreach ($page->images()->sortBy('sort') as $image): ?>
				<li>
					<a href="<?= $image->url() ?>" data-lightbox>
						<figure class="img" style="--w:<?= $image->width() ?>;--h:<?= $image->height() ?>">
							<?= $image->resize(800) ?>
						</figure>
					</a>
				</li>
				<?php endforeach ?>
			</ul>
		</div>
</article>
<?php snippet('portfolio/footer') ?>