From 30b24a0fe11791064da7c72ec1cfe73a7c8c3eea Mon Sep 17 00:00:00 2001
From: hil <hil@OD8N.com>
Date: Thu, 7 Aug 2025 18:27:59 +0000
Subject: [PATCH] Update Posts

---
 public/index.html | 579 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 400 insertions(+), 179 deletions(-)

diff --git a/public/index.html b/public/index.html
index af8769e..51e7ddd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -272,52 +272,17 @@
 
   </section>
 
-<section id="blog" class="accordion-section blog-section"> 
-  <h2 class="section-header">Latest Blog Posts</h2>
-  <div class="blog-list container">
-
-    <!-- 1. Example HTML to use badge in blog post -->
-
-    <!-- <div class="blog-teaser blog-badge-green">
+<section class="accordion-section"> 
+  
+  
+    <div class="blog-teaser blog-badge-green">
       <div class="blog-badge-green-tag">Company</div>
-      <h3 class="blog-title tutorial"> From Chat to Checkout: Building a Dynamic Chat Widget with PayPal and n8n</h3>
+
+      
+      <h3 class="blog-title tutorial">From Chat to Checkout: Building a Dynamic Chat Widget with PayPal and n8n</h3>
       <small class="blog-date">30.07.2025</small>
       <div class="blog-snippet">
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could guide users through an entire procurement flow and end with a PayPal payment button, ready to go?
-      </div>
-      <div class="blog-full-content" style="display:none;">
-        <p>
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could <strong>guide users through an entire procurement flow</strong> and end with a PayPal payment button, ready to go?
-        </p>
-      </div>
-      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
-    </div> -->
-
-
-    <!-- 2. Example HTML to skip badge in blog post  -->
-
-    <!-- <div class="blog-teaser">
-      <h3 class="blog-title tutorial"> From Chat to Checkout: Building a Dynamic Chat Widget with PayPal and n8n</h3>
-      <small class="blog-date">30.07.2025</small>
-      <div class="blog-snippet">
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could guide users through an entire procurement flow and end with a PayPal payment button, ready to go?
-      </div>
-      <div class="blog-full-content" style="display:none;">
-        <p>
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could <strong>guide users through an entire procurement flow</strong> and end with a PayPal payment button, ready to go?
-        </p>
-      </div>
-      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
-    </div> -->
-
-    <!-- 3. Uncomment this to get one blog post ready with blue badge -->
-
-    <!-- <div class="blog-teaser blog-badge-blue">
-      <div class="blog-badge-blue-tag">Most popular</div>
-      <h3 class="blog-title tutorial"> From Chat to Checkout: Building a Dynamic Chat Widget with PayPal and n8n</h3>
-      <small class="blog-date">30.07.2025</small>
-      <div class="blog-snippet">
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could guide users through an entire procurement flow and end with a PayPal payment button, ready to go?
+      So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could guide users through an entire procurement flow and end with a PayPal payment button, ready to go?
       </div>
       <div class="blog-full-content" style="display:none;">
         
@@ -329,7 +294,7 @@ So you've wired up a chat with your AI agent and it responds nicely — but what
 In this tutorial, we’ll walk through the key steps we used to build a <strong>dynamic chat widget</strong> using <code>n8n</code>, an AI agent, and a smart process flow that finishes in PayPal. We won’t cover the basics of implementing an AI chat agent — we’ll assume you’ve got that part covered.
 </p>
 
-<h2 class="blog-content-section-title">💡 The Real Magic: State-Aware Chat Responses</h2>
+<h2>💡 The Real Magic: State-Aware Chat Responses</h2>
 
 <p>
 The key innovation here lies in how we return the agent’s response to the frontend. Instead of sending back a simple string, we return a rich object that contains not just the output text, but also a dynamic <strong>state object</strong> that tracks context and next steps.
@@ -348,7 +313,7 @@ The key innovation here lies in how we return the agent’s response to the fron
 This small design decision opens up a world of flexibility. The frontend can now dynamically react to the current state of the conversation — whether it’s collecting user details, offering product options, or finalizing a purchase.
 </p>
 
-<h2 class="blog-content-section-title">🛒 Embedding the Product ID in State</h2>
+<h2>🛒 Embedding the Product ID in State</h2>
 
 <p>
 Once the conversation has gathered enough information from the user (product type, quantity, shipping address, etc.), we instruct the AI agent to <strong>embed the product ID directly into the state object</strong>.
@@ -362,7 +327,7 @@ This ID is then parsed by the frontend to dynamically display the appropriate <s
 It’s a smooth handoff: the chat does the heavy lifting, and the UI reacts based on structured, predictable metadata.
 </p>
 
