REmove substack

Author: AchoArnold

web/components/BlogInfo.vue

@@ -27,18 +27,6 @@
       <v-icon left>{{ mdiBookOpenVariant }}</v-icon>
       Documentation
     </v-btn>
-    <p class="body-2 mt-6 mb-4">
-      Subscribe to my newsletter where I share the new features and updates on
-      httpSMS.
-    </p>
-    <v-progress-circular
-      v-if="!substackLoaded"
-      indeterminate
-      size="40"
-      width="2"
-      color="primary"
-    ></v-progress-circular>
-    <div id="custom-substack-embed" ref="custom-substack-embed"></div>
   </div>
 </template>
 
@@ -51,17 +39,7 @@ export default Vue.extend({
   data() {
     return {
       mdiBookOpenVariant,
-      substackLoaded: false,
     }
   },
-  mounted() {
-    setTimeout(() => {
-      const s = document.createElement('script')
-      s.type = 'text/javascript'
-      s.src = 'https://substackapi.com/widget.js'
-      document.getElementsByTagName('head')[0].appendChild(s)
-      this.substackLoaded = true
-    }, 5000)
-  },
 })
 </script>

web/layouts/website.vue

@@ -88,15 +88,15 @@
               </v-avatar>
               <h3 class="text-h4 ml-1 text--primary">httpSMS</h3>
             </nuxt-link>
-            <p class="subtitle-2 text--secondary">
+            <div class="subtitle-2 mb-4 text--secondary">
               Made With <v-icon color="#cf1112">{{ mdiHeart }}</v-icon> in
               Tallinn
               <v-img
                 class="d-inline-block"
                 width="20"
                 src="https://upload.wikimedia.org/wikipedia/commons/8/8f/Flag_of_Estonia.svg"
               ></v-img>
-            </p>
+            </div>
             <p class="mt-n3">
               <v-btn href="https://twitter.com/httpsmsHQ" icon color="#1DA1F2">
                 <v-icon>{{ mdiTwitter }}</v-icon>

web/pages/index.vue

@@ -3,35 +3,33 @@
     <v-container>
       <v-row class="mt-16 pt-8 mb-n8">
         <v-col>
-          <client-only>
-            <v-alert
-              text
-              :icon="$vuetify.breakpoint.mdAndUp ? mdiSale : undefined"
-              :prominent="$vuetify.breakpoint.mdAndUp"
-              color="success"
-            >
-              <v-row align="center">
-                <v-col class="grow">
-                  <p class="text-h6 mb-0">Black Friday Deal</p>
-                  <p class="mb-0">
-                    Get <b>40%</b> off all yearly plans on httpSMS until on
-                    December 2<sup>nd</sup> by using the discount code
-                    <b>BF2024</b> at checkout
-                  </p>
-                  <v-btn
-                    v-if="!$vuetify.breakpoint.mdAndUp"
-                    to="/billing"
-                    block
-                    color="pink"
-                    >Upgrade Now</v-btn
-                  >
-                </v-col>
-                <v-col v-if="$vuetify.breakpoint.mdAndUp" class="shrink">
-                  <v-btn color="pink" to="/billing">Upgrade Now</v-btn>
-                </v-col>
-              </v-row>
-            </v-alert>
-          </client-only>
+          <v-alert
+            text
+            :icon="$vuetify.breakpoint.mdAndUp ? mdiSale : undefined"
+            :prominent="$vuetify.breakpoint.mdAndUp"
+            color="success"
+          >
+            <v-row align="center">
+              <v-col class="grow">
+                <p class="text-h6 mb-0">Black Friday Deal</p>
+                <p class="mb-0">
+                  Get <b>40%</b> off all yearly plans on httpSMS until on
+                  December 2<sup>nd</sup> by using the discount code
+                  <b>BF2024</b> at checkout
+                </p>
+                <v-btn
+                  v-show="!$vuetify.breakpoint.mdAndUp"
+                  to="/billing"
+                  block
+                  color="pink"
+                  >Upgrade Now</v-btn
+                >
+              </v-col>
+              <v-col v-show="$vuetify.breakpoint.mdAndUp" class="shrink">
+                <v-btn color="pink" to="/billing">Upgrade Now</v-btn>
+              </v-col>
+            </v-row>
+          </v-alert>
         </v-col>
       </v-row>
       <v-row :class="{ 'pb-16 pt-0': $vuetify.breakpoint.lgAndUp }">
@@ -905,7 +903,6 @@ export default Vue.extend({
       mdiLanguageGo,
       selectedTab: 'javascript',
       yearlyPricing: false,
-      substackLoaded: false,
     }
   },
 })

web/static/integrations.js

@@ -13,11 +13,3 @@
 
 // LemonSqueezy
 window.lemonSqueezyAffiliateConfig = { store: 'httpsms' }
-
-// substack
-window.CustomSubstackWidget = {
-  substackUrl: 'httpsms.substack.com',
-  placeholder: '[email protected]',
-  buttonText: 'Subscribe',
-  theme: 'green',
-}