Add newsletter section

lucasprag · Jun 11, 2024 · 24d433d · 24d433d
1 parent b357dec
commit 24d433d
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 3 deletions.
diff --git a/_data/projects.yml b/_data/projects.yml
@@ -1,14 +1,17 @@
 - name: StoryPoints.online
   url: https://storypoints.online/
   description: Estimate your stories & tasks faster in real time without letting the first response influence the others.
+  free: true
 
 - name: Alguém Recommenda? (pt-BR)
   url: https://alguemrecomenda.ca/
   description: List of Brazilian businesses offering products or services in greater Montréal. 🇧🇷 💙 🇨🇦
+  free: true
 
 - name: "VSCode Extension: TeamDocs"
   url: https://marketplace.visualstudio.com/items?itemName=lucasprag.teamdocs
   description: TeamDocs ensures that your centralized documentation is conveniently accessible from the Activity Bar, regardless of the specific project you are currently working on.
+  free: true
 
 # DEAD
 # - name: TeamLead.tools

diff --git a/_includes/latest_project.html b/_includes/latest_project.html
@@ -1,6 +1,5 @@
-
-<div class="border-t border-gray-700 mt-10 py-7">
-  <h1 class="py-3 font-semibold text-lg border-gray-200 dark:border-gray-700">
+<div class="border-t border-gray-300 dark:border-gray-800 mt-10 py-7">
+  <h1 class="py-3 font-semibold text-lg">
     Thanks for reading my blog! Check out my latest project 👇🏼
   </h1>
 
@@ -13,6 +12,10 @@ <h1 class="py-3 font-semibold text-lg border-gray-200 dark:border-gray-700">
     <div class="w-full p-2">
       <h2 class="font-semibold text-2xl">
         {{project.name}} {% include external.html size="24px" %}
+
+        {% if project.free %}
+          <span class="tag rounded-lg text-lg">Free!</span>
+        {% endif %}
       </h2>
 
       <div class="text-lg mt-3">

diff --git a/_includes/newsletter.html b/_includes/newsletter.html
@@ -0,0 +1,8 @@
+<div class="mt-10 py-7">
+  <div class="mx-auto max-w-[700px]">
+    <h1 class="font-semibold text-lg">
+      Subscribe to my newsletter 💌
+    </h1>
+    <script async data-uid="bcf06ab548" src="https://lucasprag.ck.page/bcf06ab548/index.js"></script>
+  </div>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -35,6 +35,9 @@
   <main class="flex-1">
     {{ content }}
   </main>
+
+  {% include newsletter.html %}
+
   {% include footer.html %}
 </div>
 

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -197,4 +197,10 @@ html.dark {
 
 code.highlighter-rouge {
   padding: 1px 5px 1px 5px;
+}
+
+
+/* ConvertKit customizations */
+.formkit-form [data-style='clean'] {
+  padding-top: 10px !important;
 }