-<h2 class="blog-content-section-title">🔧 Under the Hood: What We Used</h2>
+<h2>🔧 Under the Hood: What We Used</h2>
 
 <ul>
   <li><strong>n8n</strong> for workflow logic and webhook handling</li>
@@ -371,13 +336,13 @@ It’s a smooth handoff: the chat does the heavy lifting, and the UI reacts base
   <li><strong>PayPal API</strong> for seamless payment integration</li>
 </ul>
 
-<h2 class="blog-content-section-title">✨ Bonus: A Process Wizard</h2>
+<h2>✨ Bonus: A Process Wizard</h2>
 
 <p>
 We also built a simple process wizard UI that activates when certain states are reached. This provides users with an optional visual flow, letting them see how far along they are in the checkout process — especially useful when the chat is collecting structured information.
 </p>
 
-<h2 class="blog-content-section-title">📚 Want to Try This Yourself?</h2>
+<h2>📚 Want to Try This Yourself?</h2>
 
 <p>
 Head over to our <a href="/">homepage</a> to read more blog posts like this and explore our implementation in detail.
@@ -388,7 +353,6 @@ Or, if you'd like to help us out with a little SEO love, just Google <strong>"N8
 </p>
 
 <p>Here’s a full video walkthrough of the dynamic chat widget in action:</p>
-<span class="blog-video-description">
 In this tutorial, we’ll walk through the key steps we used to build a dynamic chat widget using n8n, an AI agent, and a smart process flow that finishes in PayPal. We won’t cover the basics of implementing an AI chat agent — we’ll assume you’ve got that part covered.
 
 💡 The Real Magic: State-Aware Chat Responses
@@ -425,128 +389,7 @@ Head over to our homepage to read more blog posts like this and explore our impl
 Or, if you'd like to help us out with a little SEO love, just Google "N8N ODOO API" and click on our homepage: OD8N. As a reward, we’ve got an in-depth breakdown of the full implementation waiting for you!
 
 Here’s a full video walkthrough of the dynamic chat widget in action:
-</span>        
-        <iframe width="560" height="315" class="ytvideo" src="https://youtu.be/4BPLTfeQfHE" title="Video" frameborder="0"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          allowfullscreen>
-        </iframe>
-      </div>
-      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
-    </div> -->
-
-    <div class="blog-teaser">
-      <h3 class="blog-title tutorial"> From Chat to Checkout: Building a Dynamic Chat Widget with PayPal and n8n</h3>
-      <small class="blog-date">30.07.2025</small>
-      <div class="blog-snippet">
-        So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could guide users through an entire procurement flow and end with a PayPal payment button, ready to go?
-      </div>
-      <div class="blog-full-content" style="display:none;">
         
