chore: update newsletter form to substack

website/landing/index.html

@@ -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
+                            Subscribe to follow the progress and get early insights into new features.<br>
-                            with you. Subscribe to follow the progress, get early insights into new features, and be the
+                            See <a href="https://psviderski.substack.com/" target="_blank" class="text-zinc-900 hover:underline">previous newsletters</a>.
-                            first to know when it's ready for production use. No marketing, ads or spam.
+                        </p>
-                        <p>
 
-                            <!-- Subscribe form -->
+                        <!-- Subscribe form -->
-                        <div class="flex flex-col sm:flex-row justify-center gap-4 items-stretch text-zinc-900">
+                        <div class="flex justify-center">
-                            <form action="https://app.kit.com/forms/7595321/subscriptions"
+                            <iframe src="https://psviderski.substack.com/embed" width="480" height="150" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>
-                                  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>
                         </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>

website/landing/style.css

@@ -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;
   }