<!DOCTYPE html>
<html lang="en" class="bg-white antialiased js-focus-visible">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/assets/css/tailwind.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<title>James Weaver
</title>
</head>
<body>
<header class="bg-slate-50 border-b border-slate-200 bg-slate-50 py-8 px-4 text-slate-700 ">
<div class="mx-auto max-w-screen-md flex flex-col items-center md:flex-row md:items-end">
<section class="text-center md:text-left w-full">
<a href="/">
<h1 class="text-xl font-semibold leading-8 mb-0">
James Weaver
</h1>
<p class="text-md font-xs">
London-based technology leader
</p>
</a>
</section>
<nav
class="w-full mt-4 md:mt-0 w-auto md:ml-auto text-center flex justify-center items-center md:justify-end md:items-end text-sm">
<a href="/"
class="rounded-full border border-slate-50 bg-sky-400 text-white text-slate-700 px-4 py-2 font-semibold ease-in-out duration-300 transition hover:bg-sky-400 hover:text-white ">
Work
</a>
<a href="/education"
class="rounded-full border border-slate-50 px-4 py-2 font-semibold ease-in-out duration-300 transition hover:bg-sky-400 hover:text-white ">
Education
</a>
<a href="/other"
class="rounded-full border border-slate-50 px-4 py-2 font-semibold ease-in-out duration-300 transition hover:bg-sky-400 hover:text-white ">
Other
</a>
</nav>
</div>
</header>
<main class="mt-12 container mx-auto max-w-screen-md">
<p>🚧 Work in progress</p>
</main>
<footer class="border-t border-slate-200 bg-slate-50 p-12 mt-12 text-slate-700">
<div class="mx-auto max-w-screen-md ">
<ul role="list" class="flex justify-center gap-10 text-sm leading-7 sm:gap-8 list-inside">
<li class="flex">
<a class="group flex items-center" aria-label="GitHub" href="https://www.github.com/james-weaver">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"
class="h-8 w-8 fill-slate-400 group-hover:fill-slate-600">
<path
d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" />
</svg>
<span class="hidden sm:ml-3 sm:block">GitHub</span>
</a>
</li>
<li class="flex">
<a class="group flex items-center" aria-label="LinkedIn" href="https://www.linkedin.com/in/jamesandrewweaver/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"
class="h-8 w-8 fill-slate-400 group-hover:fill-slate-600">
<path
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
<path fill="#FFF"
d="M12 19H17V36H12zM14.485 17h-.028C12.965 17 12 15.888 12 14.499 12 13.08 12.995 12 14.514 12c1.521 0 2.458 1.08 2.486 2.499C17 15.887 16.035 17 14.485 17zM36 36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698-1.501 0-2.313 1.012-2.707 1.99C24.957 25.543 25 26.511 25 27v9h-5V19h5v2.616C25.721 20.5 26.85 19 29.738 19c3.578 0 6.261 2.25 6.261 7.274L36 36 36 36z" />
</svg>
<span class="hidden sm:ml-3 sm:block">LinkedIn</span>
</a>
</li>
<li class="flex">
<a class="group flex items-center" aria-label="Source code for this wevbsite"
href="https://github.com/james-weaver/website">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"
class="h-8 w-8 fill-slate-400 group-hover:fill-slate-600">
<path
d="M 29.125 7.34375 L 17.125 41.34375 L 20.875 42.65625 L 32.875 8.65625 Z M 9.9375 13.375 L 1.25 23.71875 L 0.1875 25 L 1.25 26.28125 L 9.9375 36.65625 L 13.03125 34.09375 L 5.40625 25 L 13 15.9375 Z M 40.0625 13.375 L 37 15.9375 L 44.59375 25 L 37 34.0625 L 40.09375 36.625 L 48.71875 26.28125 L 49.78125 25 L 48.71875 23.71875 Z" />
</svg>
<span class="hidden sm:ml-3 sm:block">Source</span>
</a>
</li>
</ul>
<p class="text-center text-sm mt-8">
Built with <a href="https://www.11ty.dev" class="underline hover:text-slate-400">11ty</a> and <a
href="https://tailwindcss.com" class="underline hover:text-slate-400">Tailwind CSS</a>.
Icons from <a href="https://icons8.com" class="underline hover:text-slate-400">Icons8</a>
</p>
</div>
</footer>
</body>
</html>