<?php

	// Number of items from the timeline to display on this page
	const TIMELINE_PREVIEW_LIMIT = 10;

?>
<style><?= VV::css("public/assets/css/pages/work") ?></style>
<section class="git">
	<?= VV::embed("public/assets/media/icons/codeberg.svg") ?>
	<p>I have moved most of my free open-source software <a href="https://giveupgithub.com">away from GitHub</a> to <a href="https://codeberg.org/vlw">Codeberg</a>. I also have a mirror of everything and sources for some smaller projects on <a href="https://git.vlw.se">Forgejo</a>.</p>
	<div class="buttons">
		<a href="https://codeberg.org/vlw"><button class="inline solid">Codeberg</button></a>
		<a href="https://git.vlw.se"><button class="inline">Forgejo</button></a>
	</div>
</section>
<section class="heading">
	<?= VV::embed("public/assets/media/icons/star.svg") ?>
	<h1>featured projects</h1>
	<?= VV::embed("public/assets/media/icons/star.svg") ?>
</section>
<section class="hero">
	<div class="item vegvisir">
		<div class="wrapper">
			<h1>Vegvisir</h1>
			<p>A PHP and JavaScript navigation framework for the seamless [open] web seas.</p>
			<a href=""><button class="inline">Read more</button></a>
		</div>
		<div class="bg">
			<video muted autoplay loop src="/assets/media/vegvisir.webm"></video>	
		</div>
	</div>
	<div class="item reflect">
		<div class="wrapper">
			<h1>Reflect</h1>
			<p>A strange framework for building REST APIs in PHP.</p>
			<a href=""><button class="inline">Read more</button></a>
		</div>
		<div class="bg"></div>
	</div>
</section>
<section class="featured">
	<featured-item>
		<?= VV::embed("public/assets/media/icons/repo.svg") ?>
		<h3>lorem</h3>
		<p>ipsuum</p>
		<div class="langs">
			<a href=""><button><p>PHP</p></button></a>
		</div>
		<div class="actions">
			<a href="PHP"><button class="inline">read more</button></a>
		</div>
	</featured-item>
	<featured-item>
		<?= VV::embed("public/assets/media/icons/star.svg") ?>
		<h3>lorem</h3>
		<p>ipsuum</p>
		<div class="actions">
			<a href=""><button class="inline">read more</button></a>
		</div>
	</featured-item>
</section>
<section class="heading">
	<h1>latest projects</h1>
</section>
<?= VV::include("public/work/timeline?limit=" . TIMELINE_PREVIEW_LIMIT) ?>
<section class="heading">
	<a href="/work/timeline"><button class="inline solid">view full timeline</button></a>
</section>