<!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>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique tempus ultricies. In bibendum nisi pharetra auctor volutpat. Cras vitae est placerat, varius ex sed, molestie orci. Donec maximus quis lacus eget semper. Vestibulum blandit posuere ipsum, sit amet egestas neque feugiat non. Nam in scelerisque nisl. Praesent justo tellus, laoreet a molestie at, semper sed nisl. Mauris et nisi orci. Morbi ut porta diam. Donec ut auctor augue.</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>