https://notemation.com/newsletter

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/png" href="/favicon.png" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title data-rh="true">Subscribe to my Newsletter  ·  Notemation</title>
8<meta data-rh="true" name="description" content="Don&#x27;t miss new product releases, updates of existing ones and new blog posts. You will also receive exclusive discounts and special offers."/><meta data-rh="true" property="og:title" content="Subscribe to my Newsletter  ·  Notemation"/><meta data-rh="true" property="og:description" content="Don&#x27;t miss new product releases, updates of existing ones and new blog posts. You will also receive exclusive discounts and special offers."/><meta data-rh="true" property="og:image" content="https://notemation.com/assets/og-image-C24Tk719.png"/><meta data-rh="true" property="og:url" content="https://notemation.com/newsletter"/><meta data-rh="true" property="og:site_name" content="Notemation"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:site" content="@NotemationHQ"/><meta data-rh="true" name="twitter:image" content="https://notemation.com/assets/og-image-C24Tk719.png"/><meta data-rh="true" name="twitter:title" content="Subscribe to my Newsletter  ·  Notemation"/><meta data-rh="true" name="twitter:description" content="Don&#x27;t miss new product releases, updates of existing ones and new blog posts. You will also receive exclusive discounts and special offers."/>
9<link data-rh="true" rel="canonical" href="https://notemation.com/newsletter"/>
10    

10<script async src="https://umami.uiii.cz/main.js" data-website-id="660af318-3f4a-4a93-9bd2-76f738b1a4e4"></script>

10
11    

11<script type="module" crossorigin src="/assets/index-Dmlkm8PV.js"></script>

