import React from 'react';

/**
 * @return {jsx} The root component
 */
export default function Beebox() {
	return (
		<div className='container'>
			<h1>Cerberus with appropriate music</h1>
			<p>Working session. The Cerberus is a very versatile project
				and you cannot always predict the shape that the sound will
				produce. Here I used simple waveforms to create more or less
				predictable shapes: you can recognize Lissajous curves at some
				point</p>
			<video width="640" height="360" controls>
				<source src="static/videos/laser_beepbox.mp4"
					type="video/mp4" />
				Your browser does not support the video tag.
			</video>
		</div>
	);
}