From 24d433d8f20330c1f4dbe1e97fe953e6e9ca3a49 Mon Sep 17 00:00:00 2001
From: Lucas Arantes <lucas.ruby.dev@gmail.com>
Date: Mon, 10 Jun 2024 22:28:41 -0400
Subject: [PATCH] Add newsletter section

---
 _data/projects.yml            | 3 +++
 _includes/latest_project.html | 9 ++++++---
 _includes/newsletter.html     | 8 ++++++++
 _layouts/default.html         | 3 +++
 assets/css/main.scss          | 6 ++++++
 5 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 _includes/newsletter.html

diff --git a/_data/projects.yml b/_data/projects.yml
index d6233bd..7932db6 100644
--- 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
index 2fa78f3..4d1ce20 100644
--- 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
new file mode 100644
index 0000000..d59eb58
--- /dev/null
+++ 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>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index d2ec1a8..272cf1c 100644
--- 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
index 6bf1b9f..f7f88b9 100644
--- 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;
 }
\ No newline at end of file