chore: update newsletter form to substack

This commit is contained in:
Pasha Sviderski
2026-01-26 21:10:40 +10:00
parent 7c4f739d07
commit 0b2e1bb7a2
2 changed files with 10 additions and 91 deletions
+10 -34
View File
@@ -71,6 +71,10 @@
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 transition"
href="/blog">Blog</a>
</li>
<li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 transition"
href="https://psviderski.substack.com/" target="_blank">Newsletter</a>
</li>
</ul>
<!-- Right side navigation -->
<ul class="flex grow justify-end flex-wrap items-center">
@@ -94,12 +98,6 @@
<span class="ml-1 hidden sm:inline">GitHub</span>
</a>
</li>
<li class="ml-1 hidden sm:block">
<a class="btn-sm text-zinc-100 bg-zinc-900 hover:bg-zinc-800 w-full shadow"
href="https://github.com/psviderski/uncloud/?tab=readme-ov-file#-quick-start">
Get Started
</a>
</li>
</ul>
</nav>
</div>
@@ -596,33 +594,13 @@
</em>
</h2>
<p class="text-lg text-zinc-500 mb-8">
Uncloud is an open source project I'm actively developing. I'd love to share this journey
with you. Subscribe to follow the progress, get early insights into new features, and be the
first to know when it's ready for production use. No marketing, ads or spam.
<p>
Subscribe to follow the progress and get early insights into new features.<br>
See <a href="https://psviderski.substack.com/" target="_blank" class="text-zinc-900 hover:underline">previous newsletters</a>.
</p>
<!-- Subscribe form -->
<div class="flex flex-col sm:flex-row justify-center gap-4 items-stretch text-zinc-900">
<form action="https://app.kit.com/forms/7595321/subscriptions"
class="w-full max-w-sm mx-auto"
method="post" data-sv-form="7595321" data-uid="a6c3ce5004" data-format="inline"
data-version="5"
data-options="{&quot;settings&quot;:{&quot;after_subscribe&quot;:{&quot;action&quot;:&quot;message&quot;,&quot;success_message&quot;:&quot;Success! Please check your email to confirm your subscription.&quot;,&quot;redirect_url&quot;:&quot;&quot;},&quot;analytics&quot;:{&quot;google&quot;:null,&quot;fathom&quot;:null,&quot;facebook&quot;:null,&quot;segment&quot;:null,&quot;pinterest&quot;:null,&quot;sparkloop&quot;:null,&quot;googletagmanager&quot;:null},&quot;modal&quot;:{&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;powered_by&quot;:{&quot;show&quot;:true,&quot;url&quot;:&quot;https://kit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic&quot;},&quot;recaptcha&quot;:{&quot;enabled&quot;:false},&quot;return_visitor&quot;:{&quot;action&quot;:&quot;show&quot;,&quot;custom_content&quot;:&quot;&quot;},&quot;slide_in&quot;:{&quot;display_in&quot;:&quot;bottom_right&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;sticky_bar&quot;:{&quot;display_in&quot;:&quot;top&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15}},&quot;version&quot;:&quot;5&quot;}"
>
<div data-element="fields" class="flex">
<input class="flex-1 min-w-0 form-input px-4 py-2 text-sm text-zinc-900 bg-white border border-zinc-200 rounded-l border-r-0 rounded-r-none shadow-sm focus:border-zinc-900"
name="email_address"
aria-label="Your email address"
placeholder="Your email address"
type="email"
required>
<button class="btn text-zinc-100 bg-zinc-900 hover:bg-zinc-800 rounded-l-none shadow"
data-element="submit">
Subscribe
</button>
</div>
<ul class="text-sm text-rose-700 mt-2" data-element="errors" data-group="alert"></ul>
</form>
<!-- Subscribe form -->
<div class="flex justify-center">
<iframe src="https://psviderski.substack.com/embed" width="480" height="150" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>
</div>
<div class="mt-6 text-sm text-zinc-500">
@@ -754,8 +732,6 @@
</div>
<script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
</body>
</html>
-57
View File
@@ -1316,10 +1316,6 @@ input[type="search"]::-webkit-search-results-decoration {
width: 100%;
}
.min-w-0{
min-width: 0px;
}
.max-w-3xl{
max-width: 48rem;
}
@@ -1336,10 +1332,6 @@ input[type="search"]::-webkit-search-results-decoration {
max-width: 28rem;
}
.max-w-sm{
max-width: 24rem;
}
.max-w-xl{
max-width: 36rem;
}
@@ -1348,10 +1340,6 @@ input[type="search"]::-webkit-search-results-decoration {
max-width: 20rem;
}
.flex-1{
flex: 1 1 0%;
}
.shrink-0{
flex-shrink: 0;
}
@@ -1393,10 +1381,6 @@ input[type="search"]::-webkit-search-results-decoration {
align-items: center;
}
.items-stretch{
align-items: stretch;
}
.justify-end{
justify-content: flex-end;
}
@@ -1417,10 +1401,6 @@ input[type="search"]::-webkit-search-results-decoration {
gap: 0.75rem;
}
.gap-4{
gap: 1rem;
}
.gap-6{
gap: 1.5rem;
}
@@ -1499,21 +1479,6 @@ input[type="search"]::-webkit-search-results-decoration {
border-radius: 0.75rem;
}
.rounded-l{
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l-none{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-r-none{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.border{
border-width: 1px;
}
@@ -1530,10 +1495,6 @@ input[type="search"]::-webkit-search-results-decoration {
border-bottom-width: 2px;
}
.border-r-0{
border-right-width: 0px;
}
.border-t{
border-top-width: 1px;
}
@@ -1838,11 +1799,6 @@ input[type="search"]::-webkit-search-results-decoration {
color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-rose-700{
--tw-text-opacity: 1;
color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-transparent{
color: transparent;
}
@@ -2115,11 +2071,6 @@ input[type="search"]::-webkit-search-results-decoration {
border-color: transparent;
}
.focus\:border-zinc-900:focus{
--tw-border-opacity: 1;
border-color: rgb(24 24 27 / var(--tw-border-opacity));
}
.focus\:bg-gray-200:focus{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -2203,10 +2154,6 @@ input[type="search"]::-webkit-search-results-decoration {
margin-right: 0.25rem;
}
.sm\:block{
display: block;
}
.sm\:inline{
display: inline;
}
@@ -2227,10 +2174,6 @@ input[type="search"]::-webkit-search-results-decoration {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row{
flex-direction: row;
}
.sm\:justify-center{
justify-content: center;
}