- ID de l'analyse :
- 40daa261-9dc2-42ed-a41b-174135b473e4Terminée
- URL soumise :
- https://www.lloydatkinson.net/
- Fin du rapport :
Liens : 3 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://mastodon.social/@lloydjatkinson/ | Mastodon |
| https://mastodon.social/@lloydjatkinson | Mastodon |
| https://github.com/lloydjatkinson | GitHub |
Variables JavaScript : 4 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| plausible | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><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="preload" href="/assets/fonts-subset/inter-v3-latin-500-subset.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="/assets/fonts-subset/inter-v3-latin-regular-subset.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="/assets/fonts-subset/inter-v3-latin-700-subset.woff2" as="font" type="font/woff2" crossorigin=""><link rel="canonical" href="https://www.lloydatkinson.net/"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="manifest" href="/site.webmanifest"><link rel="sitemap" href="/sitemap-index.xml"><link rel="webmention" href="https://webmention.io/www.lloydatkinson.net/webmention"><link rel="pingback" href="https://webmention.io/www.lloydatkinson.net/xmlrpc"><title>Software Engineer and Maker - Lloyd Atkinson</title><meta name="title" content="Software Engineer and Maker"><meta name="description" content="Software Engineer and Maker"><link rel="alternate" type="application/rss+xml" title="Lloyd Atkinson" href="https://www.lloydatkinson.net/rss.xml"><meta name="author" content="Lloyd Atkinson"><meta property="og:url" content="https://www.lloydatkinson.net/"><meta property="og:title" content="Software Engineer and Maker"><meta property="og:site_name" content="Lloyd Atkinson"><meta property="og:description" content="Software Engineer and Maker"><meta property="og:type" content="website"><meta property="og:image" content="https://www.lloydatkinson.net/assets/images/default-plant.jpeg"><meta property="og:type" content="website"><meta property="twitter:url" content="https://www.lloydatkinson.net/"><meta property="twitter:title" content="Software Engineer and Maker"><meta property="twitter:description" content="Software Engineer and Maker"><meta property="twitter:creator" content="@lloydjatkinson"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:image" content="https://www.lloydatkinson.net/assets/images/default-plant.jpeg"><meta name="theme-color" media="(prefers-color-scheme: light)" content="#ff0000"><meta name="theme-color" media="(prefers-color-scheme: dark)" content="black"><script defer="" data-domain="lloydatkinson.net" src="https://plausible.io/js/script.hash.outbound-links.pageview-props.tagged-events.js"></script><link rel="stylesheet" href="/_astro/about._xLKXpJy.css">
<style>.gradient-text[data-astro-cid-7u77t3n6]{--text-color: black;background-size:200% 100%;background-position:-100% center;color:var(--text-color);-webkit-background-clip:text;background-clip:text;transition:color 2s ease}.gradient-text[data-astro-cid-7u77t3n6].animate{--text-color: transparent;animation:gradientEntryAndAnimation 4s linear infinite}@keyframes gradientEntryAndAnimation{0%{background-position:-100% center}16.67%{background-position:0% center}to{background-position:100% center}}
::selection{background:#fcf5e5}mjx-container svg{display:inline}.MathJax{font-size:1.1rem;color:#000}.svg-icon>path{stroke-width:2}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-100-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-200-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-300-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-500-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-regular-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-600-subset.woff2) format("woff2"),}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-700-subset.woff2) format("woff2"),}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-800-subset.woff2) format("woff2"),}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:local(""),url(/assets/fonts-subset/inter-v3-latin-900-subset.woff2) format("woff2"),}
</style></head><body class="bg-white"> <div class="container max-w-4xl px-4 mx-auto"> <header> <nav> <div class="border-b select-none border-brand-primary"> <div class="flex justify-between h-16"> <span class="flex items-center justify-center flex-shrink-0 gap-4"> <a href="/"> <h2>Lloyd Atkinson</h2> </a> </span> <span class="hidden gap-10 sm:flex sm:items-center"> <span> <ul class="hidden text-sm font-medium sm:flex sm:gap-8"> <li> <a href="/articles/" title="/articles/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/articles/"> Articles </a> </li><li> <a href="/notes/" title="/notes/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/notes/"> Notes </a> </li><li> <a href="/speaking/" title="/speaking/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/speaking/"> Speaking </a> </li><li> <a href="/about/" title="/about/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/about/"> About </a> </li> </ul> </span> <span> <ul class="flex gap-4"> <li> <a href="https://mastodon.social/@lloydjatkinson/" title="Mastodon"> <span class="sr-only">Mastodon</span> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="currentColor" d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26c-1.31.15-2.6.3-3.97.24c-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42c1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5c-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96c0 0 2.83 1.27 2.83 5.61c0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56c-.56-.63-1.3-.96-2.23-.96c-1.06 0-1.87.41-2.42 1.23l-.5.88l-.5-.88c-.56-.82-1.36-1.23-2.43-1.23c-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62c1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93c.9 0 1.35.56 1.35 1.62v5.11H18z"></path></svg></span> </a> </li><li> <a href="/reading/" title="Read"> <span class="sr-only">Read</span> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm4 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM5 8h4m0 8h4"></path><path d="m13.803 4.56l2.184-.53c.562-.135 1.133.19 1.282.732l3.695 13.418a1.02 1.02 0 0 1-.634 1.219l-.133.041l-2.184.53c-.562.135-1.133-.19-1.282-.732L13.036 5.82a1.02 1.02 0 0 1 .634-1.219zM14 9l4-1m-2 8l3.923-.98"></path></g></svg></span> </a> </li><li> <a href="/rss.xml" title="RSS Feed"> <span class="sr-only">RSS Feed</span> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="none" stroke="currentColor" d="M12.75 19.5v-.75a7.5 7.5 0 0 0-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span> </a> </li><li> <a href="/inbox/" title="Contact"> <span class="sr-only">Contact</span> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="none" stroke="currentColor" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span> </a> </li> </ul> </span> </span> <div class="flex items-center sm:hidden"> <!-- <MobileNavigationMenu targetSelector="#navigation-menu" client:visible /> --> <mobile-navigation-button target-selector="#navigation-menu" class="contents"> <button type="button" aria-label="Open/Close Navigation Menu" class="inline-flex items-center justify-center p-1 text-gray-400 hover:text-gray-500 focus:outline-none"> <svg class="absolute h-6 w-6 transition ease transform duration-200 opacity-100" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg class="absolute h-6 w-6 transition ease transform duration-200 translate-x-2 opacity-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </mobile-navigation-button> <script type="module">class s extends HTMLElement{isOpen=!1;targetElement=null;button=null;menuIcon=null;closeIcon=null;constructor(){super()}static get observedAttributes(){return["target-selector"]}connectedCallback(){this.button=this.querySelector("button"),this.menuIcon=this.querySelector("svg:first-of-type"),this.closeIcon=this.querySelector("svg:last-of-type"),this.button&&this.button.addEventListener("click",()=>this.toggleMenu())}disconnectedCallback(){this.button&&this.button.removeEventListener("click",()=>this.toggleMenu())}toggleMenu(){this.isOpen=!this.isOpen,this.menuIcon?.classList.toggle("opacity-0",this.isOpen),this.menuIcon?.classList.toggle("opacity-100",!this.isOpen),this.menuIcon?.classList.toggle("-translate-x-2",this.isOpen),this.closeIcon?.classList.toggle("opacity-100",this.isOpen),this.closeIcon?.classList.toggle("opacity-0",!this.isOpen),this.closeIcon?.classList.toggle("translate-x-2",!this.isOpen),this.targetElement&&(this.targetElement.classList.toggle("hidden",!this.isOpen),this.targetElement.classList.toggle("block",this.isOpen))}attributeChangedCallback(e,n,t){e==="target-selector"&&t&&(this.targetElement=document.querySelector(t))}}customElements.define("mobile-navigation-button",s);</script> </div> </div> </div> <div id="navigation-menu" class="hidden py-4 border-b select-none sm:hidden border-brand-primary"> <div class="gap-6"> <div class="flex flex-col justify-center gap-6"> <span> <ul class="flex flex-col gap-3 text-sm font-medium text-center"> <li> <a href="/articles/" title="/articles/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/articles/"> Articles </a> </li><li> <a href="/notes/" title="/notes/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/notes/"> Notes </a> </li><li> <a href="/speaking/" title="/speaking/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/speaking/"> Speaking </a> </li><li> <a href="/about/" title="/about/" class="hover:text-gray-900 text-gray-500" data-test-link-to="/about/"> About </a> </li> </ul> </span> <span> <ul class="flex justify-center gap-4"> <li> <a href="https://mastodon.social/@lloydjatkinson/" title="Mastodon"> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="currentColor" d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26c-1.31.15-2.6.3-3.97.24c-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42c1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5c-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96c0 0 2.83 1.27 2.83 5.61c0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56c-.56-.63-1.3-.96-2.23-.96c-1.06 0-1.87.41-2.42 1.23l-.5.88l-.5-.88c-.56-.82-1.36-1.23-2.43-1.23c-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62c1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93c.9 0 1.35.56 1.35 1.62v5.11H18z"></path></svg></span> </a> </li><li> <a href="/reading/" title="Read"> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm4 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM5 8h4m0 8h4"></path><path d="m13.803 4.56l2.184-.53c.562-.135 1.133.19 1.282.732l3.695 13.418a1.02 1.02 0 0 1-.634 1.219l-.133.041l-2.184.53c-.562.135-1.133-.19-1.282-.732L13.036 5.82a1.02 1.02 0 0 1 .634-1.219zM14 9l4-1m-2 8l3.923-.98"></path></g></svg></span> </a> </li><li> <a href="/rss.xml" title="RSS Feed"> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="none" stroke="currentColor" d="M12.75 19.5v-.75a7.5 7.5 0 0 0-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span> </a> </li><li> <a href="/inbox/" title="Contact"> <span class="text-gray-700 hover:text-brand-primary cursor-pointer"><svg class="svg-icon" viewBox="0 0 24 24" width="1em" height="1em" style="font-size: 24px;"><path fill="none" stroke="currentColor" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></span> </a> </li> </ul> </span> </div> </div> </div> </nav> </header> <div class="pb-8 pt-14 sm:py-28 sm:px-12 relative"> <div class="flex flex-col gap-24"> <main> <div class="flex flex-col gap-y-16"> <div class="z-10 h-60 sm:h-96" data-astro-cid-7u77t3n6=""> <div class="flex items-center justify-center h-full" data-astro-cid-7u77t3n6=""> <div class="text-center" data-astro-cid-7u77t3n6=""> <h1 class="text-[32px] leading-[54px] sm:text-[64px] sm:leading-[96px]" data-astro-cid-7u77t3n6=""> Hi there, I'm Lloyd </h1><h2 class="gradient-text text-[30px] leading-[45px] sm:text-[48px] sm:leading-[72px] cycle font-bold bg-clip-text text-transparent" data-astro-cid-7u77t3n6=""> I make things </h2> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{const e=document.querySelector(".gradient-text");e instanceof HTMLElement&&(e.setAttribute("style","background-image: linear-gradient(to right, #ffae00, #ff0000, #ffae00)"),document.querySelector(".gradient-text")?.classList.add("animate"))},1500)});</script> <div class="flex flex-col gap-14"> <div class="flex flex-col gap-14"> <section> <h2 class="w-full pb-4 text-xl font-bold border-b border-gray-200"> Recent Articles </h2> <div> <ol class="divide-y divide-gray-200"> <li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2024/my-name-has-five-letters/" data-astro-prefetch=""> <h3 class="hover:underline">My Name Has Five Letters.</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2024-10-15T01:13:26.000Z" data-test-formatted-date-time="">October 15th, 2024</time> </span> </div> </article> <link href="/_astro/five-letter-name.BgsyUGuM.png" as="image"> </li><li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2024/stupid-problems-require-stupid-solutions-cloudflare-is-breaking-my-svgs/" data-astro-prefetch=""> <h3 class="hover:underline">Stupid Problems Require Stupid Solutions (Cloudflare Is Breaking My SVGs)</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2024-09-20T18:19:34.000Z" data-test-formatted-date-time="">September 20th, 2024</time> </span> </div> </article> <link href="/_astro/svg-meme.0D5qsmpa.png" as="image"> </li><li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2024/some-thoughts-as-i-sit-here-in-another-standup/" data-astro-prefetch=""> <h3 class="hover:underline">Some Thoughts As I Sit Here in Another Standup</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2024-05-20T07:46:24.000Z" data-test-formatted-date-time="">May 20th, 2024</time> </span> </div> </article> <link href="/_astro/its-not-that-im-lazy.BxWKDKuz.png" as="image"> </li><li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2024/frictions-and-complexities-of-simple-bash-scripts/" data-astro-prefetch=""> <h3 class="hover:underline">Frictions and Complexities of "Simple" Scripts</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2024-05-13T11:16:43.000Z" data-test-formatted-date-time="">May 13th, 2024</time> </span> </div> </article> </li> </ol> </div> </section> <section> <h2 class="w-full pb-4 text-xl font-bold border-b border-gray-200"> Personal </h2> <div> <ol class="divide-y divide-gray-200"> <li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2023/year-in-review/" data-astro-prefetch=""> <h3 class="hover:underline">2023: Year in Review</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2023-12-30T01:52:01.000Z" data-test-formatted-date-time="">December 30th, 2023</time> </span> </div> </article> <link href="/_astro/wedding-photo-1.HTMXDFEK.jpg" as="image"> </li><li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2023/i-got-married/" data-astro-prefetch=""> <h3 class="hover:underline">I Got Married ❤️</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2023-08-05T16:00:00.000Z" data-test-formatted-date-time="">August 5th, 2023</time> </span> </div> </article> <link href="/_astro/wedding-background.BA_ldUOH.jpg" as="image"> </li><li class="py-3"> <article class="flex flex-col gap-y-4"> <div class="flex flex-col justify-between gap-4 md:flex-row"> <a href="/posts/2022/year-in-review/" data-astro-prefetch=""> <h3 class="hover:underline">2022: Year in Review</h3> </a> <span class="text-sm text-gray-500 whitespace-nowrap"> <time class="dt-published" datetime="2022-12-30T01:52:01.000Z" data-test-formatted-date-time="">December 30th, 2022</time> </span> </div> </article> </li> </ol> </div> </section> </div> <section class="pt-10 not-prose pb-14"><form action="https://buttondown.email/api/emails/embed-subscribe/lloydatkinson.net" method="post" target="_blank" class="embeddable-buttondown-form"><div class="flex justify-center items-center flex-col"><div class="flex flex-col gap-y-8"><div class="flex flex-col gap-2.5 text-center"><h3 class="text-xl font-bold">Stay up to date</h3><p>Subscribe to my newsletter to stay up to date on my articles and projects</p></div><div><div class="flex max-w-md gap-3 mx-auto"><label for="email" class="sr-only">E-Mail</label><div class="w-full"><input required="" type="email" name="email" id="email" autocomplete="email" placeholder="Type your email address..." class="block w-full p-1"></div><button type="submit" value="Subscribe" id="subscribe" name="subscribe" class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium leading-4 text-white bg-black hover:black">
Subscribe
</button><input type="hidden" name="metadata__placement" value="https://www.lloydatkinson.net/"></div></div></div></div></form></section> </div> </div> </main> <footer class="flex items-center justify-center"> <p class="text-sm text-center text-gray-500">
© Lloyd Atkinson 2024 ✌
</p> </footer> </div> </div> </div> <a rel="me" href="https://mastodon.social/@lloydjatkinson" class="hidden">
Mastodon
</a> <a rel="me" href="https://github.com/lloydjatkinson" class="hidden">
GitHub
</a> <a rel="author" class="p-author h-card hidden" href="https://www.lloydatkinson.net/"> <!-- <img src="/logo.png" alt="Lloyd Atkinson" class="u-photo hidden" /> -->
Lloyd Atkinson
</a> <a rel="me" href="https://www.lloydatkinson.net/" class="h-card hidden">
Lloyd Atkinson
</a> </body></html>