The all new TFD is here! Read about the methodologies behind the directory here.
<div class="nameplate">
<div id="megazoid">
	<section class="hero">
		<div class="hero-container fit">
			<div class="hero-text">
				<div class="letter-wrapper" data-letter="T"><span class="top-layer">T</span><span class="bot-layer" aria-hidden="true">T</span></div><div class="letter-wrapper" data-letter="y"><span class="top-layer">y</span><span class="bot-layer" aria-hidden="true">y</span></div><div class="letter-wrapper" data-letter="p"><span class="top-layer">p</span><span class="bot-layer" aria-hidden="true">p</span></div><div class="letter-wrapper" data-letter="e"><span class="top-layer">e</span><span class="bot-layer" aria-hidden="true">e</span></div>

				<div class="letter-wrapper" data-letter="space"><span class="top-layer"> </span><span class="bot-layer" aria-hidden="true"> </span>

				</div><div class="letter-wrapper" data-letter="F"><span class="top-layer">F</span><span class="bot-layer" aria-hidden="true">F</span></div><div class="letter-wrapper" data-letter="o"><span class="top-layer">o</span><span class="bot-layer" aria-hidden="true">o</span></div><div class="letter-wrapper" data-letter="u"><span class="top-layer">u</span><span class="bot-layer" aria-hidden="true">u</span></div><div class="letter-wrapper" data-letter="n"><span class="top-layer">n</span><span class="bot-layer" aria-hidden="true">n</span></div><div class="letter-wrapper" data-letter="d"><span class="top-layer">d</span><span class="bot-layer" aria-hidden="true">d</span></div><div class="letter-wrapper" data-letter="r"><span class="top-layer">r</span><span class="bot-layer" aria-hidden="true">r</span></div><div class="letter-wrapper" data-letter="y-1"><span class="top-layer">y</span><span class="bot-layer" aria-hidden="true">y</span></div>

				<div class="letter-wrapper" data-letter="space-1"><span class="top-layer"> </span><span class="bot-layer" aria-hidden="true"> </span></div>

				<br />

				<div class="letter-wrapper" data-letter="D"><span class="top-layer">D</span><span class="bot-layer" aria-hidden="true">D</span></div><div class="letter-wrapper" data-letter="i"><span class="top-layer">i</span><span class="bot-layer" aria-hidden="true">i</span></div><div class="letter-wrapper" data-letter="r-1"><span class="top-layer">r</span><span class="bot-layer" aria-hidden="true">r</span></div><div class="letter-wrapper" data-letter="e-1"><span class="top-layer">e</span><span class="bot-layer" aria-hidden="true">e</span></div><div class="letter-wrapper" data-letter="c"><span class="top-layer">c</span><span class="bot-layer" aria-hidden="true">c</span></div><div class="letter-wrapper" data-letter="t"><span class="top-layer">t</span><span class="bot-layer" aria-hidden="true">t</span></div><div class="letter-wrapper" data-letter="o-1"><span class="top-layer">o</span><span class="bot-layer" aria-hidden="true">o</span></div><div class="letter-wrapper" data-letter="r-2"><span class="top-layer">r</span><span class="bot-layer" aria-hidden="true">r</span></div><div class="letter-wrapper" data-letter="y-2"><span class="top-layer">y</span><span class="bot-layer" aria-hidden="true">y</span></div>
			</div>
		</div>
	</section>
</div>

</div>

Sorry, I have temporary disabled the static page as it is causing signifcantly slow build times for the rest of the site. (Sort of ironic.) I am working on resolving this issue.