-<p>
-So you've wired up a chat with your AI agent and it responds nicely — but what if your chat could <strong>guide users through an entire procurement flow</strong> and end with a PayPal payment button, ready to go?
-</p>
-
-<p>
-In this tutorial, we’ll walk through the key steps we used to build a <strong>dynamic chat widget</strong> using <code>n8n</code>, an AI agent, and a smart process flow that finishes in PayPal. We won’t cover the basics of implementing an AI chat agent — we’ll assume you’ve got that part covered.
-</p>
-
-<h2 class="blog-content-section-title">💡 The Real Magic: State-Aware Chat Responses</h2>
-
-<p>
-The key innovation here lies in how we return the agent’s response to the frontend. Instead of sending back a simple string, we return a rich object that contains not just the output text, but also a dynamic <strong>state object</strong> that tracks context and next steps.
-</p>
-
-<p>Here’s what our return looks like from the backend:</p>
-
-<pre><code>return {
-  json: {
-    output: output_,
-    state: state_
-  }
-};</code></pre>
-
-<p>
-This small design decision opens up a world of flexibility. The frontend can now dynamically react to the current state of the conversation — whether it’s collecting user details, offering product options, or finalizing a purchase.
-</p>
-
-<h2 class="blog-content-section-title">🛒 Embedding the Product ID in State</h2>
-
-<p>
-Once the conversation has gathered enough information from the user (product type, quantity, shipping address, etc.), we instruct the AI agent to <strong>embed the product ID directly into the state object</strong>.
-</p>
-
-<p>
-This ID is then parsed by the frontend to dynamically display the appropriate <strong>PayPal payment button</strong>, configured for the selected product and amount.
-</p>
-
-<p>
-It’s a smooth handoff: the chat does the heavy lifting, and the UI reacts based on structured, predictable metadata.
-</p>
-
-<h2 class="blog-content-section-title">🔧 Under the Hood: What We Used</h2>
-
-<ul>
-  <li><strong>n8n</strong> for workflow logic and webhook handling</li>
-  <li><strong>Custom HTML + JS widget</strong> to handle frontend interaction</li>
-  <li><strong>OpenAI Agent</strong> with system prompts to guide the process</li>
-  <li><strong>PayPal API</strong> for seamless payment integration</li>
-</ul>
-
-<h2 class="blog-content-section-title">✨ Bonus: A Process Wizard</h2>
-
-<p>
-We also built a simple process wizard UI that activates when certain states are reached. This provides users with an optional visual flow, letting them see how far along they are in the checkout process — especially useful when the chat is collecting structured information.
-</p>
-
-<h2 class="blog-content-section-title">📚 Want to Try This Yourself?</h2>
-
-<p>
-Head over to our <a href="/">homepage</a> to read more blog posts like this and explore our implementation in detail.
-</p>
-
-<p>
-Or, if you'd like to help us out with a little SEO love, just Google <strong>"N8N ODOO API"</strong> and click on our homepage: <strong>OD8N</strong>. As a reward, we’ve got an in-depth breakdown of the full implementation waiting for you!
-</p>
-
-<p>Here’s a full video walkthrough of the dynamic chat widget in action:</p>
-<span class="blog-video-description">
-In this tutorial, we’ll walk through the key steps we used to build a dynamic chat widget using n8n, an AI agent, and a smart process flow that finishes in PayPal. We won’t cover the basics of implementing an AI chat agent — we’ll assume you’ve got that part covered.
-
-💡 The Real Magic: State-Aware Chat Responses
-The key innovation here lies in how we return the agent’s response to the frontend. Instead of sending back a simple string, we return a rich object that contains not just the output text, but also a dynamic state object that tracks context and next steps.
-
-Here’s what our return looks like from the backend:
-
-return {
-  json: {
-    output: output_,
-    state: state_
-  }
-};
-This small design decision opens up a world of flexibility. The frontend can now dynamically react to the current state of the conversation — whether it’s collecting user details, offering product options, or finalizing a purchase.
-
-🛒 Embedding the Product ID in State
-Once the conversation has gathered enough information from the user (product type, quantity, shipping address, etc.), we instruct the AI agent to embed the product ID directly into the state object.
-
-This ID is then parsed by the frontend to dynamically display the appropriate PayPal payment button, configured for the selected product and amount.
-
-It’s a smooth handoff: the chat does the heavy lifting, and the UI reacts based on structured, predictable metadata.
-
-🔧 Under the Hood: What We Used
-n8n for workflow logic and webhook handling
-Custom HTML + JS widget to handle frontend interaction
-OpenAI Agent with system prompts to guide the process
-PayPal API for seamless payment integration
-✨ Bonus: A Process Wizard
-We also built a simple process wizard UI that activates when certain states are reached. This provides users with an optional visual flow, letting them see how far along they are in the checkout process — especially useful when the chat is collecting structured information.
-
-📚 Want to Try This Yourself?
-Head over to our homepage to read more blog posts like this and explore our implementation in detail.
-
-Or, if you'd like to help us out with a little SEO love, just Google "N8N ODOO API" and click on our homepage: OD8N. As a reward, we’ve got an in-depth breakdown of the full implementation waiting for you!
-
-Here’s a full video walkthrough of the dynamic chat widget in action:
-</span>        
         <iframe width="560" height="315" class="ytvideo" src="https://youtu.be/4BPLTfeQfHE" title="Video" frameborder="0"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
           allowfullscreen>
@@ -555,16 +398,20 @@ Here’s a full video walkthrough of the dynamic chat widget in action:
       <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
     </div>
   
-    <div class="blog-teaser">
-      <h3 class="blog-title company"> ODOO & N8N: Our Strategy</h3>
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title company">ODOO & N8N: Our Strategy</h3>
       <small class="blog-date">31.07.2025</small>
       <div class="blog-snippet">
-        <p>At the heart of every modern enterprise lies the need to balance two forces: stability and agility. Our approach harnesses the best of both worlds—leveraging the proven foundation of <strong>ODOO</strong> while embracing the innovation engine of <strong>N8N</strong>.</p>
+      <p>At the heart of every modern enterprise lies the need to balance two forces: stability and agility. Our approach harnesses the best of both worlds—leveraging the proven foundation of <strong>ODOO</strong> while embracing the innovation engine of <strong>N8N</strong>.</p>
       </div>
       <div class="blog-full-content" style="display:none;">
         <p>At the heart of every modern enterprise lies the need to balance two forces: stability and agility. Our approach harnesses the best of both worlds—leveraging the proven foundation of <strong>ODOO</strong> while embracing the innovation engine of <strong>N8N</strong>.</p>
 