11
12    <link rel="stylesheet" crossorigin href="/assets/index-DKDJgwIE.css">
13  </head>
14  <body>
15    <div id="root"><div data-overlay-container="true"><div><nav class="flex z-40 w-full h-auto items-center justify-center data-[menu-open=true]:border-none sticky top-0 inset-x-0 border-b border-divider bg-background" style="--navbar-height:5rem"><header class="z-40 flex gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1024px] px-[24px] sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] lg:px-[64px] xl:max-w-[1280px] xl:px-[70px]"><div class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border"><a class="flex flex-row items-center gap-4" href="/"><span tabindex="-1" class="flex relative justify-center items-center box-border overflow-hidden align-middle z-0 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 w-10 h-10 text-tiny bg-default text-default-foreground rounded-full"><img src="/assets/brand-avatar-DTi0YltJ.png" class="flex object-cover w-full h-full transition-opacity !duration-500 opacity-0 data-[loaded=true]:opacity-100" alt="avatar"/></span><div class="font-raleway text-xl font-light uppercase text-inherit">NOTEMATION</div></a></div><ul class="h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0 hidden gap-8 sm:flex" data-justify="center"><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a color="foreground" href="/">Projects</a></li><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a color="foreground" href="/blog">Blog</a></li><li class="text-medium whitespace-nowrap box-border list-none data-[active=true]:font-semibold"><a color="foreground" href="/newsletter">Newsletter</a></li></ul><button class="group flex items-center justify-center w-6 h-full rounded-small tap-highlight-transparent outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 sm:hidden" type="button" aria-pressed="false"><span class="sr-only">open navigation menu</span><span class="w-full h-full pointer-events-none flex flex-col items-center justify-center text-inherit group-data-[pressed=true]:opacity-70 transition-opacity before:content-[&#x27;&#x27;] before:block before:h-px before:w-6 before:bg-current before:transition-transform before:duration-150 before:-translate-y-1 before:rotate-0 group-data-[open=true]:before:translate-y-px group-data-[open=true]:before:rotate-45 after:content-[&#x27;&#x27;] after:block after:h-px after:w-6 after:bg-current after:transition-transform after:duration-150 after:translate-y-1 after:rotate-0 group-data-[open=true]:after:translate-y-0 group-data-[open=true]:after:-rotate-45"></span></button></header></nav><main><header class="mt-16 md:mt-24 px-section container mx-auto text-center"><h1 class="text-[36px] sm:text-[54px] leading-[normal] !text-2xl sm:!text-4xl font-bold">Subscribe to my Newsletter</h1></header><div class="mx-auto"><p class="mx-auto max-w-screen-sm pt-6 text-center text-lg font-extralight sm:text-xl">Stay in the loop and don&#x27;t miss new product releases, updates of existing ones and new blog posts. You will also receive exclusive discounts and special offers.</p><form class="pt-6" action="https://app.gumroad.com/follow_from_embed_form" method="post" id="gumroad-follow-form-embed"><input type="hidden" name="seller_id" value="1855718537758"/><div class="flex flex-col justify-center gap-2 sm:flex-row"><div class="group flex flex-col data-[hidden=true]:hidden w-full relative justify-end data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_10px)] sm:max-w-[360px]" data-slot="base" data-filled="true" data-filled-within="true" data-has-value="true"><div data-slot="main-wrapper" class="h-full flex flex-col"><div data-slot="input-wrapper" class="relative w-full inline-flex tap-highlight-transparent flex-row items-center px-3 gap-3 data-[hover=true]:border-default-400 group-data-[focus=true]:border-default-foreground h-10 min-h-10 rounded-medium transition-background !duration-150 transition-colors motion-reduce:transition-none bg-white border-1 

15shadow-none border-divider" style="cursor:text"><div data-slot="inner-wrapper" class="inline-flex w-full items-center h-full box-border"><input data-slot="input" class="w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none data-[has-start-content=true]:ps-1.5 data-[has-end-content=true]:pe-1.5 file:cursor-pointer file:bg-transparent file:border-0 autofill:bg-transparent bg-clip-text text-small" id="gumroad-follow-form-embed-input" aria-label="E-mail" type="email" name="email" placeholder="E-mail" aria-describedby="react-aria-:Rrn5H3: react-aria-:Rrn5H4:" value=""/></div></div></div></div><button class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-4 min-w-20 h-10 text-small gap-2 rounded-medium [&amp;&gt;svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-primary text-primary-foreground data-[hover=true]:opacity-hover font-semibold" type="submit" id="gumroad-follow-form-embed-button">Subscribe</button></div><div class="pt-2 text-center text-xs opacity-80">No spam. Unsubscribe anytime.</div></form></div></main><footer class="px-section container mx-auto py-24 md:pt-40"><div class="flex flex-col sm:flex-row"><div class="relative flex flex-col items-center sm:items-start"><a class="mb-4 flex flex-col items-center gap-3 sm:flex-row" href="/"><div class="text-center sm:text-left"><div class="text-[20px] font-bold">Notemation</div><p class="text-sm">Made with <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="inline opacity-20" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853Z"></path></svg> by Richard</p></div></a><div class="flex flex-row items-center gap-5 pt-4"><a href="https://threads.net/notemation" class="" aria-label="Threads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161"></path></svg></a><a href="https://x.com/NotemationHQ" class="" aria-label="X (Twitter)"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path></svg></a><a href="https://bsky.app/profile/notemation.com" class="" aria-label="Bluesky"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.

15078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"></path></svg></a><a href="/cdn-cgi/l/email-protection#b6c5c3c6c6d9c4c2f6d8d9c2d3dbd7c2dfd9d898d5d9db" class="" aria-label="E-mail"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-[20px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg></a></div></div><div class="mt-16 flex flex-col sm:ms-auto sm:mt-0"><nav class="flex flex-row justify-center gap-12 leading-7 sm:justify-end"><div><a href="/">Projects</a></div><div><a href="/blog">Blog</a></div><div><a href="/newsletter">Newsletter</a></div></nav><nav class="flex flex-row justify-center gap-6 pt-4 leading-7 sm:justify-end"></nav><nav class="flex flex-row justify-center gap-6 pt-4 leading-7 sm:justify-end"></nav><div class="xpt-16 mt-auto text-center text-sm opacity-75 sm:text-end">@ <!-- -->2026<!-- --> Notemation. All rights reserved.</div></div></div></footer></div></div></div>

15
16  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

16<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"801502d591514748a3799d3bb3d83ccb","r":1,"spa":2}' crossorigin="anonymous"></script>

16
17</body>
18</html>