<?php

	enum RGB: string {
		case WORK    = "3,255,219";
		case ABOUT   = "148,255,21";
		case CONTACT = "255,195,255";
	}

?>
<style><?= VV::css("public/assets/css/pages/index") ?></style>
<div class="menu">
	<?= VV::embed("public/assets/media/line.svg") ?>
	<menu>
		<a href="/work"><li data-rgb="<?= RGB::WORK->value ?>" data-hue="90">work</li></a>
		<a href="/about"><li data-rgb="<?= RGB::ABOUT->value ?>" data-hue="390">about</li></a>
		<a href="/contact"><li data-rgb="<?= RGB::CONTACT->value ?>" data-hue="200">contact</li></a>
	</menu>
	<?= VV::embed("public/assets/media/line.svg") ?>
	<button class="email">
		<p>victor@vlw.se</p>
		<p class="cta">to copy</p>
	</button>
</div>

<img src="/assets/media/gazing.jpg" alt="A portrait of Victor with a pair of cartoon glasses drawn in the shape of two V's over his eyes"/>
<script type="module"><?= VV::js("public/assets/js/pages/index") ?></script>