<style><?= VV::css("public/assets/css/snippets/split") ?></style>
<style><?= VV::css("public/assets/css/pages/index") ?></style>
<section id="intro" class="split">
	<div class="text">
		<h1>PHP Web framework</h1>
		<h3>with automatic soft-navigation <a href="/features">and&nbsp;more!</a></h3>
		<p>developed as a hobby project by <a href="https://vlw.se">Victor Westerlund</a></p>
	</div>
	<div class="compass">
		<?= VV::embed("public/assets/media/compass-points.svg") ?>
		<?= VV::embed("public/assets/media/compass-points.svg") ?>
		<?= VV::embed("public/assets/media/compass.svg") ?>
	</div>
</section>
<section id="softnav" class="split">
	<div class="text">
		<h1>Automatic soft navigation</h1>
		<p>Load the shell of your website once, and soft-navigate between pages on the same host. That's what Vegvisir will automatically handle for you - without any ugly handle attributes.</p>
		<div class="buttons">
			<a href="/features"><button class="inline solid">
				<p>more info</p>
				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
			</button></a>
			<a href="/docs/Reference/JavaScript"><button class="inline">
				<p>reference</p>
				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=index_softnav") ?>
	</div>
</section>
<section id="assets" class="split reverse">
	<div class="text">
		<h1>Asset injection</h1>
		<p>Bundle page-specific CSS and JavaScript from separate files directly with your markdown. Vegvisir will import and minify CSS and JavaScript on the fly and return the result as compiled HTML.</p>
		<div class="buttons">
			<a href="/docs"><button class="inline solid">
				<p>more info</p>
				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
			</button></a>
			<a href="/docs/Reference/PHP/VV/css"><button class="inline">
				<p>reference</p>
				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=index_assets") ?>
	</div>
</section>
<section id="freedom" class="split center">
	<div class="text">
		<h1>Respects your freedom</h1>
		<p>No tracking, no telemetry, no spying, and a fully available source code licensed under GNU GPLv3. Vegvisir will always be free, libre software.</p>
		<div class="buttons">
			<a href="https://codeberg.org/vegvisir/vegvisir"><button class="inline">
				<p>source code</p>
				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::embed("public/assets/media/gnu.svg") ?>
	</div>
</section>
<script><?= VV::js("public/assets/js/pages/index") ?></script>