af/pages/home.php

<?php
$bodyclasses = 'home page';

$description = 'I am a Research Associate at the University of Cambridge, but I also do other things.';
$keywords = 'music, learning, tabletop, research, the open university, university of cambridge, isaac physics, reactable';
$twitter_image = 'images/colopic.jpg';
?>

<?=i('_header')?>

		<h2 class="py-2 text-center">I do things.</h2>
		
		<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container -mb-8'><iframe src='https://www.youtube.com/embed/C1PsX5DHEgs?rel=0' frameborder='0' allowfullscreen></iframe></div>

		<h2 class="py-2 text-center">What can I do for you?</h2>
	
		<div id="home_bars" class="flex flex-row">
			<a href="<?=$baseurl?>research" class="research flex-1"><span>Research</span></a>
			<a href="<?=$baseurl?>development" class="development flex-1"><span>Development</span></a>
			<a href="<?=$baseurl?>writing" class="writing flex-1"><span>Technical Writing</span></a>
			<a href="<?=$baseurl?>contact" class="other flex-1"><span>Something else</span></a>
		</div>
		
<?=i('_footer')?>