<!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>