- 제출된 URL:
- https://www.lloydatkinson.net/
- 보고서 완료:
링크 · 3개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://mastodon.social/@lloydjatkinson/ | Mastodon |
| https://mastodon.social/@lloydjatkinson | Mastodon |
| https://github.com/lloydjatkinson | GitHub |
JavaScript 변수 · 4개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| plausible | function |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!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>