-  <h2 class="blog-content-section-title">ODOO: The Rock-Solid ERP Foundation</h2>
+  <h2>ODOO: The Rock-Solid ERP Foundation</h2>
 
   <p>We’ve seen countless ERP systems come and go. But <strong>ODOO</strong> stands tall—a battle-hardened suite refined over years of real-world application. From <strong>Accounting</strong> to <strong>CRM</strong>, <strong>Invoicing</strong>, <strong>Production</strong>, and <strong>Logistics</strong>, ODOO delivers reliable, scalable modules that form the digital spine of any serious company.</p>
 
@@ -572,7 +419,7 @@ Here’s a full video walkthrough of the dynamic chat widget in action:
     Still awesome after all these years: ODOO continues to evolve while staying true to its mission—powering real businesses with real needs.
   </div>
 
-  <h2 class="blog-content-section-title">N8N: The Agile Integrator for the AI Era</h2>
+  <h2>N8N: The Agile Integrator for the AI Era</h2>
 
   <p>But the world is changing. Fast. AI tools are evolving weekly. APIs are everywhere. Customers demand speed and personalization like never before.</p>
 
@@ -580,12 +427,12 @@ Here’s a full video walkthrough of the dynamic chat widget in action:
 
   <p>While ODOO keeps your core business running like a well-oiled machine, N8N lets us bolt on new AI-driven capabilities almost instantly—without waiting for the next ERP update cycle.</p>
 
-  <h2 class="blog-content-section-title">Together: The Future of Digital Operations</h2>
+  <h2>Together: The Future of Digital Operations</h2>
 
   <p>By combining ODOO and N8N, we create a powerful synergy. One gives you reliable structure. The other, unmatched flexibility. This strategy enables us to build systems that are not only stable—but also smart, adaptive, and future-ready.</p>
 
   <div class="highlight">
-    💡 <strong class="blog-content-section-highlight">Smart Strategy = ODOO as the backbone + N8N as the nervous system.</strong>
+    💡 <strong>Smart Strategy = ODOO as the backbone + N8N as the nervous system.</strong>
   </div>
 
   <div class="cta">
@@ -594,9 +441,383 @@ Here’s a full video walkthrough of the dynamic chat widget in action:
   </div>
         <img src="https://OD8N.com/images/server.webp" class="image" width="560">
       </div>
-      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></button>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
     </div>
-  </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title tutorial">N8N: Manage your VPS and Domains</h3>
+      <small class="blog-date">04.08.2025</small>
+      <div class="blog-snippet">
+      When you build your own SAAS company, you will come to the point that you need to manage your VPS and Domains. This can be quite challanging especially, when you admister a lot of subdomains for your clients.
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        <h1>Managing VPS and Domains for Your SAAS Company</h1>
+        <img src="https://OD8N.com/images/hostinger.webp" class="image" width="560">
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      Having the experience with ODOO4projects where we use bind to manage our subdomains, working with the Hostinger Node was super easy and transparent.
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      As you can see in the screenshot, everything Domain related can be managed with the Hostinger node, you do not even need to fiddle with the API and HTTP requests. Nice and easy.
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      in order to create a new subdomain, you simply need to create e new A record for this domain. this can be done with this JSON.
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      {
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      overwrite: true,
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      zone: [
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      {
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      name: "{{ $('Code').item.json.uuid }}",
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      records: [
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      {
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      content: "{{ $('Code').item.json.ip }}"
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      }
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      ],
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      ttl: 14400,
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      type: "A"
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      }
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      ]
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      }
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      This sets the A record to the given IP for the given subdomain. Easy
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      If you want to spin up your own N8N container, you can use the below link to Hostinger VPS. Since it is an affiliate link, you help us creating free content like this post
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
+  
+    <div class="blog-teaser blog-badge-green">
+      <div class="blog-badge-green-tag">Company</div>
+
+      
+      <h3 class="blog-title "></h3>
+      <small class="blog-date"></small>
+      <div class="blog-snippet">
+      https://www.hostinger.de/cart?product=vps%3Avps_kvm_4&period=12&referral_type=cart_link&REFERRALCODE=ON8OLIVERFYA&referral_id=01986f3b-e7f5-73e7-a8cf-2b210f485c0d
+      </div>
+      <div class="blog-full-content" style="display:none;">
+        
+        
+      </div>
+      <button class="read-more-btn plausible-event-name=ReadPost" onclick="toggleContent(this)">Read More <span class="read-more-btn-icon"><i class="fa-solid fa-angle-right"></i></span></button>
+    </div>
+  
 </section>