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 loading="lazy" src='https://www.youtube.com/embed/videoseries?list=PL70paWUyPRgqhqxG0ShlROn1eSHlekhB_' 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')?>