<?php

	use const VVWebsite\{MEDIA_DIR, DEFAULT_BUTTON_ICON};

	require_once VV::root("src/Consts.php");

?>
<style><?= VV::css("public/assets/css/pages/index.css") ?></style>
<section id="intro" class="split">
	<div>
		<h1>Vegvisir</h1>
		<h2>is a PHP and JavaScript web framework with</h2>
		<h1>native soft-navigation and asset injection</h1>
		<h2>that also gives you</h2>
		<h1>automatic soft-navigation from an MPA-like file structure</h1>
	</div>
	<div class="compass">
		<?= VV::embed(MEDIA_DIR . "compass-points.svg") ?>
		<?= VV::embed(MEDIA_DIR . "compass-points.svg") ?>
		<?= VV::embed(MEDIA_DIR . "compass.svg") ?>
	</div>
</section>
<section id="assets" class="split">
	<div class="text">
		<h1>Asset injection</h1>
		<p>Bundle your page JavaScript and CSS using native PHP templating and the VV PHP class directly into a automatically minified and soft-navigated page.</p>
		<div class="buttons">
			<a href="/"><button class="inline solid">
				<p>more examples</p>
				<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
			</button></a>
			<a href="/"><button class="inline">
				<p>reference</p>
				<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::include("elements/HTMLCodeDemoElement?id=index_assets") ?>
	</div>
</section>
<section id="softnav" class="split reverse">
	<div class="text">
		<h1>Automatic soft navigation</h1>
		<p>Vegvisir will automatically compile and soft-navigate between pages on your website without any modifications to your markdown. Even the file structure on disk follows an MPA-layout.</p>
		<div class="buttons">
			<a href="/"><button class="inline solid">
				<p>more examples</p>
				<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
			</button></a>
			<a href="/"><button class="inline">
				<p>reference</p>
				<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::include("elements/HTMLCodeDemoElement?id=index_softnav") ?>
	</div>
</section>
<section id="freedom" class="split">
	<div class="text">
		<h1>Respects your freedom</h1>
		<p>No tracking, no spying, fully available source that respects your freedom with GNU GPLv3.</p>
		<div class="buttons">
			<a href="https://codeberg.org/vegvisir/vegvisir"><button class="inline">
				<p>source code</p>
				<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
			</button></a>
		</div>
	</div>
	<div>
		<?= VV::embed(MEDIA_DIR . "gnu.svg") ?>
	</div>
</section>
<?= VV::include("snippets/footer") ?>
<script><?= VV::js("public/assets/js/pages/index.js") ?></script>