changes

README.md

@@ -0,0 +1,18 @@
+# Project guide
+
+## System requirement
+
+**Hugo version**: hugo v0.145.0-666444f0a52132f9fec9f71cf25b441cc6a4f355+extended
+
+### Build commnands
+
+- Build your site or compile the code with latest i18n changes or content changes
+`hugo build --cleanDestinationDir`
+
+- Run your site after compilation, this will display all the published content (i.e., draft:false)
+`hugo server`
+
+- Run your site after compilation, this will display all content irrespective of publish status (i.e., draft:false/true)
+`hugo server -D`
+
+**Note:** if you can't see any changes in the browser regarding i18n or content then, use `hugo serve --noHTTPCache --ignoreCache --disableFastRender` and then press ctrl + shift + r on windows or cmd + shift + r on mac to clear browser cache

archetypes/default.md

@@ -1,5 +1,5 @@
 ---
 date: '{{ .Date }}'
-draft: true
+draft: false
 title: '{{ replace .File.ContentBaseName "-" " " | title }}'
 ---

content/de/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:21:39+05:30'
+draft: false
+title: ''
+---

content/de/stories/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:50:48+05:30'
+draft: false
+title: 'Stories'
+---

content/de/stories/agape.md

@@ -1,62 +1,58 @@
 ---
-title: "Umgestaltung unserer Rinderfarm mit Odoo Community"
+title: "Transforming Our Cattle Farm with Odoo Community"
 date: 2025-06-10T12:00:00
-company: "Estancia Agape"
+author: "Estancia Agape"
-company_link: "https://estancia-agape.com"
+description: "How Odoo Community helped streamline operations across three farm locations in Paraguay"
-consultant: "Oliver Arnold"
+tags: ["Odoo", "ERP", "Cattle Farm", "Paraguay", "Digital Transformation"]
-consultant_link: "https://ODOO4projects.com"
-description: "Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren"
-tags: ["Odoo", "ERP", "Rinderfarm", "Paraguay"]
 categories: ["Farm", "0-5"]
-image: "https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg"
+image: "/images/blog-thumbnail.png"
-type: original
 ---
 
 ![Estancia Agapé](https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg)
 
-Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in **dreien unterschiedlichen Standorten** verwaltet. Bei [Estancia Agapé](https://estancia-agape.com) war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für **Odoo Community** entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.
+Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across **three distinct locations**. At [Estancia Agapé](https://estancia-agape.com), our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to **Odoo Community**, and the results have exceeded our expectations.
 
-## Warum Odoo?
+## Why Odoo?
 
-Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:
+We evaluated various systems before choosing Odoo Community. The reasons were clear:
 
-- Open-Source und anpassbar
+- Open-source and customizable
-- Robustes Set von Funktionen für Inventur, Buchhaltung und Logistik
+- Robust set of features for inventory, accounting, and logistics
-- Große und aktive globale Gemeinschaft
+- Large and active global community
-- Keine Lizenzgebühren
+- No licensing fees
 
-Aber was wirklich den Unterschied ausmachte, war die Möglichkeit, den **Dienst online zu hosten**.
+But what truly made the difference was the ability to **host the service online**.
 
-## Online Hosting: Der Spielwechsler
+## Online Hosting: The Game-Changer
 
-Mit drei abgelegenen Farmstandorten brauchten wir ein zentralisiertes System, das von unseren Teams von überall aus zugänglich ist. Das Online-Hosting von Odoo gab uns:
+With three remote farm locations, we needed a centralized system that could be accessed by our teams from anywhere. Hosting Odoo online gave us:
 
-- **Echtzeitsynchronisation** zwischen den Standorten
+- **Real-time synchronization** between sites
-- **Vereinfachte Workflows** für Mitarbeiter auf dem Feld und im Büro
+- **Simplified workflows** for staff in the field and in the office
-- **Fernüberwachung** von Lagerbeständen, Verkäufen und Ausgaben
+- **Remote oversight** of stock, sales, and expenses
-- **Reduzierter IT-Aufwand** dank externer Hostingpartner
+- **Reduced IT burden** thanks to external hosting partners
 
-Wir verwalten nun unser Viehbestandsinventar, Weideflächennutzung, Tierarzttermine und Finanzaufzeichnungen in einem einzigen System, sicher von jedem Gerät aus zugänglich.
+We now manage cattle inventory, pasture usage, vet schedules, and financial records in a single system, accessible securely from any device.
 
-## Die Ergebnisse
+## The Results
 
-Seit der Implementierung von Odoo Community:
+Since implementing Odoo Community:
 
-- Hat sich der manuelle Papierkram um über 80% reduziert
+- Manual paperwork has dropped by over 80%
-- Stehen tägliche Betriebsberichte sofort der Geschäftsleitung zur Verfügung
+- Daily operational reports are instantly available to management
-- Hat sich die Zusammenarbeit der Mitarbeiter an allen Standorten verbessert
+- Staff collaboration has improved across all sites
-- Sind Entscheidungen schneller und datengesteuert
+- Decision-making is faster and data-driven
 
-Was früher Tage dauerte, dauert jetzt Minuten.
+What used to take days now takes minutes.
 
-## Blick nach vorn
+## Looking Ahead
 
-Wir erweitern unseren Einsatz von Odoo Community weiter, indem wir zusätzliche Module integrieren und mobile App-Funktionen für den Feldeinsatz erforschen.
+We are continuing to expand our use of Odoo Community by integrating additional modules and exploring mobile app features for field use.
 
-Für andere landwirtschaftliche Betriebe in Paraguay oder Lateinamerika empfehlen wir dringend, Open-Source-ERP-Systeme wie Odoo in Betracht zu ziehen. Mit der richtigen Einrichtung und einem Cloud-basierten Ansatz können selbst die traditionellsten Branchen von modernen Tools profitieren.
+For other agricultural businesses in Paraguay or Latin America, we highly recommend considering open-source ERP systems like Odoo. With the right setup and a cloud-based approach, even the most traditional industries can benefit from modern tools.
 
-**Besuchen Sie uns unter [estancia-agape.com](https://estancia-agape.com), um mehr über unseren Weg zu erfahren.**
+**Visit us at [estancia-agape.com](https://estancia-agape.com) to learn more about our journey.**
 
 ---
 
-*Interessiert, wie Odoo für Ihren landwirtschaftlichen Betrieb oder Agrargeschäft arbeiten kann? Kontaktieren Sie uns - wir freuen uns, unsere Erkenntnisse zu teilen.*
+*Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.*

content/en/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:21:19+05:30'
+draft: false
+title: ''
+---

content/en/stories/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:51:05+05:30'
+draft: false
+title: 'Stories'
+---

content/en/stories/agape.md

@@ -1,15 +1,11 @@
 ---
 title: "Transforming Our Cattle Farm with Odoo Community"
 date: 2025-06-10T12:00:00
-company: "Estancia Agape"
+author: "Estancia Agape"
-company_link: "https://estancia-agape.com"
-consultant: "Oliver Arnold"
-consultant_link: "https://ODOO4projects.com"
 description: "How Odoo Community helped streamline operations across three farm locations in Paraguay"
-tags: ["Odoo", "ERP", "Cattle Farm", "Paraguay"]
+tags: ["Odoo", "ERP", "Cattle Farm", "Paraguay", "Digital Transformation"]
 categories: ["Farm", "0-5"]
-image: "https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg"
+image: "/images/blog-thumbnail.png"
-type: original
 ---
 
 ![Estancia Agapé](https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg)
@@ -59,4 +55,4 @@ For other agricultural businesses in Paraguay or Latin America, we highly recomm
 
 ---
 
-*Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.*
+*Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.*

content/es/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:21:30+05:30'
+draft: false
+title: ''
+---

content/es/stories/_index.md

@@ -0,0 +1,5 @@
+---
+date: '2025-06-15T22:50:57+05:30'
+draft: false
+title: 'Stories'
+---

content/es/stories/agape.md

@@ -1,62 +1,58 @@
 ---
-title: "Transformando Nuestra Granja de Ganado con Odoo Community"
+title: "Transforming Our Cattle Farm with Odoo Community"
 date: 2025-06-10T12:00:00
-company: "Estancia Agape"
+author: "Estancia Agape"
-company_link: "https://estancia-agape.com"
+description: "How Odoo Community helped streamline operations across three farm locations in Paraguay"
-consultant: "Oliver Arnold"
+tags: ["Odoo", "ERP", "Cattle Farm", "Paraguay", "Digital Transformation"]
-consultant_link: "https://ODOO4projects.com"
+categories: ["Farm", "0-5"]
-description: "Cómo Odoo Community ayudó a optimizar las operaciones en tres ubicaciones de granjas en Paraguay"
+image: "/images/blog-thumbnail.png"
-tags: ["Odoo", "ERP", "Granja de Ganado", "Paraguay"]
-categories: ["Granja", "0-5"]
-image: "https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg"
-type: original
 ---
 
 ![Estancia Agapé](https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg)
 
-Operar una granja de ganado en Paraguay presenta desafíos únicos, especialmente cuando se manejan operaciones en **tres ubicaciones distintas**. En [Estancia Agapé](https://estancia-agape.com), nuestro objetivo siempre ha sido mantenernos arraigados en la tradición mientras abrazamos la innovación para crecer de manera sostenible y eficiente. Por esto recurrimos a **Odoo Community**, y los resultados han superado nuestras expectativas.
+Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across **three distinct locations**. At [Estancia Agapé](https://estancia-agape.com), our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to **Odoo Community**, and the results have exceeded our expectations.
 
-## ¿Por qué Odoo?
+## Why Odoo?
 
-Evaluamos varios sistemas antes de elegir Odoo Community. Las razones fueron claras:
+We evaluated various systems before choosing Odoo Community. The reasons were clear:
 
-- De código abierto y personalizable
+- Open-source and customizable
-- Robustez de funciones para inventario, contabilidad y logística
+- Robust set of features for inventory, accounting, and logistics
-- Gran comunidad global activa
+- Large and active global community
-- Sin tarifas de licencia
+- No licensing fees
 
-Pero lo que realmente hizo la diferencia fue la capacidad de **alojar el servicio en línea**.
+But what truly made the difference was the ability to **host the service online**.
 
-## Alojamiento en línea: El Cambio de Juego
+## Online Hosting: The Game-Changer
 
-Con tres ubicaciones de granjas remotas, necesitábamos un sistema centralizado que pudiera ser accesible para nuestros equipos desde cualquier lugar. Alojar Odoo en línea nos proporcionó:
+With three remote farm locations, we needed a centralized system that could be accessed by our teams from anywhere. Hosting Odoo online gave us:
 
-- **Sincronización en tiempo real** entre los sitios
+- **Real-time synchronization** between sites
-- **Flujos de trabajo simplificados** para el personal en el campo y en la oficina
+- **Simplified workflows** for staff in the field and in the office
-- **Supervisión remota** de stock, ventas y gastos
+- **Remote oversight** of stock, sales, and expenses
-- **Reducción del peso de TI** gracias a partners de alojamiento externo
+- **Reduced IT burden** thanks to external hosting partners
 
-Ahora gestionamos el inventario de ganado, el uso de pasturas, los horarios de los veterinarios y los registros financieros en un único sistema, accesible de manera segura desde cualquier dispositivo.
+We now manage cattle inventory, pasture usage, vet schedules, and financial records in a single system, accessible securely from any device.
 
-## Los Resultados
+## The Results
 
-Desde la implementación de Odoo Community:
+Since implementing Odoo Community:
 
-- La documentación manual se ha reducido en más del 80%
+- Manual paperwork has dropped by over 80%
-- Los informes operativos diarios están inmediatamente disponibles para la gerencia
+- Daily operational reports are instantly available to management
-- La colaboración del personal ha mejorado en todos los sitios
+- Staff collaboration has improved across all sites
-- La toma de decisiones es más rápida y basada en datos
+- Decision-making is faster and data-driven
 
-Lo que solía tardar días ahora se hace en minutos.
+What used to take days now takes minutes.
 
-## Mirando al Futuro
+## Looking Ahead
 
-Continuamos expandiendo nuestro uso de Odoo Community integrando módulos adicionales y explorando características de la aplicación móvil para el uso en el campo.
+We are continuing to expand our use of Odoo Community by integrating additional modules and exploring mobile app features for field use.
 
-Para otros negocios agrícolas en Paraguay o América Latina, recomendamos altamente considerar sistemas ERP de código abierto como Odoo. Con la configuración adecuada y un enfoque basado en la nube, incluso las industrias más tradicionales pueden beneficiarse de las herramientas modernas.
+For other agricultural businesses in Paraguay or Latin America, we highly recommend considering open-source ERP systems like Odoo. With the right setup and a cloud-based approach, even the most traditional industries can benefit from modern tools.
 
-**Visítanos en [estancia-agape.com](https://estancia-agape.com) para saber más sobre nuestro viaje.**
+**Visit us at [estancia-agape.com](https://estancia-agape.com) to learn more about our journey.**
 
 ---
 
-*¿Interesado en cómo Odoo puede trabajar para tu granja o agroempresa? Contáctanos, estamos felices de compartir nuestras perspectivas.*
+*Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.*

hugo.yaml

@@ -1,20 +1,43 @@
-baseURL: "https://success.odoo4projects.com/"
+baseURL: "https://example.org/"
 languageCode: "en-us"
 
+taxonomies:
+  tag: tags
+  category: categories
+  author: authors
+  
 # multillingual configs
 defaultContentLanguage: en
 defaultContentLanguageInSubdir: true
 
 languages:
   en:
+    title: this story site
     languageName: English
-    weight: 1
     contentDir: content/en/
+    menuFile: en.toml
+    params:
+      reading_speed: 228
+      description: description in English
+    weight: 1
+    rss: true
   de:
-    languageName: German
+    title: diese Story-Site
-    weight: 2
+    languageName: Deutsch
     contentDir: content/de/
+    menuFile: de.toml
+    weight: 2
+    params:
+      reading_speed: 179
+      description: description in German
+    rss: true
   es:
+    title: este sitio de historias
     languageName: Spanish
-    weight: 3
     contentDir: content/es/
+    menuFile: es.toml
+    weight: 3
+    params:
+      reading_speed: 179
+      description: description in Spanish
+    rss: true

i18n/de.yaml

@@ -1,17 +1,17 @@
-- id: hero.heading
+- id: hero.heading
-  translation: 🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt
+  translation: 🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt
-
+
-- id: hero.description
+- id: hero.description
-  translation: Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.
+  translation: Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.
-
+
-- id: tags
+- id: tags
-  translation: Schlagworte
+  translation: Schlagworte
-
+
-- id: categories
+- id: categories
-  translation: Kategorien
+  translation: Kategorien
-
+
-- id: submitButtonLabelText
+- id: submitButtonLabelText
-  translation: Senden Sie hier Ihre Erfolgsgeschichte
+  translation: Senden Sie hier Ihre Erfolgsgeschichte
-
+
-- id: minutesToRead
+- id: minutesToRead
-  translation: Minuten zum Lesen
+  translation: Minuten zum Lesen

i18n/en.yaml

@@ -1,16 +1,16 @@
-- id: hero.heading
+- id: hero.heading
-  translation: 🚀 Real Odoo Success Stories — See Where Odoo Shines
+  translation: 🚀 Real Odoo Success Stories — See Where Odoo Shines
-
+
-- id: hero.description
+- id: hero.description
-  translation: Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.
+  translation: Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.
-
+
-- id: tags
+- id: tags
-  translation: tags
+  translation: tags
-
+
-- id: categories
+- id: categories
-  translation: categories
+  translation: categories
-
+
-- id: submitButtonLabelText
+- id: submitButtonLabelText
-  translation: Submit your success story here
+  translation: Submit your success story here
-- id: minutesToRead
+- id: minutesToRead
   translation: minutes to read

i18n/es.yaml

@@ -1,17 +1,17 @@
-- id: hero.heading
+- id: hero.heading
-  translation: "🚀 Historias de éxito reales de Odoo: descubre dónde destaca Odoo"
+  translation: "🚀 Historias de éxito reales de Odoo: descubre dónde destaca Odoo"
-
+
-- id: hero.description
+- id: hero.description
-  translation: Descubre cómo empresas de todos los sectores se están transformando con Odoo, desde la optimización del inventario hasta la automatización de las ventas y la ampliación de las operaciones. Estos son ejemplos reales de cómo Odoo es un éxito rotundo. 💡 ¿Usas Odoo? Comparte tu historia de éxito y consigue visibilidad destacada con un backlink dofollow a tu sitio web como agradecimiento. Es visibilidad gratuita y un excelente SEO.
+  translation: Descubre cómo empresas de todos los sectores se están transformando con Odoo, desde la optimización del inventario hasta la automatización de las ventas y la ampliación de las operaciones. Estos son ejemplos reales de cómo Odoo es un éxito rotundo. 💡 ¿Usas Odoo? Comparte tu historia de éxito y consigue visibilidad destacada con un backlink dofollow a tu sitio web como agradecimiento. Es visibilidad gratuita y un excelente SEO.
-
+
-- id: tags
+- id: tags
-  translation: etiquetas
+  translation: etiquetas
-
+
-- id: categories
+- id: categories
-  translation: categorías
+  translation: categorías
-
+
-- id: submitButtonLabelText
+- id: submitButtonLabelText
-  translation: Envíe su historia de éxito aquí
+  translation: Envíe su historia de éxito aquí
-
+
-- id: minutesToRead
+- id: minutesToRead
-  translation: minutos para leer
+  translation: minutos para leer

layouts/_default/baseof.html

@@ -1,10 +1,9 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="{{.Site.Language.LanguageCode}}">
+<html lang="{{.Site.Language.LanguageCode}}">
-  {{ partial "common/head.html" . }}
+  {{ partial "common/head.html" . }}
-  <body>
+  <body>
-    {{ partial "UI/navbar.html" . }}
+    {{ partial "UI/navbar.html" . }}
-    <main>{{ block "main" . }} {{ end }}</main>
+    <main>{{ block "main" . }} {{ end }}</main>
-
+    {{ partial "UI/modal.html" . }} {{ partial "common/scripts.html" . }}
-    {{ partial "common/scripts.html" . }}
+  </body>
-  </body>
+</html>
-</html>

layouts/_default/home.html

@@ -0,0 +1,51 @@
+{{ define "main" }}
+<section class="hero">
+  <div class="">
+    <h1 class="" data-pagefind-meta="title">{{T "hero.heading"}}</h1>
+    <p class="" data-pagefind-meta="description">{{T "hero.description"}}</p>
+  </div>
+  <div class="tags_categories">
+    <div class="category_list">
+
+      <h3 class="">
+        <img src="/icons/categories.svg" alt="" class="">
+        {{T "categories"}}
+      </h3>
+      <ul>
+        {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
+        <li class="chip">
+          <a href="{{site.BaseURL}}{{"categories/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
+
+    <div class="tags_list">
+
+      <h3 class="">
+        <img src="/icons/hastag.svg" alt="" class="">
+        {{T "tags"}}
+      </h3>
+      <ul>
+        {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+        <li class="chip">
+          <a href="{{site.BaseURL}}{{"tags/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</section>
+
+<button class="story-btn" id="createStoryBtn">{{T "submitButtonLabelText"}}</button>
+<dialog class="story_dialog">
+  <button id="closeStoryModal" autofocus>Close</button>
+  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+</dialog>
+
+<!-- stories -->
+<section class="story__grid">
+  {{ range site.RegularPages }} 
+{{ partial "UI/article-card.html" . }}  {{end}}
+</section>
+{{ end }}

layouts/_default/list.html

@@ -1,97 +1,6 @@
-{{ define "main" }}
+{{ define "main" }}
-<section class="hero">
+<!-- stories -->
-  <div class="">
+<section class="story__grid">
-    <h1 class="">{{T "hero.heading"}}</h1>
+  {{ range .Pages }} {{ partial "UI/article-card.html" . }} {{end}}
-    <p class="">{{T "hero.description"}}</p>
+</section>
-  </div>
+{{ end }}
-  <div class="tags_categories">
-    <div class="category_list">
-
-      <h3 class="">
-        <img src="/icons/categories.svg" alt="" class="">
-        {{T "categories"}}
-      </h3>
-      <ul>
-        {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
-        <li class="chip">
-          <a href="{{ " /categories/" | relLangURL }}{{ $name | urlize }}/">{{ $name }}</a>
-        </li>
-        {{ end }}
-      </ul>
-    </div>
-
-    <div class="tags_list">
-
-      <h3 class="">
-        <img src="/icons/hastag.svg" alt="" class="">
-        {{T "tags"}}
-      </h3>
-      <ul>
-        {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-        <li class="chip">
-          <a href="{{ " /tags/" | relLangURL }}{{ $name | urlize }}/">{{ $name }}</a>
-        </li>
-        {{ end }}
-      </ul>
-    </div>
-  </div>
-</section>
-
-<button class="story-btn" id="createStoryBtn">{{T "submitButtonLabelText"}}</button>
-<dialog class="story_dialog">
-  <button id="closeStoryModal" autofocus>Close</button>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
-</dialog>
-
-<!-- stories -->
-<section class="story__grid">
-  {{ $posts := where .Site.RegularPages "Section" "stories" }} {{ range
-  (sort $posts "Date" "desc") }}
-  <article class="story__card">
-
-    <img src="{{.Params.image}}" alt="{{ .Title }}" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="{{.Permalink}}" target="_self">
-        <h4 class="card__title">{{ .Title }}</h4>
-      </a>
-      <p class="card__description">
-        {{.Params.description}}
-      </p>
-
-      <div class="card__tags_categories">
-        {{ range .Params.categories }}
-        <a href="" class="category__chip">
-          {{.}}
-        </a>
-        {{ end }}
-        {{ range .Params.tags }}
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>{{.}}
-        </a>
-        {{ end }}
-
-      </div>
-<div class="publish__date__timeToRead">
-<!-- publish date -->
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">{{ .PublishDate |time.Format ":date_medium" }}</time>
-  </div>
-
-  <!-- time to read -->
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">{{ .ReadingTime }} {{T "minutesToRead"}} </time>
-  </div>
-</div>
-
-  <!-- author -->
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime="">{{ .Params.author }}</time>
-  </div>
-    </div>
-  </article>
-  {{end}}
-</section>
-{{ end }}

layouts/_default/single.html

@@ -1 +1,3 @@
-{{ define "main" }} single page {{ end }}
+{{ define "main" }}
+<section class="single-page">{{.Content}}</section>
+{{ end }}

layouts/_default/term.html

@@ -0,0 +1,6 @@
+{{ define "main" }}
+<!-- stories -->
+<section class="story__grid">
+  {{ range .Pages }} {{ partial "UI/article-card.html" . }} {{end}}
+</section>
+{{ end }}

layouts/partials/UI/article-card.html

@@ -0,0 +1,48 @@
+    <article class="story__card">
+      <img
+        src="{{.Params.image}}"
+        alt="{{ .Title }}"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="{{.RelPermalink}}" class="open-modal">
+          <h4 class="card__title">{{ .Title }}</h4>
+        </a>
+        <p class="card__description">{{.Params.description}}</p>
+
+        <div class="card__tags_categories">
+          {{ range .Params.categories }}
+          <a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}/" class="category__chip">
+            {{.}}
+          </a>
+          {{ end }} {{ range .Params.tags }}
+          <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" class="tag__chip">
+            <span class="hastag">#</span>{{.}}
+          </a>
+          {{ end }}
+        </div>
+
+        <div class="publish__date__timeToRead">
+          <!-- publish date -->
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >{{ .PublishDate |time.Format ":date_medium" }}</time
+            >
+          </div>
+
+          <!-- time to read -->
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">{{ .ReadingTime }} {{T "minutesToRead"}} </time>
+          </div>
+        </div>
+        <!-- author -->
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">{{ .Params.author }}</time>
+        </div>
+      </div>
+    </article>

layouts/partials/UI/modal.html

@@ -0,0 +1,4 @@
+<div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>

layouts/partials/UI/navbar.html

@@ -1,45 +1,45 @@
-<nav>
+<nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">{{.Language.LanguageCode}}</button>
+    <button class="dropbtn">{{.Language.LanguageCode}}</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      {{ range $.Site.Home.AllTranslations }}
+      {{ range $.Site.Home.AllTranslations }}
-      <a href="{{.Permalink | relURL }}" class="">
+      <a href="{{.Permalink | relURL }}" class="">
-        {{.Language.LanguageName}}
+        {{.Language.LanguageName}}
-      </a>
+      </a>
-      {{end}}
+      {{end}}
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>

layouts/partials/common/head.html

@@ -1,11 +1,16 @@
-<head>
+<head>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>
+  <title>
-    {{- if .IsHome -}} ODOO Community Success Stories | {{ .Title }} {{- else if .Page.Title -}} {{
+    {{- if .IsHome -}} Home | {{ .Title }} {{- else if .Page.Title -}} {{
-    .Page.Title }} | {{ .Site.Title }} {{- else -}} {{ .Site.Title }} {{- end
+    .Page.Title }} | {{ .Site.Title }} {{- else -}} {{ .Site.Title }} {{- end
-    -}}
+    -}}
-  </title>
+  </title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  {{ partial "common/links.html" . }}
+  <!-- description -->
-</head>
+  {{- if .IsHome -}}
+  <meta name="description" content="{{ .Site.Params.description }}" />
+  {{- else -}}
+  <meta name="description" content="{{ .Params.description }}" />
+  {{- end }} {{ partial "common/links.html" . }}
+</head>

layouts/partials/common/links.html

@@ -1,9 +1,9 @@
-<link rel="stylesheet" href="/css/main.css" />
+<link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-<!-- <link
+<!-- <link
-  rel="stylesheet"
+  rel="stylesheet"
-  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
-  integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+  integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
-  crossorigin="anonymous"
+  crossorigin="anonymous"
-  referrerpolicy="no-referrer"
+  referrerpolicy="no-referrer"
-/> -->
+/> -->

layouts/partials/common/scripts.html

@@ -1,22 +1,23 @@
-<script src="/pagefind/pagefind-ui.js"></script>
+<script src="/pagefind/pagefind-ui.js"></script>
-<script>
+<script src="/js/main.js"></script>
-  window.addEventListener("DOMContentLoaded", (event) => {
+<script>
-    new PagefindUI({ element: "#search", showSubResults: true });
+  window.addEventListener("DOMContentLoaded", (event) => {
-  });
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-</script>
+  });
-
+</script>
-<script>
+
-  const dialog = document.querySelector("dialog");
+<script>
-  const showButton = document.getElementById("createStoryBtn");
+  const dialog = document.querySelector("dialog");
-  const closeButton = document.getElementById("closeStoryModal");
+  const showButton = document.getElementById("createStoryBtn");
-
+  const closeButton = document.getElementById("closeStoryModal");
-  // "Show the dialog" button opens the dialog modally
+
-  showButton.addEventListener("click", () => {
+  // "Show the dialog" button opens the dialog modally
-    dialog.showModal();
+  showButton.addEventListener("click", () => {
-  });
+    dialog.showModal();
-
+  });
-  // "Close" button closes the dialog
+
-  closeButton.addEventListener("click", () => {
+  // "Close" button closes the dialog
-    dialog.close();
+  closeButton.addEventListener("click", () => {
-  });
+    dialog.close();
-</script>
+  });
+</script>

pagefind

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+npx -y pagefind --site public --serve

public/css/main.css

@@ -1,353 +1,406 @@
-* {
+* {
-  margin: 0;
+  margin: 0;
-  padding: 0;
+  padding: 0;
-  box-sizing: border-box;
+  box-sizing: border-box;
-}
+}
-
+
-:root {
+:root {
-  --dark-black-1: hsl(215.56deg 31.03% 17.06%);
+  --dark-black-1: hsl(215.56deg 31.03% 17.06%);
-  --dark-black-2: hsl(215.38deg 28.47% 26.86%);
+  --dark-black-2: hsl(215.38deg 28.47% 26.86%);
-  --gray: hsl(217.24deg 21.17% 26.86%);
+  --gray: hsl(217.24deg 21.17% 26.86%);
-  --gray-text: hsl(213.6deg 15.53% 68.43%);
+  --gray-text: hsl(213.6deg 15.53% 68.43%);
-  --bg-color: hsl(0, 40%, 5%);
+  --bg-color: hsl(0, 40%, 5%);
-  --text-color: hsl(0, 40%, 90%);
+  --text-color: hsl(0, 40%, 90%);
-  --story-submit-btn-bg-color: hsl(180, 30%, 50%);
+  --story-submit-btn-bg-color: hsl(180, 30%, 50%);
-}
+}
-
+
-html {
+html {
-  font-size: 62.5%;
+  font-size: 62.5%;
-}
+}
-
+
-body {
+a {
-  background-color: var(--text-color);
+  text-decoration: none;
-  min-height: 100vh;
+  cursor: pointer;
-  width: 100%;
+}
-  display: flex;
+
-  flex-direction: column;
+.single-page {
-  align-items: center;
+  padding: 4% 9%;
-}
+  line-height: 1.8;
-
+  font-size: 1.6rem;
-nav {
+  img,
-  width: 100%;
+  video,
-  padding: 2rem 4%;
+  svg,
-  display: flex;
+  picture {
-  align-items: center;
+    max-width: 90%;
-  justify-content: space-between;
+    margin: 2rem auto;
-  background-color: var(--story-submit-btn-bg-color);
+    display: block;
-}
+    border-radius: 1rem;
-
+  }
-/* .pagefind-ui__form {
+
-  padding: 0.5rem 0.8rem;
+  h1 {
-  background-color: var(--dark-black-1);
+    font-size: 3rem;
-  flex: 1;
+  }
-  border: none;
+  ul,
-  outline: none;
+  ol {
-  font-size: 1.4rem;
+    padding-block: 2rem;
-
+  }
-  &::before {
+  li {
-    content: "\f002";
+    font-size: 1.8rem;
-    color: var(--gray-text);
+    list-style-position: inside;
-    position: absolute;
+  }
-    left: 0;
+
-    top: 0;
+  p {
-    background-color: var(--dark-black-2);
+    font-size: 1.8rem;
-  }
+  }
-}
+}
-
+body {
-.pagefind-ui__search-input {
+  background-color: var(--text-color);
-  background-color: var(--dark-black-2);
+  min-height: 100vh;
-  border: none;
+  width: 100%;
-  outline: none;
+  display: flex;
-  font-size: 1.4rem;
+  flex-direction: column;
-  padding: 1rem;
+  align-items: center;
-  width: 100%;
+}
-
+
-  &::placeholder {
+nav {
-    color: var(--gray-text);
+  width: 100%;
-  }
+  padding: 2rem 4%;
-}
+  display: flex;
-
+  align-items: center;
-.pagefind-ui__search-clear {
+  justify-content: space-between;
-  display: none;
+  background-color: var(--story-submit-btn-bg-color);
-} */
+}
-
+
-/* dropdown */
+/* dropdown */
-.dropbtn {
+.dropbtn {
-  background-color: var(--dark-black-2);
+  background-color: var(--dark-black-2);
-  color: var(--text-color);
+  color: var(--text-color);
-  padding: 16px;
+  padding: 16px;
-  text-transform: uppercase;
+  text-transform: uppercase;
-  font-size: 16px;
+  font-size: 16px;
-  font-weight: 700;
+  font-weight: 700;
-  border: none;
+  border: none;
-  cursor: pointer;
+  cursor: pointer;
-}
+}
-
+
-/* The container <div> - needed to position the dropdown content */
+/* The container <div> - needed to position the dropdown content */
-.dropdown {
+.dropdown {
-  position: relative;
+  position: relative;
-  display: inline-block;
+  display: inline-block;
-}
+}
-
+
-/* Dropdown Content (Hidden by Default) */
+/* Dropdown Content (Hidden by Default) */
-.dropdown-content {
+.dropdown-content {
-  display: none;
+  display: none;
-  position: absolute;
+  position: absolute;
-  background-color: var(--dark-black-2);
+  background-color: var(--dark-black-2);
-  min-width: 160px;
+  min-width: 160px;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-  z-index: 1;
+  z-index: 1;
-  right: 0;
+  right: 0;
-}
+}
-
+
-/* Links inside the dropdown */
+/* Links inside the dropdown */
-.dropdown-content a {
+.dropdown-content a {
-  color: var(--text-color);
+  color: var(--text-color);
-  padding: 12px 16px;
+  padding: 12px 16px;
-  font-size: 1.6rem;
+  font-size: 1.6rem;
-  text-decoration: none;
+  text-decoration: none;
-  display: block;
+  display: block;
-}
+}
-
+
-/* Change color of dropdown links on hover */
+/* Change color of dropdown links on hover */
-.dropdown-content a:hover {
+.dropdown-content a:hover {
-  background-color: hsl(from var(--dark-black-2) h s 30%);
+  background-color: hsl(from var(--dark-black-2) h s 30%);
-}
+}
-
+
-/* Show the dropdown menu on hover */
+/* Show the dropdown menu on hover */
-.dropdown:hover .dropdown-content {
+.dropdown:hover .dropdown-content {
-  display: block;
+  display: block;
-}
+}
-
+
-/* Change the background color of the dropdown button when the dropdown content is shown */
+/* Change the background color of the dropdown button when the dropdown content is shown */
-.dropdown:hover .dropbtn {
+.dropdown:hover .dropbtn {
-  background-color: var(--dark-black-1);
+  background-color: var(--dark-black-1);
-}
+}
-main {
+
-  width: 100%;
+/* pagefind */
-}
+.pagefind-ui__result-link,
-
+.pagefind-ui__result-excerpt,
-.hero {
+.pagefind-ui__message {
-  width: 100%;
+  color: var(--text-color) !important;
-  min-height: 40rem;
+}
-  display: grid;
+
-  gap: 2rem;
+/* story modal */
-  padding: 2rem 4%;
+#story-modal {
-  grid-template-columns: repeat(4, 1fr);
+  position: fixed;
-}
+  top: 50%;
-
+  transform: translateY(-50%);
-h1 {
+  z-index: 50;
-  font-size: 4rem;
+  max-height: 90vh;
-  color: var(--bg-color);
+  height: 100%;
-}
+  width: 90%;
-
+  display: none;
-p {
+  overflow-y: auto;
-  font-size: 2.5rem;
+  background-color: var(--text-color);
-  font-weight: 200;
+}
-  color: var(--bg-color);
+
-}
+#story-modal.show-story-modal {
-
+  display: block;
-.hero > div:first-child {
+}
-  grid-column: 1/3;
+
-  height: 100%;
+#close-modal {
-  display: flex;
+  position: absolute;
-  gap: 2rem;
+  top: 2%;
-  justify-content: center;
+  right: 2%;
-  flex-direction: column;
+  z-index: 100;
-}
+  border: none;
-
+  background-color: red;
-.tags_categories {
+  color: var(--text-color);
-  grid-column: 3/5;
+  cursor: pointer;
-  width: 100%;
+  padding: 1rem;
-  display: flex;
+}
-  flex-direction: column;
+
-  align-items: center;
+main {
-  justify-content: center;
+  width: 100%;
-  gap: 2rem;
+}
-}
+
-
+.hero {
-.tags_list,
+  width: 100%;
-.category_list {
+  min-height: 40rem;
-  width: 100%;
+  display: grid;
-  padding: 2rem 4rem;
+  gap: 2rem;
-  background-color: var(--dark-black-1);
+  padding: 2rem 4%;
-
+  grid-template-columns: repeat(4, 1fr);
-  h3 {
+}
-    font-size: 2.5rem;
+
-    text-transform: uppercase;
+h1 {
-    margin-bottom: 1.5rem;
+  font-size: 4rem;
-    color: var(--gray-text);
+  color: var(--bg-color);
-  }
+}
-
+
-  ul {
+p {
-    list-style: none;
+  font-size: 2.5rem;
-    display: flex;
+  font-weight: 200;
-    align-items: center;
+  color: var(--bg-color);
-    row-gap: 2.5rem;
+}
-    column-gap: 1rem;
+
-    flex-wrap: wrap;
+.hero > div:first-child {
-  }
+  grid-column: 1/3;
-}
+  height: 100%;
-
+  display: flex;
-.chip a {
+  gap: 2rem;
-  font-size: 1.8rem;
+  justify-content: center;
-  color: var(--text-color);
+  flex-direction: column;
-  text-decoration: none;
+}
-  text-transform: capitalize;
+
-  background-color: var(--gray);
+.tags_categories {
-  padding: 0.8rem;
+  grid-column: 3/5;
-  border-radius: 0.4rem;
+  width: 100%;
-
+  display: flex;
-  &:hover {
+  flex-direction: column;
-    background-color: hsl(from var(--gray) h s 40%);
+  align-items: center;
-  }
+  justify-content: center;
-}
+  gap: 2rem;
-
+}
-.story-btn {
+
-  width: 100%;
+.tags_list,
-  padding: 2rem;
+.category_list {
-  font-size: 3.5rem;
+  width: 100%;
-  cursor: pointer;
+  padding: 2rem 4rem;
-  border: none;
+  background-color: var(--dark-black-1);
-  outline: none;
+
-  background-color: var(--story-submit-btn-bg-color);
+  h3 {
-
+    font-size: 2.5rem;
-  &:hover {
+    text-transform: uppercase;
-    background-color: hsl(from var(--story-submit-btn-bg-color) h s 55%);
+    margin-bottom: 1.5rem;
-  }
+    color: var(--gray-text);
-}
+  }
-dialog {
+
-  margin: auto;
+  ul {
-  width: 100%;
+    list-style: none;
-
+    display: flex;
-  #closeStoryModal {
+    align-items: center;
-    padding: 0.5rem 2rem;
+    row-gap: 2.5rem;
-    font-size: 1.5rem;
+    column-gap: 1rem;
-    cursor: pointer;
+    flex-wrap: wrap;
-    color: var(--text-color);
+  }
-    border: none;
+}
-    outline: none;
+
-    background-color: red;
+.chip a {
-  }
+  font-size: 1.8rem;
-}
+  color: var(--text-color);
-iframe {
+  text-decoration: none;
-  height: 90vh;
+  text-transform: capitalize;
-  width: 100%;
+  background-color: var(--gray);
-}
+  padding: 0.8rem;
-.story__grid {
+  border-radius: 0.4rem;
-  padding: 5rem 2rem;
+
-  display: grid;
+  &:hover {
-  gap: 3rem 4rem;
+    background-color: hsl(from var(--gray) h s 40%);
-  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
+  }
-}
+}
-
+
-.story__card {
+.story-btn {
-  --border-radius: 0.8rem;
+  width: 100%;
-  display: flex;
+  padding: 2rem;
-  flex-direction: column;
+  font-size: 3.5rem;
-  justify-content: start;
+  cursor: pointer;
-  border-radius: var(--border-radius);
+  border: none;
-  background-color: var(--gray);
+  outline: none;
-
+  background-color: var(--story-submit-btn-bg-color);
-  .story__coverImg {
+
-    width: 100%;
+  &:hover {
-    object-fit: cover;
+    background-color: hsl(from var(--story-submit-btn-bg-color) h s 55%);
-    border-top-left-radius: var(--border-radius);
+  }
-    border-top-right-radius: var(--border-radius);
+}
-  }
+
-}
+dialog {
-
+  margin: auto;
-.story__card__details {
+  width: 100%;
-  width: 100%;
+
-  display: flex;
+  #closeStoryModal {
-  flex-direction: column;
+    padding: 0.5rem 2rem;
-  justify-content: center;
+    font-size: 1.5rem;
-  gap: 1.2rem;
+    cursor: pointer;
-  padding: 1.5rem 1.4rem;
+    color: var(--text-color);
-}
+    border: none;
-.card__title {
+    outline: none;
-  color: var(--text-color);
+    background-color: red;
-  font-size: 2.2rem;
+  }
-}
+}
-
+
-.card__description {
+iframe {
-  color: var(--gray-text);
+  height: 90vh;
-  font-size: 1.2rem;
+  width: 100%;
-}
+}
-.story__card__icon {
+
-  height: 1.5rem;
+.story__grid {
-  width: auto;
+  padding: 5rem 2rem;
-}
+  display: grid;
-.card__tags_categories {
+  gap: 3rem 4rem;
-  display: flex;
+  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
-  gap: 0.6rem 1rem;
+}
-  align-items: center;
+
-  flex-wrap: wrap;
+.story__card {
-  a {
+  --border-radius: 0.8rem;
-    font-size: 1rem;
+  display: flex;
-    text-decoration: none;
+  flex-direction: column;
-  }
+  justify-content: start;
-}
+  border-radius: var(--border-radius);
-
+  background-color: var(--gray);
-.category__chip {
+
-  background-color: hsl(120, 100%, 30%);
+  .story__coverImg {
-  padding: 0.2rem 0.6rem;
+    width: 100%;
-  color: var(--text-color);
+    object-fit: cover;
-  word-break: keep-all;
+    border-top-left-radius: var(--border-radius);
-}
+    border-top-right-radius: var(--border-radius);
-.tag__chip {
+  }
-  color: var(--gray-text);
+}
-  word-break: keep-all;
+
-}
+.story__card__details {
-.hastag {
+  width: 100%;
-  font-size: 1.8rem;
+  display: flex;
-  margin-right: 0.2rem;
+  flex-direction: column;
-}
+  justify-content: center;
-.publish__date__timeToRead {
+  gap: 1.2rem;
-  display: flex;
+  padding: 1.5rem 1.4rem;
-  align-items: center;
+}
-  gap: 2rem;
+
-}
+.card__title {
-.publish__date {
+  color: var(--text-color);
-  display: flex;
+  font-size: 2.2rem;
-  align-items: center;
+}
-  gap: 0.5rem;
+
-
+.card__description {
-  time {
+  color: var(--gray-text);
-    color: var(--gray-text);
+  font-size: 1.2rem;
-    font-size: 1.2rem;
+}
-  }
+
-}
+.story__card__icon {
-@media (width<=768px) {
+  height: 1.5rem;
-  .dropbtn {
+  width: auto;
-    font-size: 1.4rem;
+}
-    padding: 1rem;
+
-    margin-left: 0.5rem;
+.card__tags_categories {
-  }
+  display: flex;
-  .hero {
+  gap: 0.6rem 1rem;
-    grid-template-columns: 1fr;
+  align-items: center;
-
+  flex-wrap: wrap;
-    h1 {
+
-      font-size: 3.5rem;
+  a {
-    }
+    font-size: 1rem;
-
+    text-decoration: none;
-    p {
+  }
-      font-size: 1.8rem;
+}
-    }
+
-  }
+.category__chip {
-
+  background-color: hsl(120, 100%, 30%);
-  .hero > div:first-child {
+  padding: 0.2rem 0.6rem;
-    grid-column: 1;
+  color: var(--text-color);
-  }
+  word-break: keep-all;
-
+}
-  .hero > .tags_categories {
+
-    grid-column: 1;
+.tag__chip {
-  }
+  color: var(--gray-text);
-  .tags_list,
+  word-break: keep-all;
-  .category_list {
+}
-    padding: 3rem 2rem;
+
-  }
+.hastag {
-  .story__grid {
+  font-size: 1.8rem;
-    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
+  margin-right: 0.2rem;
-  }
+}
-}
+
+.publish__date__timeToRead {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+}
+
+.publish__date {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
+  time {
+    color: var(--gray-text);
+    font-size: 1.2rem;
+  }
+}
+
+@media (width<=768px) {
+  .dropbtn {
+    font-size: 1.4rem;
+    padding: 1rem;
+    margin-left: 0.5rem;
+  }
+
+  .hero {
+    grid-template-columns: 1fr;
+
+    h1 {
+      font-size: 3.5rem;
+    }
+
+    p {
+      font-size: 1.8rem;
+    }
+  }
+
+  .hero > div:first-child {
+    grid-column: 1;
+  }
+
+  .hero > .tags_categories {
+    grid-column: 1;
+  }
+
+  .tags_list,
+  .category_list {
+    padding: 3rem 2rem;
+  }
+
+  .story__grid {
+    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
+  }
+}

public/de/authors/index.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Authors | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>ODOO Community Success Stories sponsored by </h2>
+
+
+
+<a href="http://ODOO4projects.com" style="
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    background-color: white;
+    color: orange;
+    border: 2px solid orange;
+    text-decoration: none;
+    padding: 16px 24px;
+    border-radius: 10px;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 1.3;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    transition: all 0.3s ease;
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <span style="display: inline-block;">
+      Launch your ODOO Project now!
+    </span>
+
+  </a>
+
+
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+  
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/authors/index.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Authors on diese Story-Site</title>
+    <link>http://localhost:1313/de/authors/</link>
+    <description>Recent content in Authors on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <atom:link href="http://localhost:1313/de/authors/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/de/authors/wanderlust-willow/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Wanderlust Willow | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/authors/wanderlust-willow/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Wanderlust Willow on diese Story-Site</title>
+    <link>http://localhost:1313/de/authors/wanderlust-willow/</link>
+    <description>Recent content in Wanderlust Willow on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/authors/wanderlust-willow/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/categories/0-5/index.html

@@ -1,300 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>0-5 | </title>
+  <title>0-5 | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-  <div class="tags_categories">
+        alt="Transforming Our Cattle Farm with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/farm/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            Farm
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/0-5/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            0-5
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Cattle Farm
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/paraguay/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>Paraguay
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-        </li>
+            <span class="hastag">#</span>Digital Transformation
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/it/">it</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/odoo/">odoo</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-      </ul>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    </div>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</section>
+      </div>
-
+    </article> 
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+</section>
-<dialog class="story_dialog">
+</main>
-  <button id="closeStoryModal" autofocus>Close</button>
+    <div id="story-modal">
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+  <button id="close-modal">✕</button>
-</dialog>
+  <div id="modal-content">Loading...</div>
-
+</div>
-
+ <script src="/pagefind/pagefind-ui.js"></script>
-<section class="story__grid">
+<script src="/js/main.js"></script>
-   
+<script>
-  <article class="story__card">
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  });
-    <div class="story__card__details">
+</script>
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+<script>
-      </a>
+  const dialog = document.querySelector("dialog");
-      <p class="card__description">
+  const showButton = document.getElementById("createStoryBtn");
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+  const closeButton = document.getElementById("closeStoryModal");
-      </p>
+
-
+  
-      <div class="card__tags_categories">
+  showButton.addEventListener("click", () => {
-        
+    dialog.showModal();
-        <a href="" class="category__chip">
+  });
-          IT
+
-        </a>
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          5-10
+  });
-        </a>
+</script>
-        
+
-        
+  </body>
-        <a href="" class="tag__chip">
+</html>
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/categories/0-5/index.xml

@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>0-5 on </title>
+    <title>0-5 on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/categories/0-5/</link>
+    <link>http://localhost:1313/de/categories/0-5/</link>
-    <description>Recent content in 0-5 on </description>
+    <description>Recent content in 0-5 on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/categories/0-5/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/categories/0-5/index.xml" rel="self" type="application/rss+xml" />
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/categories/5-10/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>5-10 | </title>
+  <title>5-10 | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/categories/5-10/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>5-10 on </title>
+    <title>5-10 on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/categories/5-10/</link>
+    <link>http://localhost:1313/de/categories/5-10/</link>
-    <description>Recent content in 5-10 on </description>
+    <description>Recent content in 5-10 on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/categories/5-10/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/categories/5-10/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/de/categories/farm/index.html

@@ -1,300 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Farm | </title>
+  <title>Farm | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-  <div class="tags_categories">
+        alt="Transforming Our Cattle Farm with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/farm/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            Farm
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/0-5/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            0-5
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Cattle Farm
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/paraguay/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>Paraguay
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-        </li>
+            <span class="hastag">#</span>Digital Transformation
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/it/">it</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/odoo/">odoo</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-      </ul>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    </div>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</section>
+      </div>
-
+    </article> 
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+</section>
-<dialog class="story_dialog">
+</main>
-  <button id="closeStoryModal" autofocus>Close</button>
+    <div id="story-modal">
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+  <button id="close-modal">✕</button>
-</dialog>
+  <div id="modal-content">Loading...</div>
-
+</div>
-
+ <script src="/pagefind/pagefind-ui.js"></script>
-<section class="story__grid">
+<script src="/js/main.js"></script>
-   
+<script>
-  <article class="story__card">
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  });
-    <div class="story__card__details">
+</script>
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+<script>
-      </a>
+  const dialog = document.querySelector("dialog");
-      <p class="card__description">
+  const showButton = document.getElementById("createStoryBtn");
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+  const closeButton = document.getElementById("closeStoryModal");
-      </p>
+
-
+  
-      <div class="card__tags_categories">
+  showButton.addEventListener("click", () => {
-        
+    dialog.showModal();
-        <a href="" class="category__chip">
+  });
-          IT
+
-        </a>
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          5-10
+  });
-        </a>
+</script>
-        
+
-        
+  </body>
-        <a href="" class="tag__chip">
+</html>
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/categories/farm/index.xml

@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Farm on </title>
+    <title>Farm on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/categories/farm/</link>
+    <link>http://localhost:1313/de/categories/farm/</link>
-    <description>Recent content in Farm on </description>
+    <description>Recent content in Farm on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/categories/farm/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/categories/farm/index.xml" rel="self" type="application/rss+xml" />
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/categories/index.html

@@ -1,300 +1,260 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Categories | </title>
+  <title>Categories | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src=""
-  <div class="tags_categories">
+        alt="0-5"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/categories/0-5/" class="open-modal">
-      <ul>
+          <h4 class="card__title">0-5</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/de/%20/categories/5-10/">5-10</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/de/%20/categories/farm/">farm</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >10.06.2025</time
-        <li class="chip">
+            >
-          <a href="/de/%20/categories/it/">it</a>
+          </div>
-        </li>
+
-        
+          
-      </ul>
+          <div class="publish__date">
-    </div>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-
+            <time datetime="">0 Minuten zum Lesen </time>
-    <div class="tags_list">
+          </div>
-
+        </div>
-      <h3 class="">
+        
-        <img src="/icons/hastag.svg" alt="" class="">
+        <div class="publish__date">
-        Schlagworte
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-      </h3>
+          <time datetime=""></time>
-      <ul>
+        </div>
-        
+      </div>
-        <li class="chip">
+    </article>      <article class="story__card">
-          <a href="/de/%20/tags/community/">community</a>
+      <img
-        </li>
+        src=""
-        
+        alt="5-10"
-        <li class="chip">
+        data-pagefind-index-attrs="title,alt"
-          <a href="/de/%20/tags/erp/">erp</a>
+        class="story__coverImg"
-        </li>
+        loading="lazy"
-        
+      />
-        <li class="chip">
+      <div class="story__card__details">
-          <a href="/de/%20/tags/it/">it</a>
+        <a data-story-url="/de/categories/5-10/" class="open-modal">
-        </li>
+          <h4 class="card__title">5-10</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/de/%20/tags/odoo/">odoo</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >10.06.2025</time
-      </ul>
+            >
-    </div>
+          </div>
-  </div>
+
-</section>
+          
-
+          <div class="publish__date">
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-<dialog class="story_dialog">
+            <time datetime="">0 Minuten zum Lesen </time>
-  <button id="closeStoryModal" autofocus>Close</button>
+          </div>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+        </div>
-</dialog>
+        
-
+        <div class="publish__date">
-
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-<section class="story__grid">
+          <time datetime=""></time>
-   
+        </div>
-  <article class="story__card">
+      </div>
-
+    </article>      <article class="story__card">
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+      <img
-    <div class="story__card__details">
+        src=""
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+        alt="Farm"
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+        data-pagefind-index-attrs="title,alt"
-      </a>
+        class="story__coverImg"
-      <p class="card__description">
+        loading="lazy"
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+      />
-      </p>
+      <div class="story__card__details">
-
+        <a data-story-url="/de/categories/farm/" class="open-modal">
-      <div class="card__tags_categories">
+          <h4 class="card__title">Farm</h4>
-        
+        </a>
-        <a href="" class="category__chip">
+        <p class="card__description"></p>
-          IT
+
-        </a>
+        <div class="card__tags_categories">
-        
+           
-        <a href="" class="category__chip">
+        </div>
-          5-10
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Odoo
+            <time datetime=""
-        </a>
+              >10.06.2025</time
-        
+            >
-        <a href="" class="tag__chip">
+          </div>
-          <span class="hastag">#</span>ERP
+
-        </a>
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Community
+            <time datetime="">0 Minuten zum Lesen </time>
-        </a>
+          </div>
-        
+        </div>
-        <a href="" class="tag__chip">
+        
-          <span class="hastag">#</span>IT
+        <div class="publish__date">
-        </a>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-        
+          <time datetime=""></time>
-
+        </div>
-      </div>
+      </div>
-<div class="publish__date__timeToRead">
+    </article>      <article class="story__card">
-
+      <img
-  <div class="publish__date">
+        src=""
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+        alt="IT"
-    <time datetime="">10.06.2025</time>
+        data-pagefind-index-attrs="title,alt"
-  </div>
+        class="story__coverImg"
-
+        loading="lazy"
-  
+      />
-  <div class="publish__date">
+      <div class="story__card__details">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+        <a data-story-url="/de/categories/it/" class="open-modal">
-    <time datetime="">2 Minuten zum Lesen </time>
+          <h4 class="card__title">IT</h4>
-  </div>
+        </a>
-</div>
+        <p class="card__description"></p>
-
+
-  
+        <div class="card__tags_categories">
-  <div class="publish__date">
+           
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+        </div>
-    <time datetime=""></time>
+
-  </div>
+        <div class="publish__date__timeToRead">
-    </div>
+          
-  </article>
+          <div class="publish__date">
-  
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-  <article class="story__card">
+            <time datetime=""
-
+              >10.06.2025</time
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+            >
-    <div class="story__card__details">
+          </div>
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+          
-      </a>
+          <div class="publish__date">
-      <p class="card__description">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+            <time datetime="">0 Minuten zum Lesen </time>
-      </p>
+          </div>
-
+        </div>
-      <div class="card__tags_categories">
+        
-        
+        <div class="publish__date">
-        <a href="" class="category__chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          Farm
+          <time datetime=""></time>
-        </a>
+        </div>
-        
+      </div>
-        <a href="" class="category__chip">
+    </article> 
-          0-5
+</section>
-        </a>
+</main>
-        
+    <div id="story-modal">
-        
+  <button id="close-modal">✕</button>
-        <a href="" class="tag__chip">
+  <div id="modal-content">Loading...</div>
-          <span class="hastag">#</span>Odoo
+</div>
-        </a>
+ <script src="/pagefind/pagefind-ui.js"></script>
-        
+<script src="/js/main.js"></script>
-        <a href="" class="tag__chip">
+<script>
-          <span class="hastag">#</span>ERP
+  window.addEventListener("DOMContentLoaded", (event) => {
-        </a>
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-        
+  });
-        <a href="" class="tag__chip">
+</script>
-          <span class="hastag">#</span>Rinderfarm
+
-        </a>
+<script>
-        
+  const dialog = document.querySelector("dialog");
-        <a href="" class="tag__chip">
+  const showButton = document.getElementById("createStoryBtn");
-          <span class="hastag">#</span>Paraguay
+  const closeButton = document.getElementById("closeStoryModal");
-        </a>
+
-        
+  
-
+  showButton.addEventListener("click", () => {
-      </div>
+    dialog.showModal();
-<div class="publish__date__timeToRead">
+  });
-
+
-  <div class="publish__date">
+  
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+  closeButton.addEventListener("click", () => {
-    <time datetime="">10.06.2025</time>
+    dialog.close();
-  </div>
+  });
-
+</script>
-  
+
-  <div class="publish__date">
+  </body>
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+</html>
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/categories/index.xml

@@ -1,39 +1,39 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Categories on </title>
+    <title>Categories on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/categories/</link>
+    <link>http://localhost:1313/de/categories/</link>
-    <description>Recent content in Categories on </description>
+    <description>Recent content in Categories on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/categories/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/categories/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>0-5</title>
-      <link>https://success.odoo4projects.com/de/categories/0-5/</link>
+      <link>http://localhost:1313/de/categories/0-5/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/categories/0-5/</guid>
+      <guid>http://localhost:1313/de/categories/0-5/</guid>
       <description></description>
     </item>
     <item>
       <title>5-10</title>
-      <link>https://success.odoo4projects.com/de/categories/5-10/</link>
+      <link>http://localhost:1313/de/categories/5-10/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/categories/5-10/</guid>
+      <guid>http://localhost:1313/de/categories/5-10/</guid>
       <description></description>
     </item>
     <item>
       <title>Farm</title>
-      <link>https://success.odoo4projects.com/de/categories/farm/</link>
+      <link>http://localhost:1313/de/categories/farm/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/categories/farm/</guid>
+      <guid>http://localhost:1313/de/categories/farm/</guid>
       <description></description>
     </item>
     <item>
       <title>IT</title>
-      <link>https://success.odoo4projects.com/de/categories/it/</link>
+      <link>http://localhost:1313/de/categories/it/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/categories/it/</guid>
+      <guid>http://localhost:1313/de/categories/it/</guid>
       <description></description>
     </item>
   </channel>

public/de/categories/it/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>IT | </title>
+  <title>IT | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/categories/it/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>IT on </title>
+    <title>IT on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/categories/it/</link>
+    <link>http://localhost:1313/de/categories/it/</link>
-    <description>Recent content in IT on </description>
+    <description>Recent content in IT on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/categories/it/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/categories/it/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/de/categories/travel/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Travel | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/categories/travel/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Travel on diese Story-Site</title>
+    <link>http://localhost:1313/de/categories/travel/</link>
+    <description>Recent content in Travel on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/categories/travel/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/index.html

@@ -1,301 +1,317 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
   <head>
-	<meta name="generator" content="Hugo 0.147.8">
+	<meta name="generator" content="Hugo 0.147.8"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>ODOO Community Success Stories | </title>
+  <title>Home | </title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="description in German" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+<section class="hero">
-  <div class="">
+  <div class="">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+    <h1 class="" data-pagefind-meta="title">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+    <p class="" data-pagefind-meta="description">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
-  </div>
+  </div>
-  <div class="tags_categories">
+  <div class="tags_categories">
-    <div class="category_list">
+    <div class="category_list">
-
+
-      <h3 class="">
+      <h3 class="">
-        <img src="/icons/categories.svg" alt="" class="">
+        <img src="/icons/categories.svg" alt="" class="">
-        Kategorien
+        Kategorien
-      </h3>
+      </h3>
-      <ul>
+      <ul>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/categories/0-5/">0-5</a>
+          <a href="http://localhost:1313//de/categories/0-5/">0-5</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+          <a href="http://localhost:1313//de/categories/5-10/">5-10</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+          <a href="http://localhost:1313//de/categories/farm/">farm</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/categories/it/">it</a>
+          <a href="http://localhost:1313//de/categories/it/">it</a>
-        </li>
+        </li>
-        
+        
-      </ul>
+      </ul>
-    </div>
+    </div>
-
+
-    <div class="tags_list">
+    <div class="tags_list">
-
+
-      <h3 class="">
+      <h3 class="">
-        <img src="/icons/hastag.svg" alt="" class="">
+        <img src="/icons/hastag.svg" alt="" class="">
-        Schlagworte
+        Schlagworte
-      </h3>
+      </h3>
-      <ul>
+      <ul>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/community/">community</a>
+          <a href="http://localhost:1313//de/tags/cattle-farm/">cattle farm</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/erp/">erp</a>
+          <a href="http://localhost:1313//de/tags/community/">community</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/it/">it</a>
+          <a href="http://localhost:1313//de/tags/digital-transformation/">digital transformation</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <a href="http://localhost:1313//de/tags/erp/">erp</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+          <a href="http://localhost:1313//de/tags/it/">it</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <a href="http://localhost:1313//de/tags/odoo/">odoo</a>
-        </li>
+        </li>
-        
+        
-      </ul>
+        <li class="chip">
-    </div>
+          <a href="http://localhost:1313//de/tags/paraguay/">paraguay</a>
-  </div>
+        </li>
-</section>
+        
-
+      </ul>
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+    </div>
-<dialog class="story_dialog">
+  </div>
-  <button id="closeStoryModal" autofocus>Close</button>
+</section>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+
-</dialog>
+<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
-
+<dialog class="story_dialog">
-
+  <button id="closeStoryModal" autofocus>Close</button>
-<section class="story__grid">
+  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
-   
+</dialog>
-  <article class="story__card">
+
-
+
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+<section class="story__grid">
-    <div class="story__card__details">
+   
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+    <article class="story__card">
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+      <img
-      </a>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-      <p class="card__description">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+        data-pagefind-index-attrs="title,alt"
-      </p>
+        class="story__coverImg"
-
+        loading="lazy"
-      <div class="card__tags_categories">
+      />
-        
+      <div class="story__card__details">
-        <a href="" class="category__chip">
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-          IT
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        </a>
+        </a>
-        
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-        <a href="" class="category__chip">
+
-          5-10
+        <div class="card__tags_categories">
-        </a>
+          
-        
+          <a href="/de/categories/it/" class="category__chip">
-        
+            IT
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>Odoo
+          
-        </a>
+          <a href="/de/categories/5-10/" class="category__chip">
-        
+            5-10
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>ERP
+           
-        </a>
+          <a href="/de/tags/odoo/" class="tag__chip">
-        
+            <span class="hastag">#</span>Odoo
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>Community
+          
-        </a>
+          <a href="/de/tags/erp/" class="tag__chip">
-        
+            <span class="hastag">#</span>ERP
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>IT
+          
-        </a>
+          <a href="/de/tags/community/" class="tag__chip">
-        
+            <span class="hastag">#</span>Community
-
+          </a>
-      </div>
+          
-<div class="publish__date__timeToRead">
+          <a href="/de/tags/it/" class="tag__chip">
-
+            <span class="hastag">#</span>IT
-  <div class="publish__date">
+          </a>
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+          
-    <time datetime="">10.06.2025</time>
+        </div>
-  </div>
+
-
+        <div class="publish__date__timeToRead">
-  
+          
-  <div class="publish__date">
+          <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-    <time datetime="">2 Minuten zum Lesen </time>
+            <time datetime=""
-  </div>
+              >10.06.2025</time
-</div>
+            >
-
+          </div>
-  
+
-  <div class="publish__date">
+          
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+          <div class="publish__date">
-    <time datetime=""></time>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-  </div>
+            <time datetime="">2 Minuten zum Lesen </time>
-    </div>
+          </div>
-  </article>
+        </div>
-  
+        
-  <article class="story__card">
+        <div class="publish__date">
-
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+          <time datetime=""></time>
-    <div class="story__card__details">
+        </div>
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+      </div>
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+    </article>   
-      </a>
+    <article class="story__card">
-      <p class="card__description">
+      <img
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+        src="/images/blog-thumbnail.png"
-      </p>
+        alt="Transforming Our Cattle Farm with Odoo Community"
-
+        data-pagefind-index-attrs="title,alt"
-      <div class="card__tags_categories">
+        class="story__coverImg"
-        
+        loading="lazy"
-        <a href="" class="category__chip">
+      />
-          Farm
+      <div class="story__card__details">
-        </a>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-        
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        <a href="" class="category__chip">
+        </a>
-          0-5
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-        </a>
+
-        
+        <div class="card__tags_categories">
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/categories/farm/" class="category__chip">
-          <span class="hastag">#</span>Odoo
+            Farm
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/categories/0-5/" class="category__chip">
-          <span class="hastag">#</span>ERP
+            0-5
-        </a>
+          </a>
-        
+           
-        <a href="" class="tag__chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
+            <span class="hastag">#</span>Odoo
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/erp/" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
+            <span class="hastag">#</span>ERP
-        </a>
+          </a>
-        
+          
-
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-      </div>
+            <span class="hastag">#</span>Cattle Farm
-<div class="publish__date__timeToRead">
+          </a>
-
+          
-  <div class="publish__date">
+          <a href="/de/tags/paraguay/" class="tag__chip">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+            <span class="hastag">#</span>Paraguay
-    <time datetime="">10.06.2025</time>
+          </a>
-  </div>
+          
-
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-  
+            <span class="hastag">#</span>Digital Transformation
-  <div class="publish__date">
+          </a>
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+          
-    <time datetime="">2 Minuten zum Lesen </time>
+        </div>
-  </div>
+
-</div>
+        <div class="publish__date__timeToRead">
-
+          
-  
+          <div class="publish__date">
-  <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+            <time datetime=""
-    <time datetime=""></time>
+              >10.06.2025</time
-  </div>
+            >
-    </div>
+          </div>
-  </article>
+
-  
+          
-</section>
+          <div class="publish__date">
-</main>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-
+            <time datetime="">2 Minuten zum Lesen </time>
-    <script src="/pagefind/pagefind-ui.js"></script>
+          </div>
-<script>
+        </div>
-  window.addEventListener("DOMContentLoaded", (event) => {
+        
-    new PagefindUI({ element: "#search", showSubResults: true });
+        <div class="publish__date">
-  });
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-</script>
+          <time datetime="">Estancia Agape</time>
-
+        </div>
-<script>
+      </div>
-  const dialog = document.querySelector("dialog");
+    </article>  
-  const showButton = document.getElementById("createStoryBtn");
+</section>
-  const closeButton = document.getElementById("closeStoryModal");
+</main>
-
+    <div id="story-modal">
-  
+  <button id="close-modal">✕</button>
-  showButton.addEventListener("click", () => {
+  <div id="modal-content">Loading...</div>
-    dialog.showModal();
+</div>
-  });
+ <script src="/pagefind/pagefind-ui.js"></script>
-
+<script src="/js/main.js"></script>
-  
+<script>
-  closeButton.addEventListener("click", () => {
+  window.addEventListener("DOMContentLoaded", (event) => {
-    dialog.close();
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-  });
+  });
-</script>
+</script>
-
+
-  </body>
+<script>
-</html>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/index.xml

@@ -1,26 +1,26 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title></title>
+    <title>diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/</link>
+    <link>http://localhost:1313/de/</link>
-    <description>Recent content on </description>
+    <description>Recent content on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/sitemap.xml

@@ -2,272 +2,327 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>https://success.odoo4projects.com/de/</loc>
+    <loc>http://localhost:1313/de/stories/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <lastmod>2025-06-15T22:50:48+05:30</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/"
+                href="http://localhost:1313/en/stories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/"
+                href="http://localhost:1313/es/stories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/"
+                href="http://localhost:1313/de/stories/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/categories/0-5/</loc>
+    <loc>http://localhost:1313/de/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <lastmod>2025-06-15T22:21:39+05:30</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/0-5/"
+                href="http://localhost:1313/en/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/0-5/"
+                href="http://localhost:1313/es/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/0-5/"
+                href="http://localhost:1313/de/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/categories/5-10/</loc>
+    <loc>http://localhost:1313/de/categories/0-5/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/5-10/"
+                href="http://localhost:1313/en/categories/0-5/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/5-10/"
+                href="http://localhost:1313/es/categories/0-5/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/5-10/"
+                href="http://localhost:1313/de/categories/0-5/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/stories/odoo4projects/</loc>
+    <loc>http://localhost:1313/de/categories/5-10/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/odoo4projects/"
+                href="http://localhost:1313/en/categories/5-10/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/odoo4projects/"
+                href="http://localhost:1313/es/categories/5-10/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/odoo4projects/"
+                href="http://localhost:1313/de/categories/5-10/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/categories/</loc>
+    <loc>http://localhost:1313/de/stories/odoo4projects/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/"
+                href="http://localhost:1313/en/stories/odoo4projects/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/"
+                href="http://localhost:1313/es/stories/odoo4projects/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/"
+                href="http://localhost:1313/de/stories/odoo4projects/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/community/</loc>
+    <loc>http://localhost:1313/de/categories/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/community/"
+                href="http://localhost:1313/en/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/community/"
+                href="http://localhost:1313/es/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/community/"
+                href="http://localhost:1313/de/categories/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/erp/</loc>
+    <loc>http://localhost:1313/de/tags/cattle-farm/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/erp/"
+                href="http://localhost:1313/en/tags/cattle-farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/erp/"
+                href="http://localhost:1313/es/tags/cattle-farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/erp/"
+                href="http://localhost:1313/de/tags/cattle-farm/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/categories/farm/</loc>
+    <loc>http://localhost:1313/de/tags/community/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/farm/"
+                href="http://localhost:1313/en/tags/community/"
-                />
-    <xhtml:link
-                rel="alternate"
-                hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/farm/"
-                />
-  </url><url>
-    <loc>https://success.odoo4projects.com/de/categories/it/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
-    <xhtml:link
-                rel="alternate"
-                hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/it/"
+                href="http://localhost:1313/es/tags/community/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/it/"
+                href="http://localhost:1313/de/tags/community/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/it/</loc>
+    <loc>http://localhost:1313/de/tags/digital-transformation/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/it/"
+                href="http://localhost:1313/en/tags/digital-transformation/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/it/"
+                href="http://localhost:1313/es/tags/digital-transformation/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/it/"
+                href="http://localhost:1313/de/tags/digital-transformation/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/odoo/</loc>
+    <loc>http://localhost:1313/de/tags/erp/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/odoo/"
+                href="http://localhost:1313/en/tags/erp/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/odoo/"
+                href="http://localhost:1313/es/tags/erp/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/odoo/"
+                href="http://localhost:1313/de/tags/erp/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/paraguay/</loc>
+    <loc>http://localhost:1313/de/categories/farm/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/paraguay/"
+                href="http://localhost:1313/en/categories/farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/paraguay/"
+                href="http://localhost:1313/es/categories/farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/paraguay/"
+                href="http://localhost:1313/de/categories/farm/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/rinderfarm/</loc>
+    <loc>http://localhost:1313/de/categories/it/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
-  </url><url>
-    <loc>https://success.odoo4projects.com/de/stories/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/"
+                href="http://localhost:1313/en/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/"
+                href="http://localhost:1313/es/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/"
+                href="http://localhost:1313/de/categories/it/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/tags/</loc>
+    <loc>http://localhost:1313/de/tags/it/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/"
+                href="http://localhost:1313/en/tags/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/"
+                href="http://localhost:1313/es/tags/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/"
+                href="http://localhost:1313/de/tags/it/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/de/stories/agape/</loc>
+    <loc>http://localhost:1313/de/tags/odoo/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/agape/"
+                href="http://localhost:1313/en/tags/odoo/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/agape/"
+                href="http://localhost:1313/es/tags/odoo/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/agape/"
+                href="http://localhost:1313/de/tags/odoo/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/de/tags/paraguay/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/tags/paraguay/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/tags/paraguay/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/tags/paraguay/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/de/tags/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/tags/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/tags/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/tags/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/de/stories/agape/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/stories/agape/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/stories/agape/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/stories/agape/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/de/authors/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/authors/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/authors/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/authors/"
                 />
   </url>
 </urlset>

public/de/stories/agape/index.html

@@ -1,95 +1,136 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Umgestaltung unserer Rinderfarm mit Odoo Community | </title>
+  <title>Transforming Our Cattle Farm with Odoo Community | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="How Odoo Community helped streamline operations across three farm locations in Paraguay" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main> single page </main>
+    <main>
-
+<section class="single-page"><p><img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Estancia Agapé"></p>
-    <script src="/pagefind/pagefind-ui.js"></script>
+<p>Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across <strong>three distinct locations</strong>. At <a href="https://estancia-agape.com">Estancia Agapé</a>, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to <strong>Odoo Community</strong>, and the results have exceeded our expectations.</p>
-<script>
+<h2 id="why-odoo">Why Odoo?</h2>
-  window.addEventListener("DOMContentLoaded", (event) => {
+<p>We evaluated various systems before choosing Odoo Community. The reasons were clear:</p>
-    new PagefindUI({ element: "#search", showSubResults: true });
+<ul>
-  });
+<li>Open-source and customizable</li>
-</script>
+<li>Robust set of features for inventory, accounting, and logistics</li>
-
+<li>Large and active global community</li>
-<script>
+<li>No licensing fees</li>
-  const dialog = document.querySelector("dialog");
+</ul>
-  const showButton = document.getElementById("createStoryBtn");
+<p>But what truly made the difference was the ability to <strong>host the service online</strong>.</p>
-  const closeButton = document.getElementById("closeStoryModal");
+<h2 id="online-hosting-the-game-changer">Online Hosting: The Game-Changer</h2>
-
+<p>With three remote farm locations, we needed a centralized system that could be accessed by our teams from anywhere. Hosting Odoo online gave us:</p>
-  
+<ul>
-  showButton.addEventListener("click", () => {
+<li><strong>Real-time synchronization</strong> between sites</li>
-    dialog.showModal();
+<li><strong>Simplified workflows</strong> for staff in the field and in the office</li>
-  });
+<li><strong>Remote oversight</strong> of stock, sales, and expenses</li>
-
+<li><strong>Reduced IT burden</strong> thanks to external hosting partners</li>
-  
+</ul>
-  closeButton.addEventListener("click", () => {
+<p>We now manage cattle inventory, pasture usage, vet schedules, and financial records in a single system, accessible securely from any device.</p>
-    dialog.close();
+<h2 id="the-results">The Results</h2>
-  });
+<p>Since implementing Odoo Community:</p>
-</script>
+<ul>
-
+<li>Manual paperwork has dropped by over 80%</li>
-  </body>
+<li>Daily operational reports are instantly available to management</li>
-</html>
+<li>Staff collaboration has improved across all sites</li>
+<li>Decision-making is faster and data-driven</li>
+</ul>
+<p>What used to take days now takes minutes.</p>
+<h2 id="looking-ahead">Looking Ahead</h2>
+<p>We are continuing to expand our use of Odoo Community by integrating additional modules and exploring mobile app features for field use.</p>
+<p>For other agricultural businesses in Paraguay or Latin America, we highly recommend considering open-source ERP systems like Odoo. With the right setup and a cloud-based approach, even the most traditional industries can benefit from modern tools.</p>
+<p><strong>Visit us at <a href="https://estancia-agape.com">estancia-agape.com</a> to learn more about our journey.</strong></p>
+<hr>
+<p><em>Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.</em></p>
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/stories/index.html

@@ -1,300 +1,234 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Stories | </title>
+  <title>Stories | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article>      <article class="story__card">
-    </div>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-</section>
+        alt="Transforming Our Cattle Farm with Odoo Community"
-
+        data-pagefind-index-attrs="title,alt"
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+        class="story__coverImg"
-<dialog class="story_dialog">
+        loading="lazy"
-  <button id="closeStoryModal" autofocus>Close</button>
+      />
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+      <div class="story__card__details">
-</dialog>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-
+        </a>
-<section class="story__grid">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-   
+
-  <article class="story__card">
+        <div class="card__tags_categories">
-
+          
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+          <a href="/de/categories/farm/" class="category__chip">
-    <div class="story__card__details">
+            Farm
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+          </a>
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+          
-      </a>
+          <a href="/de/categories/0-5/" class="category__chip">
-      <p class="card__description">
+            0-5
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+          </a>
-      </p>
+           
-
+          <a href="/de/tags/odoo/" class="tag__chip">
-      <div class="card__tags_categories">
+            <span class="hastag">#</span>Odoo
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          IT
+          <a href="/de/tags/erp/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>ERP
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          5-10
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>Cattle Farm
-        
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/paraguay/" class="tag__chip">
-          <span class="hastag">#</span>Odoo
+            <span class="hastag">#</span>Paraguay
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-          <span class="hastag">#</span>ERP
+            <span class="hastag">#</span>Digital Transformation
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+        </div>
-          <span class="hastag">#</span>Community
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        <a href="" class="tag__chip">
+          <div class="publish__date">
-          <span class="hastag">#</span>IT
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </a>
+            <time datetime=""
-        
+              >10.06.2025</time
-
+            >
-      </div>
+          </div>
-<div class="publish__date__timeToRead">
+
-
+          
-  <div class="publish__date">
+          <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-    <time datetime="">10.06.2025</time>
+            <time datetime="">2 Minuten zum Lesen </time>
-  </div>
+          </div>
-
+        </div>
-  
+        
-  <div class="publish__date">
+        <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    <time datetime="">2 Minuten zum Lesen </time>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</div>
+      </div>
-
+    </article> 
-  
+</section>
-  <div class="publish__date">
+</main>
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+    <div id="story-modal">
-    <time datetime=""></time>
+  <button id="close-modal">✕</button>
-  </div>
+  <div id="modal-content">Loading...</div>
-    </div>
+</div>
-  </article>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  
+<script src="/js/main.js"></script>
-  <article class="story__card">
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <div class="story__card__details">
+  });
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+</script>
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+
-      </a>
+<script>
-      <p class="card__description">
+  const dialog = document.querySelector("dialog");
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+  const showButton = document.getElementById("createStoryBtn");
-      </p>
+  const closeButton = document.getElementById("closeStoryModal");
-
+
-      <div class="card__tags_categories">
+  
-        
+  showButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.showModal();
-          Farm
+  });
-        </a>
+
-        
+  
-        <a href="" class="category__chip">
+  closeButton.addEventListener("click", () => {
-          0-5
+    dialog.close();
-        </a>
+  });
-        
+</script>
-        
+
-        <a href="" class="tag__chip">
+  </body>
-          <span class="hastag">#</span>Odoo
+</html>
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/stories/index.xml

@@ -1,26 +1,26 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Stories on </title>
+    <title>Stories on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/stories/</link>
+    <link>http://localhost:1313/de/stories/</link>
-    <description>Recent content in Stories on </description>
+    <description>Recent content in Stories on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/stories/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/stories/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/stories/odoo4projects/index.html

@@ -1,95 +1,130 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community | </title>
+  <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main> single page </main>
+    <main>
-
+<section class="single-page"><p><img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="ODOO4projects"></p>
-    <script src="/pagefind/pagefind-ui.js"></script>
+<p>Bei <a href="https://ODOO4projects.com">ODOO4projects</a> sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere <strong>gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17</strong> zu bauen.</p>
-<script>
+<h2 id="warum-odoo-community">Warum Odoo Community?</h2>
-  window.addEventListener("DOMContentLoaded", (event) => {
+<p>Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.</p>
-    new PagefindUI({ element: "#search", showSubResults: true });
+<ul>
-  });
+<li>100% Open-Source, keine Lizenzgebühren</li>
-</script>
+<li>Hochgradig an spezifische Einsatzfälle anpassbar</li>
-
+<li>Starkes internationales Community-Support</li>
-<script>
+<li>Klarer Upgrade-Pfad und modulares Design</li>
-  const dialog = document.querySelector("dialog");
+</ul>
-  const showButton = document.getElementById("createStoryBtn");
+<p>Unser Ziel war nicht nur, Odoo zu nutzen, sondern <strong>die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist</strong>.</p>
-  const closeButton = document.getElementById("closeStoryModal");
+<h2 id="benutzerdefinierte-module-unser-schlüssel-zum-erfolg">Benutzerdefinierte Module: Unser Schlüssel zum Erfolg</h2>
-
+<p>Der Wendepunkt auf unserer Reise war die Entwicklung eines <strong>benutzerdefinierten Moduls</strong>, das speziell für unseren Hosting-Service zugeschnitten ist. Von unserem eigenen Team entwickelt, übernimmt dieses Modul nun:</p>
-  
+<ul>
-  showButton.addEventListener("click", () => {
+<li>Kundenonboarding und Abonnementverfolgung</li>
-    dialog.showModal();
+<li>Hosting-Verwaltung über mehrere Instanzen</li>
-  });
+<li>Automatisierte Bereitstellung und Überwachung</li>
-
+</ul>
-  
+<p>Durch den Besitz dieser Kernfunktionalität gewannen wir die volle Kontrolle über unsere Infrastruktur - und reduzierten die Abhängigkeit von externen Tools.</p>
-  closeButton.addEventListener("click", () => {
+<h2 id="was-hat-nicht-funktioniert">Was hat nicht funktioniert?</h2>
-    dialog.close();
+<p>Nicht jedes Experiment war erfolgreich. Wir haben ein Drittanbieter-Modul für Affiliate-Management und Buchhaltung erworben - und es war eine komplette Zeit- und Geldverschwendung. Mangelhafte Dokumentation, begrenzter Support und Kompatibilitätsprobleme machten es unbenutzbar.</p>
-  });
+<p>Diese Erfahrung lehrte uns den Wert des <strong>internen Entwickelns oder gründlichen Prüfens</strong>, bevor wir Drittanbieter-Lösungen integrieren.</p>
-</script>
+<h2 id="ausblick-odoo-19-und-darüber-hinaus">Ausblick: Odoo 19 und darüber hinaus</h2>
-
+<p>Bei der Planung unseres Upgrades auf <strong>Odoo 19</strong> gehen wir mit einer <strong>&ldquo;nuke and pave&rdquo;</strong> Strategie vor - wir räumen veraltete Module aus, die ihren Zweck nicht mehr erfüllen. Dieser Ansatz von Null an wird es uns ermöglichen, die Leistung zu optimieren und den Support zu vereinfachen.</p>
-  </body>
+<p>Trotz der Stolpersteine auf dem Weg erfüllt Odoo Community weiterhin <strong>all unsere Geschäftsanforderungen</strong>, von CRM und Vertrieb bis hin zu Hosting und internen Arbeitsabläufen.</p>
-</html>
+<h2 id="unsere-nachricht-an-andere">Unsere Nachricht an andere</h2>
+<p>Wenn Sie in der IT oder im SaaS-Bereich tätig sind und nach einer flexiblen, leistungsstarken ERP-Plattform suchen - <strong>unterschätzen Sie Odoo Community nicht</strong>. Mit dem richtigen Team und der richtigen Vision können Sie unternehmensweite Dienste ohne die Overheadkosten von Unternehmenslizenzen aufbauen.</p>
+<p><strong>Besuchen Sie uns auf <a href="https://ODOO4projects.com">ODOO4projects.com</a>, um mehr über unsere Plattform und Lösungen zu erfahren.</strong></p>
+<hr>
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/stories/post1/index.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary | diese Story-Site</title>
+
+  <meta name="description" content="Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia." /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+<section class="single-page"><h2 id="southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure">Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure</h2>
+<p>Hey fellow wanderers! If you&rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.</p>
+<p>After countless hostel stays, delicious street food meals, and unforgettable adventures, I&rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!</p>
+<p><strong>Week 1: Thailand - The Land of Smiles (and Amazing Food!)</strong></p>
+<ul>
+<li><strong>Days 1-3: Bangkok:</strong> Dive headfirst into the chaotic beauty of Bangkok. Explore magnificent temples like Wat Arun and Wat Pho (home to the reclining Buddha), get lost in the vibrant Chatuchak Weekend Market (if your trip aligns!), and take a longtail boat ride along the Chao Phraya River. Don&rsquo;t forget to indulge in some mouthwatering street food – Pad Thai is a must!</li>
+<li><strong>Days 4-6: Chiang Mai:</strong> Escape the city buzz and head north to Chiang Mai. Immerse yourself in the serene atmosphere of ancient temples, take a Thai cooking class (you won&rsquo;t regret it!), and consider an ethical elephant sanctuary visit. The night markets here are fantastic for souvenirs.</li>
+<li><strong>Day 7: Travel Day:</strong> Fly or take an overnight train south towards Vietnam. This will be your biggest travel day, so pack some snacks and get ready for the next adventure!</li>
+</ul>
+<p><strong>Week 2: Vietnam - A Feast for the Senses</strong></p>
+<ul>
+<li><strong>Days 8-10: Hanoi:</strong> Welcome to the charming chaos of Hanoi! Explore the Old Quarter, wander around Hoan Kiem Lake, and catch a traditional water puppet show. Don&rsquo;t miss trying the local specialty, Pho.</li>
+<li><strong>Days 11-13: Ha Long Bay:</strong> Prepare to be amazed by the stunning limestone karsts of Ha Long Bay. Take a boat tour (opt for a budget-friendly option!) and kayak through the emerald waters. Spending a night on a boat under the stars is an unforgettable experience.</li>
+<li><strong>Day 14: Travel Day:</strong> Fly or take a bus to Siem Reap, Cambodia. Get ready for ancient wonders!</li>
+</ul>
+<p><strong>Week 3: Cambodia - Ancient History and Heartwarming Culture</strong></p>
+<ul>
+<li><strong>Days 15-18: Siem Reap &amp; Angkor Wat:</strong> This is what many people come to Southeast Asia for! Explore the magnificent Angkor Wat temple complex, including Angkor Thom, Bayon, and Ta Prohm (the &ldquo;Tomb Raider&rdquo; temple). Consider hiring a tuk-tuk driver for a day to explore the various temples. Wake up early for sunrise over Angkor Wat – it&rsquo;s truly magical.</li>
+<li><strong>Days 19-20: Phnom Penh:</strong> Take a sobering but important trip to Phnom Penh to learn about Cambodia&rsquo;s history at the Killing Fields and Tuol Sleng Genocide Museum. Balance this with a visit to the Royal Palace and Silver Pagoda.</li>
+<li><strong>Days 21: Departure:</strong> Head to the airport, filled with incredible memories and a newfound love for Southeast Asia.</li>
+</ul>
+<p><strong>Budget Tips for Southeast Asia:</strong></p>
+<ul>
+<li><strong>Stay in Hostels:</strong> They&rsquo;re cheap, social, and a great way to meet other travelers.</li>
+<li><strong>Eat Street Food:</strong> It&rsquo;s delicious and incredibly affordable.</li>
+<li><strong>Use Local Transportation:</strong> Buses and trains are your friends. Avoid taxis where possible.</li>
+<li><strong>Haggle at Markets:</strong> It&rsquo;s part of the fun!</li>
+<li><strong>Book in Advance (Sometimes):</strong> Especially for popular routes or accommodations during peak season.</li>
+</ul>
+<p>Southeast Asia is an incredible destination for budget travelers. With a little planning and an adventurous spirit, you can have an unforgettable experience without breaking the bank. So, what are you waiting for? Start planning your own Southeast Asian adventure!</p>
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/backpacking/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Backpacking | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/backpacking/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Backpacking on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/backpacking/</link>
+    <description>Recent content in Backpacking on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/backpacking/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/budget-travel/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Budget Travel | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/budget-travel/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Budget Travel on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/budget-travel/</link>
+    <description>Recent content in Budget Travel on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/budget-travel/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/cambodia/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Cambodia | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/cambodia/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Cambodia on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/cambodia/</link>
+    <description>Recent content in Cambodia on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/cambodia/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/cattle-farm/index.html

@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Cattle Farm | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>ODOO Community Success Stories sponsored by </h2>
+
+
+
+<a href="http://ODOO4projects.com" style="
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    background-color: white;
+    color: orange;
+    border: 2px solid orange;
+    text-decoration: none;
+    padding: 16px 24px;
+    border-radius: 10px;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 1.3;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    transition: all 0.3s ease;
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <span style="display: inline-block;">
+      Launch your ODOO Project now!
+    </span>
+
+  </a>
+
+
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src="/images/blog-thumbnail.png"
+        alt="Transforming Our Cattle Farm with Odoo Community"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/agape/" class="open-modal">
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
+        </a>
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/farm/" class="category__chip">
+            Farm
+          </a>
+          
+          <a href="/de/categories/0-5/" class="category__chip">
+            0-5
+          </a>
+           
+          <a href="/de/tags/odoo/" class="tag__chip">
+            <span class="hastag">#</span>Odoo
+          </a>
+          
+          <a href="/de/tags/erp/" class="tag__chip">
+            <span class="hastag">#</span>ERP
+          </a>
+          
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
+            <span class="hastag">#</span>Cattle Farm
+          </a>
+          
+          <a href="/de/tags/paraguay/" class="tag__chip">
+            <span class="hastag">#</span>Paraguay
+          </a>
+          
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
+            <span class="hastag">#</span>Digital Transformation
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >10.06.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">2 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Estancia Agape</time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/cattle-farm/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Cattle Farm on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/cattle-farm/</link>
+    <description>Recent content in Cattle Farm on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/cattle-farm/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
+      <link>http://localhost:1313/de/stories/agape/</link>
+      <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/community/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Community | </title>
+  <title>Community | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/tags/community/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Community on </title>
+    <title>Community on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/community/</link>
+    <link>http://localhost:1313/de/tags/community/</link>
-    <description>Recent content in Community on </description>
+    <description>Recent content in Community on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/community/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/community/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/de/tags/digital-transformation/index.html

@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Digital Transformation | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>ODOO Community Success Stories sponsored by </h2>
+
+
+
+<a href="http://ODOO4projects.com" style="
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    background-color: white;
+    color: orange;
+    border: 2px solid orange;
+    text-decoration: none;
+    padding: 16px 24px;
+    border-radius: 10px;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 1.3;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    transition: all 0.3s ease;
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <span style="display: inline-block;">
+      Launch your ODOO Project now!
+    </span>
+
+  </a>
+
+
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src="/images/blog-thumbnail.png"
+        alt="Transforming Our Cattle Farm with Odoo Community"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/agape/" class="open-modal">
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
+        </a>
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/farm/" class="category__chip">
+            Farm
+          </a>
+          
+          <a href="/de/categories/0-5/" class="category__chip">
+            0-5
+          </a>
+           
+          <a href="/de/tags/odoo/" class="tag__chip">
+            <span class="hastag">#</span>Odoo
+          </a>
+          
+          <a href="/de/tags/erp/" class="tag__chip">
+            <span class="hastag">#</span>ERP
+          </a>
+          
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
+            <span class="hastag">#</span>Cattle Farm
+          </a>
+          
+          <a href="/de/tags/paraguay/" class="tag__chip">
+            <span class="hastag">#</span>Paraguay
+          </a>
+          
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
+            <span class="hastag">#</span>Digital Transformation
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >10.06.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">2 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Estancia Agape</time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/digital-transformation/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Digital Transformation on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/digital-transformation/</link>
+    <description>Recent content in Digital Transformation on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/digital-transformation/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
+      <link>http://localhost:1313/de/stories/agape/</link>
+      <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/erp/index.html

@@ -1,300 +1,234 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>ERP | </title>
+  <title>ERP | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article>      <article class="story__card">
-    </div>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-</section>
+        alt="Transforming Our Cattle Farm with Odoo Community"
-
+        data-pagefind-index-attrs="title,alt"
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+        class="story__coverImg"
-<dialog class="story_dialog">
+        loading="lazy"
-  <button id="closeStoryModal" autofocus>Close</button>
+      />
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+      <div class="story__card__details">
-</dialog>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-
+        </a>
-<section class="story__grid">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-   
+
-  <article class="story__card">
+        <div class="card__tags_categories">
-
+          
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+          <a href="/de/categories/farm/" class="category__chip">
-    <div class="story__card__details">
+            Farm
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+          </a>
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+          
-      </a>
+          <a href="/de/categories/0-5/" class="category__chip">
-      <p class="card__description">
+            0-5
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+          </a>
-      </p>
+           
-
+          <a href="/de/tags/odoo/" class="tag__chip">
-      <div class="card__tags_categories">
+            <span class="hastag">#</span>Odoo
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          IT
+          <a href="/de/tags/erp/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>ERP
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          5-10
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>Cattle Farm
-        
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/paraguay/" class="tag__chip">
-          <span class="hastag">#</span>Odoo
+            <span class="hastag">#</span>Paraguay
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-          <span class="hastag">#</span>ERP
+            <span class="hastag">#</span>Digital Transformation
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+        </div>
-          <span class="hastag">#</span>Community
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        <a href="" class="tag__chip">
+          <div class="publish__date">
-          <span class="hastag">#</span>IT
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </a>
+            <time datetime=""
-        
+              >10.06.2025</time
-
+            >
-      </div>
+          </div>
-<div class="publish__date__timeToRead">
+
-
+          
-  <div class="publish__date">
+          <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-    <time datetime="">10.06.2025</time>
+            <time datetime="">2 Minuten zum Lesen </time>
-  </div>
+          </div>
-
+        </div>
-  
+        
-  <div class="publish__date">
+        <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    <time datetime="">2 Minuten zum Lesen </time>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</div>
+      </div>
-
+    </article> 
-  
+</section>
-  <div class="publish__date">
+</main>
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+    <div id="story-modal">
-    <time datetime=""></time>
+  <button id="close-modal">✕</button>
-  </div>
+  <div id="modal-content">Loading...</div>
-    </div>
+</div>
-  </article>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  
+<script src="/js/main.js"></script>
-  <article class="story__card">
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <div class="story__card__details">
+  });
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+</script>
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+
-      </a>
+<script>
-      <p class="card__description">
+  const dialog = document.querySelector("dialog");
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+  const showButton = document.getElementById("createStoryBtn");
-      </p>
+  const closeButton = document.getElementById("closeStoryModal");
-
+
-      <div class="card__tags_categories">
+  
-        
+  showButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.showModal();
-          Farm
+  });
-        </a>
+
-        
+  
-        <a href="" class="category__chip">
+  closeButton.addEventListener("click", () => {
-          0-5
+    dialog.close();
-        </a>
+  });
-        
+</script>
-        
+
-        <a href="" class="tag__chip">
+  </body>
-          <span class="hastag">#</span>Odoo
+</html>
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/tags/erp/index.xml

@@ -1,26 +1,26 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>ERP on </title>
+    <title>ERP on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/erp/</link>
+    <link>http://localhost:1313/de/tags/erp/</link>
-    <description>Recent content in ERP on </description>
+    <description>Recent content in ERP on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/erp/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/erp/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/tags/index.html

@@ -1,300 +1,377 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Tags | </title>
+  <title>Tags | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src=""
-  <div class="tags_categories">
+        alt="Cattle Farm"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/tags/cattle-farm/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Cattle Farm</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/de/%20/categories/5-10/">5-10</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/de/%20/categories/farm/">farm</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >10.06.2025</time
-        <li class="chip">
+            >
-          <a href="/de/%20/categories/it/">it</a>
+          </div>
-        </li>
+
-        
+          
-      </ul>
+          <div class="publish__date">
-    </div>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-
+            <time datetime="">0 Minuten zum Lesen </time>
-    <div class="tags_list">
+          </div>
-
+        </div>
-      <h3 class="">
+        
-        <img src="/icons/hastag.svg" alt="" class="">
+        <div class="publish__date">
-        Schlagworte
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-      </h3>
+          <time datetime=""></time>
-      <ul>
+        </div>
-        
+      </div>
-        <li class="chip">
+    </article>      <article class="story__card">
-          <a href="/de/%20/tags/community/">community</a>
+      <img
-        </li>
+        src=""
-        
+        alt="Community"
-        <li class="chip">
+        data-pagefind-index-attrs="title,alt"
-          <a href="/de/%20/tags/erp/">erp</a>
+        class="story__coverImg"
-        </li>
+        loading="lazy"
-        
+      />
-        <li class="chip">
+      <div class="story__card__details">
-          <a href="/de/%20/tags/it/">it</a>
+        <a data-story-url="/de/tags/community/" class="open-modal">
-        </li>
+          <h4 class="card__title">Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/de/%20/tags/odoo/">odoo</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >10.06.2025</time
-      </ul>
+            >
-    </div>
+          </div>
-  </div>
+
-</section>
+          
-
+          <div class="publish__date">
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-<dialog class="story_dialog">
+            <time datetime="">0 Minuten zum Lesen </time>
-  <button id="closeStoryModal" autofocus>Close</button>
+          </div>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+        </div>
-</dialog>
+        
-
+        <div class="publish__date">
-
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-<section class="story__grid">
+          <time datetime=""></time>
-   
+        </div>
-  <article class="story__card">
+      </div>
-
+    </article>      <article class="story__card">
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+      <img
-    <div class="story__card__details">
+        src=""
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+        alt="Digital Transformation"
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+        data-pagefind-index-attrs="title,alt"
-      </a>
+        class="story__coverImg"
-      <p class="card__description">
+        loading="lazy"
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+      />
-      </p>
+      <div class="story__card__details">
-
+        <a data-story-url="/de/tags/digital-transformation/" class="open-modal">
-      <div class="card__tags_categories">
+          <h4 class="card__title">Digital Transformation</h4>
-        
+        </a>
-        <a href="" class="category__chip">
+        <p class="card__description"></p>
-          IT
+
-        </a>
+        <div class="card__tags_categories">
-        
+           
-        <a href="" class="category__chip">
+        </div>
-          5-10
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Odoo
+            <time datetime=""
-        </a>
+              >10.06.2025</time
-        
+            >
-        <a href="" class="tag__chip">
+          </div>
-          <span class="hastag">#</span>ERP
+
-        </a>
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Community
+            <time datetime="">0 Minuten zum Lesen </time>
-        </a>
+          </div>
-        
+        </div>
-        <a href="" class="tag__chip">
+        
-          <span class="hastag">#</span>IT
+        <div class="publish__date">
-        </a>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-        
+          <time datetime=""></time>
-
+        </div>
-      </div>
+      </div>
-<div class="publish__date__timeToRead">
+    </article>      <article class="story__card">
-
+      <img
-  <div class="publish__date">
+        src=""
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+        alt="ERP"
-    <time datetime="">10.06.2025</time>
+        data-pagefind-index-attrs="title,alt"
-  </div>
+        class="story__coverImg"
-
+        loading="lazy"
-  
+      />
-  <div class="publish__date">
+      <div class="story__card__details">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+        <a data-story-url="/de/tags/erp/" class="open-modal">
-    <time datetime="">2 Minuten zum Lesen </time>
+          <h4 class="card__title">ERP</h4>
-  </div>
+        </a>
-</div>
+        <p class="card__description"></p>
-
+
-  
+        <div class="card__tags_categories">
-  <div class="publish__date">
+           
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+        </div>
-    <time datetime=""></time>
+
-  </div>
+        <div class="publish__date__timeToRead">
-    </div>
+          
-  </article>
+          <div class="publish__date">
-  
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-  <article class="story__card">
+            <time datetime=""
-
+              >10.06.2025</time
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+            >
-    <div class="story__card__details">
+          </div>
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+          
-      </a>
+          <div class="publish__date">
-      <p class="card__description">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+            <time datetime="">0 Minuten zum Lesen </time>
-      </p>
+          </div>
-
+        </div>
-      <div class="card__tags_categories">
+        
-        
+        <div class="publish__date">
-        <a href="" class="category__chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          Farm
+          <time datetime=""></time>
-        </a>
+        </div>
-        
+      </div>
-        <a href="" class="category__chip">
+    </article>      <article class="story__card">
-          0-5
+      <img
-        </a>
+        src=""
-        
+        alt="IT"
-        
+        data-pagefind-index-attrs="title,alt"
-        <a href="" class="tag__chip">
+        class="story__coverImg"
-          <span class="hastag">#</span>Odoo
+        loading="lazy"
-        </a>
+      />
-        
+      <div class="story__card__details">
-        <a href="" class="tag__chip">
+        <a data-story-url="/de/tags/it/" class="open-modal">
-          <span class="hastag">#</span>ERP
+          <h4 class="card__title">IT</h4>
-        </a>
+        </a>
-        
+        <p class="card__description"></p>
-        <a href="" class="tag__chip">
+
-          <span class="hastag">#</span>Rinderfarm
+        <div class="card__tags_categories">
-        </a>
+           
-        
+        </div>
-        <a href="" class="tag__chip">
+
-          <span class="hastag">#</span>Paraguay
+        <div class="publish__date__timeToRead">
-        </a>
+          
-        
+          <div class="publish__date">
-
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-      </div>
+            <time datetime=""
-<div class="publish__date__timeToRead">
+              >10.06.2025</time
-
+            >
-  <div class="publish__date">
+          </div>
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+
-    <time datetime="">10.06.2025</time>
+          
-  </div>
+          <div class="publish__date">
-
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-  
+            <time datetime="">0 Minuten zum Lesen </time>
-  <div class="publish__date">
+          </div>
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+        </div>
-    <time datetime="">2 Minuten zum Lesen </time>
+        
-  </div>
+        <div class="publish__date">
-</div>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-
+          <time datetime=""></time>
-  
+        </div>
-  <div class="publish__date">
+      </div>
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+    </article>      <article class="story__card">
-    <time datetime=""></time>
+      <img
-  </div>
+        src=""
-    </div>
+        alt="Odoo"
-  </article>
+        data-pagefind-index-attrs="title,alt"
-  
+        class="story__coverImg"
-</section>
+        loading="lazy"
-</main>
+      />
-
+      <div class="story__card__details">
-    <script src="/pagefind/pagefind-ui.js"></script>
+        <a data-story-url="/de/tags/odoo/" class="open-modal">
-<script>
+          <h4 class="card__title">Odoo</h4>
-  window.addEventListener("DOMContentLoaded", (event) => {
+        </a>
-    new PagefindUI({ element: "#search", showSubResults: true });
+        <p class="card__description"></p>
-  });
+
-</script>
+        <div class="card__tags_categories">
-
+           
-<script>
+        </div>
-  const dialog = document.querySelector("dialog");
+
-  const showButton = document.getElementById("createStoryBtn");
+        <div class="publish__date__timeToRead">
-  const closeButton = document.getElementById("closeStoryModal");
+          
-
+          <div class="publish__date">
-  
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-  showButton.addEventListener("click", () => {
+            <time datetime=""
-    dialog.showModal();
+              >10.06.2025</time
-  });
+            >
-
+          </div>
-  
+
-  closeButton.addEventListener("click", () => {
+          
-    dialog.close();
+          <div class="publish__date">
-  });
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-</script>
+            <time datetime="">0 Minuten zum Lesen </time>
-
+          </div>
-  </body>
+        </div>
-</html>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article>      <article class="story__card">
+      <img
+        src=""
+        alt="Paraguay"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/tags/paraguay/" class="open-modal">
+          <h4 class="card__title">Paraguay</h4>
+        </a>
+        <p class="card__description"></p>
+
+        <div class="card__tags_categories">
+           
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >10.06.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">0 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/index.xml

@@ -1,53 +1,60 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Tags on </title>
+    <title>Tags on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/</link>
+    <link>http://localhost:1313/de/tags/</link>
-    <description>Recent content in Tags on </description>
+    <description>Recent content in Tags on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Cattle Farm</title>
+      <link>http://localhost:1313/de/tags/cattle-farm/</link>
+      <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/tags/cattle-farm/</guid>
+      <description></description>
+    </item>
     <item>
       <title>Community</title>
-      <link>https://success.odoo4projects.com/de/tags/community/</link>
+      <link>http://localhost:1313/de/tags/community/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/community/</guid>
+      <guid>http://localhost:1313/de/tags/community/</guid>
+      <description></description>
+    </item>
+    <item>
+      <title>Digital Transformation</title>
+      <link>http://localhost:1313/de/tags/digital-transformation/</link>
+      <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/tags/digital-transformation/</guid>
       <description></description>
     </item>
     <item>
       <title>ERP</title>
-      <link>https://success.odoo4projects.com/de/tags/erp/</link>
+      <link>http://localhost:1313/de/tags/erp/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/erp/</guid>
+      <guid>http://localhost:1313/de/tags/erp/</guid>
       <description></description>
     </item>
     <item>
       <title>IT</title>
-      <link>https://success.odoo4projects.com/de/tags/it/</link>
+      <link>http://localhost:1313/de/tags/it/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/it/</guid>
+      <guid>http://localhost:1313/de/tags/it/</guid>
       <description></description>
     </item>
     <item>
       <title>Odoo</title>
-      <link>https://success.odoo4projects.com/de/tags/odoo/</link>
+      <link>http://localhost:1313/de/tags/odoo/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/odoo/</guid>
+      <guid>http://localhost:1313/de/tags/odoo/</guid>
       <description></description>
     </item>
     <item>
       <title>Paraguay</title>
-      <link>https://success.odoo4projects.com/de/tags/paraguay/</link>
+      <link>http://localhost:1313/de/tags/paraguay/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/paraguay/</guid>
+      <guid>http://localhost:1313/de/tags/paraguay/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Rinderfarm</title>
-      <link>https://success.odoo4projects.com/de/tags/rinderfarm/</link>
-      <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/tags/rinderfarm/</guid>
       <description></description>
     </item>
   </channel>

public/de/tags/it/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>IT | </title>
+  <title>IT | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/tags/it/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>IT on </title>
+    <title>IT on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/it/</link>
+    <link>http://localhost:1313/de/tags/it/</link>
-    <description>Recent content in IT on </description>
+    <description>Recent content in IT on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/it/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/it/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/de/tags/odoo/index.html

@@ -1,300 +1,234 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Odoo | </title>
+  <title>Odoo | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/it/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/5-10/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article>      <article class="story__card">
-    </div>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-</section>
+        alt="Transforming Our Cattle Farm with Odoo Community"
-
+        data-pagefind-index-attrs="title,alt"
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+        class="story__coverImg"
-<dialog class="story_dialog">
+        loading="lazy"
-  <button id="closeStoryModal" autofocus>Close</button>
+      />
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+      <div class="story__card__details">
-</dialog>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-
+        </a>
-<section class="story__grid">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-   
+
-  <article class="story__card">
+        <div class="card__tags_categories">
-
+          
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+          <a href="/de/categories/farm/" class="category__chip">
-    <div class="story__card__details">
+            Farm
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+          </a>
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+          
-      </a>
+          <a href="/de/categories/0-5/" class="category__chip">
-      <p class="card__description">
+            0-5
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+          </a>
-      </p>
+           
-
+          <a href="/de/tags/odoo/" class="tag__chip">
-      <div class="card__tags_categories">
+            <span class="hastag">#</span>Odoo
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          IT
+          <a href="/de/tags/erp/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>ERP
-        
+          </a>
-        <a href="" class="category__chip">
+          
-          5-10
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-        </a>
+            <span class="hastag">#</span>Cattle Farm
-        
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/paraguay/" class="tag__chip">
-          <span class="hastag">#</span>Odoo
+            <span class="hastag">#</span>Paraguay
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-          <span class="hastag">#</span>ERP
+            <span class="hastag">#</span>Digital Transformation
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+        </div>
-          <span class="hastag">#</span>Community
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        <a href="" class="tag__chip">
+          <div class="publish__date">
-          <span class="hastag">#</span>IT
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </a>
+            <time datetime=""
-        
+              >10.06.2025</time
-
+            >
-      </div>
+          </div>
-<div class="publish__date__timeToRead">
+
-
+          
-  <div class="publish__date">
+          <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-    <time datetime="">10.06.2025</time>
+            <time datetime="">2 Minuten zum Lesen </time>
-  </div>
+          </div>
-
+        </div>
-  
+        
-  <div class="publish__date">
+        <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    <time datetime="">2 Minuten zum Lesen </time>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</div>
+      </div>
-
+    </article> 
-  
+</section>
-  <div class="publish__date">
+</main>
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+    <div id="story-modal">
-    <time datetime=""></time>
+  <button id="close-modal">✕</button>
-  </div>
+  <div id="modal-content">Loading...</div>
-    </div>
+</div>
-  </article>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  
+<script src="/js/main.js"></script>
-  <article class="story__card">
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <div class="story__card__details">
+  });
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+</script>
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
+
-      </a>
+<script>
-      <p class="card__description">
+  const dialog = document.querySelector("dialog");
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
+  const showButton = document.getElementById("createStoryBtn");
-      </p>
+  const closeButton = document.getElementById("closeStoryModal");
-
+
-      <div class="card__tags_categories">
+  
-        
+  showButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.showModal();
-          Farm
+  });
-        </a>
+
-        
+  
-        <a href="" class="category__chip">
+  closeButton.addEventListener("click", () => {
-          0-5
+    dialog.close();
-        </a>
+  });
-        
+</script>
-        
+
-        <a href="" class="tag__chip">
+  </body>
-          <span class="hastag">#</span>Odoo
+</html>
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/tags/odoo/index.xml

@@ -1,26 +1,26 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Odoo on </title>
+    <title>Odoo on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/odoo/</link>
+    <link>http://localhost:1313/de/tags/odoo/</link>
-    <description>Recent content in Odoo on </description>
+    <description>Recent content in Odoo on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/odoo/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/odoo/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/odoo4projects/</link>
+      <link>http://localhost:1313/de/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/de/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Bei &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt; sind wir darauf spezialisiert, Unternehmen beim Erfolg mit Open-Source-ERP zu unterstützen. Aber wir betreiben auch unsere eigenen Dienste auf derselben Plattform - und deshalb haben wir uns dafür entschieden, unsere &lt;strong&gt;gesamte Cloud-ERP-Hosting-Infrastruktur mit Odoo Community V17&lt;/strong&gt; zu bauen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo-community&#34;&gt;Warum Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;Wir wollten testen, wie weit Odoo Community gehen kann - und es hat uns nicht enttäuscht.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% Open-Source, keine Lizenzgebühren&lt;/li&gt;&#xA;&lt;li&gt;Hochgradig an spezifische Einsatzfälle anpassbar&lt;/li&gt;&#xA;&lt;li&gt;Starkes internationales Community-Support&lt;/li&gt;&#xA;&lt;li&gt;Klarer Upgrade-Pfad und modulares Design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Unser Ziel war nicht nur, Odoo zu nutzen, sondern &lt;strong&gt;die Grenzen dessen zu erweitern, was mit der Community Edition möglich ist&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/tags/paraguay/index.html

@@ -1,300 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="de">
+<html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Paraguay | </title>
+  <title>Paraguay | diese Story-Site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">de</button>
+    <button class="dropbtn">de</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Echte Odoo-Erfolgsgeschichten – Sehen Sie, wo Odoo glänzt</h1>
+       <article class="story__card">
-    <p class="">Entdecken Sie, wie Unternehmen branchenübergreifend mit Odoo ihre Transformation vorantreiben – von der Bestandsoptimierung über die Vertriebsautomatisierung bis hin zur Skalierung von Abläufen. Dies sind Beispiele aus der Praxis, die zeigen, wie Odoo überzeugt. 💡 Nutzen Sie Odoo? Teilen Sie Ihre Erfolgsgeschichte und werden Sie vorgestellt – mit einem Dofollow-Backlink zu Ihrer Website als Dankeschön. Das bedeutet kostenlose Präsenz und hervorragende SEO.</p>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-  <div class="tags_categories">
+        alt="Transforming Our Cattle Farm with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        Kategorien
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/de/stories/agape/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-          <a href="/de/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/de/categories/farm/" class="category__chip">
-          <a href="/de/%20/categories/5-10/">5-10</a>
+            Farm
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/de/categories/0-5/" class="category__chip">
-          <a href="/de/%20/categories/farm/">farm</a>
+            0-5
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/de/tags/odoo/" class="tag__chip">
-          <a href="/de/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/de/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/de/tags/cattle-farm/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Cattle Farm
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        Schlagworte
+          
-      </h3>
+          <a href="/de/tags/paraguay/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>Paraguay
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/community/">community</a>
+          <a href="/de/tags/digital-transformation/" class="tag__chip">
-        </li>
+            <span class="hastag">#</span>Digital Transformation
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/de/%20/tags/erp/">erp</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/de/%20/tags/it/">it</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >10.06.2025</time
-          <a href="/de/%20/tags/odoo/">odoo</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/de/%20/tags/paraguay/">paraguay</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 Minuten zum Lesen </time>
-        <li class="chip">
+          </div>
-          <a href="/de/%20/tags/rinderfarm/">rinderfarm</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-      </ul>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    </div>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</section>
+      </div>
-
+    </article> 
-<button class="story-btn" id="createStoryBtn">Senden Sie hier Ihre Erfolgsgeschichte</button>
+</section>
-<dialog class="story_dialog">
+</main>
-  <button id="closeStoryModal" autofocus>Close</button>
+    <div id="story-modal">
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+  <button id="close-modal">✕</button>
-</dialog>
+  <div id="modal-content">Loading...</div>
-
+</div>
-
+ <script src="/pagefind/pagefind-ui.js"></script>
-<section class="story__grid">
+<script src="/js/main.js"></script>
-   
+<script>
-  <article class="story__card">
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
+  });
-    <div class="story__card__details">
+</script>
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+
-        <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
+<script>
-      </a>
+  const dialog = document.querySelector("dialog");
-      <p class="card__description">
+  const showButton = document.getElementById("createStoryBtn");
-        Wie wir Odoo Community V17 genutzt haben, um maßgeschneiderte ERP-Lösungen für Kunden weltweit zu erstellen und zu hosten
+  const closeButton = document.getElementById("closeStoryModal");
-      </p>
+
-
+  
-      <div class="card__tags_categories">
+  showButton.addEventListener("click", () => {
-        
+    dialog.showModal();
-        <a href="" class="category__chip">
+  });
-          IT
+
-        </a>
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          5-10
+  });
-        </a>
+</script>
-        
+
-        
+  </body>
-        <a href="" class="tag__chip">
+</html>
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
-        <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        Wie Odoo Community geholfen hat, die Abläufe in drei Farmstandorten in Paraguay zu optimieren
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Rinderfarm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">10.06.2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 Minuten zum Lesen </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/de/tags/paraguay/index.xml

@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Paraguay on </title>
+    <title>Paraguay on diese Story-Site</title>
-    <link>https://success.odoo4projects.com/de/tags/paraguay/</link>
+    <link>http://localhost:1313/de/tags/paraguay/</link>
-    <description>Recent content in Paraguay on </description>
+    <description>Recent content in Paraguay on diese Story-Site</description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/paraguay/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/paraguay/index.xml" rel="self" type="application/rss+xml" />
     <item>
-      <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
+      <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
-      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
+      <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>
 </rss>

public/de/tags/rinderfarm/index.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="de">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Rinderfarm | </title>
@@ -150,7 +150,7 @@
 
     <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Aufbau eines Cloud-ERP-Dienstes mit Odoo Community" class="story__coverImg" loading="lazy">
     <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/odoo4projects/" target="_self">
+      <a href="http://localhost:1313/de/stories/odoo4projects/" target="_self">
         <h4 class="card__title">Aufbau eines Cloud-ERP-Dienstes mit Odoo Community</h4>
       </a>
       <p class="card__description">
@@ -212,7 +212,7 @@
 
     <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Umgestaltung unserer Rinderfarm mit Odoo Community" class="story__coverImg" loading="lazy">
     <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/de/stories/agape/" target="_self">
+      <a href="http://localhost:1313/de/stories/agape/" target="_self">
         <h4 class="card__title">Umgestaltung unserer Rinderfarm mit Odoo Community</h4>
       </a>
       <p class="card__description">

public/de/tags/rinderfarm/index.xml

@@ -2,17 +2,17 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Rinderfarm on </title>
-    <link>https://success.odoo4projects.com/de/tags/rinderfarm/</link>
+    <link>http://localhost:1313/de/tags/rinderfarm/</link>
     <description>Recent content in Rinderfarm on </description>
     <generator>Hugo</generator>
     <language>de</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/de/tags/rinderfarm/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/de/tags/rinderfarm/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Umgestaltung unserer Rinderfarm mit Odoo Community</title>
-      <link>https://success.odoo4projects.com/de/stories/agape/</link>
+      <link>http://localhost:1313/de/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/de/stories/agape/</guid>
+      <guid>http://localhost:1313/de/stories/agape/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Eine Rinderfarm in Paraguay zu betreiben, stellt uns vor einzigartige Herausforderungen - besonders wenn man Abläufe in &lt;strong&gt;dreien unterschiedlichen Standorten&lt;/strong&gt; verwaltet. Bei &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt; war unser Ziel immer, in der Tradition verwurzelt zu bleiben und gleichzeitig Innovationen zu nutzen, um nachhaltig und effizient zu wachsen. Deshalb haben wir uns für &lt;strong&gt;Odoo Community&lt;/strong&gt; entschieden, und die Ergebnisse haben unsere Erwartungen übertroffen.&lt;/p&gt;&#xA;&lt;h2 id=&#34;warum-odoo&#34;&gt;Warum Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;Wir haben verschiedene Systeme geprüft, bevor wir uns für Odoo Community entschieden haben. Die Gründe waren klar:&lt;/p&gt;</description>
     </item>
   </channel>

public/de/tags/southeast-asia/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Southeast Asia | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/southeast-asia/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Southeast Asia on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/southeast-asia/</link>
+    <description>Recent content in Southeast Asia on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/southeast-asia/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/thailand/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Thailand | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/thailand/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Thailand on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/thailand/</link>
+    <description>Recent content in Thailand on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/thailand/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/de/tags/vietnam/index.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Vietnam | diese Story-Site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">de</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/de/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/de/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/de/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/de/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/de/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/de/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/de/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/de/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >15.04.2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 Minuten zum Lesen </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime=""></time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/de/tags/vietnam/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Vietnam on diese Story-Site</title>
+    <link>http://localhost:1313/de/tags/vietnam/</link>
+    <description>Recent content in Vietnam on diese Story-Site</description>
+    <generator>Hugo</generator>
+    <language>de</language>
+    <lastBuildDate>Tue, 15 Apr 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/de/tags/vietnam/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/de/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/de/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/en/authors/index.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Authors | this story site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>ODOO Community Success Stories sponsored by </h2>
+
+
+
+<a href="http://ODOO4projects.com" style="
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+    background-color: white;
+    color: orange;
+    border: 2px solid orange;
+    text-decoration: none;
+    padding: 16px 24px;
+    border-radius: 10px;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 1.3;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    transition: all 0.3s ease;
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <span style="display: inline-block;">
+      Launch your ODOO Project now!
+    </span>
+
+  </a>
+
+
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">en</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+  
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/en/authors/index.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Authors on this story site</title>
+    <link>http://localhost:1313/en/authors/</link>
+    <description>Recent content in Authors on this story site</description>
+    <generator>Hugo</generator>
+    <language>en</language>
+    <atom:link href="http://localhost:1313/en/authors/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/en/categories/0-5/index.html

@@ -1,300 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>0-5 | </title>
+  <title>0-5 | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+       <article class="story__card">
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-  <div class="tags_categories">
+        alt="Transforming Our Cattle Farm with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        categories
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/en/stories/agape/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-          <a href="/en/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/en/categories/farm/" class="category__chip">
-          <a href="/en/%20/categories/5-10/">5-10</a>
+            Farm
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/en/categories/0-5/" class="category__chip">
-          <a href="/en/%20/categories/farm/">farm</a>
+            0-5
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/en/tags/odoo/" class="tag__chip">
-          <a href="/en/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/en/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/en/tags/cattle-farm/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Cattle Farm
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        tags
+          
-      </h3>
+          <a href="/en/tags/paraguay/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>Paraguay
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+          <a href="/en/tags/digital-transformation/" class="tag__chip">
-        </li>
+            <span class="hastag">#</span>Digital Transformation
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/en/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >Jun 10, 2025</time
-          <a href="/en/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/en/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 minutes to read </time>
-        <li class="chip">
+          </div>
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-      </ul>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    </div>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</section>
+      </div>
-
+    </article> 
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+</section>
-<dialog class="story_dialog">
+</main>
-  <button id="closeStoryModal" autofocus>Close</button>
+    <div id="story-modal">
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+  <button id="close-modal">✕</button>
-</dialog>
+  <div id="modal-content">Loading...</div>
-
+</div>
-
+ <script src="/pagefind/pagefind-ui.js"></script>
-<section class="story__grid">
+<script src="/js/main.js"></script>
-   
+<script>
-  <article class="story__card">
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+  });
-    <div class="story__card__details">
+</script>
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+<script>
-      </a>
+  const dialog = document.querySelector("dialog");
-      <p class="card__description">
+  const showButton = document.getElementById("createStoryBtn");
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+  const closeButton = document.getElementById("closeStoryModal");
-      </p>
+
-
+  
-      <div class="card__tags_categories">
+  showButton.addEventListener("click", () => {
-        
+    dialog.showModal();
-        <a href="" class="category__chip">
+  });
-          IT
+
-        </a>
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          5-10
+  });
-        </a>
+</script>
-        
+
-        
+  </body>
-        <a href="" class="tag__chip">
+</html>
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Cattle Farm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/en/categories/0-5/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>0-5 on </title>
+    <title>0-5 on this story site</title>
-    <link>https://success.odoo4projects.com/en/categories/0-5/</link>
+    <link>http://localhost:1313/en/categories/0-5/</link>
-    <description>Recent content in 0-5 on </description>
+    <description>Recent content in 0-5 on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/categories/0-5/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/categories/0-5/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/agape/</link>
+      <link>http://localhost:1313/en/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/agape/</guid>
+      <guid>http://localhost:1313/en/stories/agape/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/en/categories/5-10/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>5-10 | </title>
+  <title>5-10 | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+       <article class="story__card">
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Building a Cloud ERP Service with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        categories
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/en/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide</p>
-          <a href="/en/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/en/categories/it/" class="category__chip">
-          <a href="/en/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/en/categories/5-10/" class="category__chip">
-          <a href="/en/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/en/tags/odoo/" class="tag__chip">
-          <a href="/en/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/en/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/en/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        tags
+          
-      </h3>
+          <a href="/en/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/en/%20/tags/community/">community</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >Jun 10, 2025</time
-          <a href="/en/%20/tags/erp/">erp</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/en/%20/tags/it/">it</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 minutes to read </time>
-        <li class="chip">
+          </div>
-          <a href="/en/%20/tags/odoo/">odoo</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Cattle Farm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/en/categories/5-10/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>5-10 on </title>
+    <title>5-10 on this story site</title>
-    <link>https://success.odoo4projects.com/en/categories/5-10/</link>
+    <link>http://localhost:1313/en/categories/5-10/</link>
-    <description>Recent content in 5-10 on </description>
+    <description>Recent content in 5-10 on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/categories/5-10/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/categories/5-10/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Building a Cloud ERP Service with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/odoo4projects/</link>
+      <link>http://localhost:1313/en/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/en/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;At &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt;, we specialize in helping businesses succeed with open-source ERP. But we also run our own services on the very same platform — and that’s why we chose to build our &lt;strong&gt;entire cloud ERP hosting infrastructure using Odoo Community V17&lt;/strong&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo-community&#34;&gt;Why Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;We wanted to test how far Odoo Community could go — and it hasn’t let us down.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% open-source, no license fees&lt;/li&gt;&#xA;&lt;li&gt;Highly customizable for specific use cases&lt;/li&gt;&#xA;&lt;li&gt;Strong international community support&lt;/li&gt;&#xA;&lt;li&gt;Clear upgrade path and modular design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Our objective was not just to use Odoo, but to &lt;strong&gt;push the limits of what’s possible with Community Edition&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/en/categories/farm/index.html

@@ -1,300 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Farm | </title>
+  <title>Farm | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+       <article class="story__card">
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+      <img
-  </div>
+        src="/images/blog-thumbnail.png"
-  <div class="tags_categories">
+        alt="Transforming Our Cattle Farm with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        categories
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/en/stories/agape/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-          <a href="/en/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/en/categories/farm/" class="category__chip">
-          <a href="/en/%20/categories/5-10/">5-10</a>
+            Farm
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/en/categories/0-5/" class="category__chip">
-          <a href="/en/%20/categories/farm/">farm</a>
+            0-5
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/en/tags/odoo/" class="tag__chip">
-          <a href="/en/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/en/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/en/tags/cattle-farm/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Cattle Farm
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        tags
+          
-      </h3>
+          <a href="/en/tags/paraguay/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>Paraguay
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+          <a href="/en/tags/digital-transformation/" class="tag__chip">
-        </li>
+            <span class="hastag">#</span>Digital Transformation
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/community/">community</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/en/%20/tags/erp/">erp</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >Jun 10, 2025</time
-          <a href="/en/%20/tags/it/">it</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/en/%20/tags/odoo/">odoo</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 minutes to read </time>
-        <li class="chip">
+          </div>
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-      </ul>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    </div>
+          <time datetime="">Estancia Agape</time>
-  </div>
+        </div>
-</section>
+      </div>
-
+    </article> 
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+</section>
-<dialog class="story_dialog">
+</main>
-  <button id="closeStoryModal" autofocus>Close</button>
+    <div id="story-modal">
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+  <button id="close-modal">✕</button>
-</dialog>
+  <div id="modal-content">Loading...</div>
-
+</div>
-
+ <script src="/pagefind/pagefind-ui.js"></script>
-<section class="story__grid">
+<script src="/js/main.js"></script>
-   
+<script>
-  <article class="story__card">
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+  });
-    <div class="story__card__details">
+</script>
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+<script>
-      </a>
+  const dialog = document.querySelector("dialog");
-      <p class="card__description">
+  const showButton = document.getElementById("createStoryBtn");
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+  const closeButton = document.getElementById("closeStoryModal");
-      </p>
+
-
+  
-      <div class="card__tags_categories">
+  showButton.addEventListener("click", () => {
-        
+    dialog.showModal();
-        <a href="" class="category__chip">
+  });
-          IT
+
-        </a>
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          5-10
+  });
-        </a>
+</script>
-        
+
-        
+  </body>
-        <a href="" class="tag__chip">
+</html>
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Cattle Farm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/en/categories/farm/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Farm on </title>
+    <title>Farm on this story site</title>
-    <link>https://success.odoo4projects.com/en/categories/farm/</link>
+    <link>http://localhost:1313/en/categories/farm/</link>
-    <description>Recent content in Farm on </description>
+    <description>Recent content in Farm on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/categories/farm/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/categories/farm/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/agape/</link>
+      <link>http://localhost:1313/en/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/agape/</guid>
+      <guid>http://localhost:1313/en/stories/agape/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/en/categories/index.html

@@ -1,300 +1,260 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Categories | </title>
+  <title>Categories | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+       <article class="story__card">
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+      <img
-  </div>
+        src=""
-  <div class="tags_categories">
+        alt="0-5"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        categories
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/en/categories/0-5/" class="open-modal">
-      <ul>
+          <h4 class="card__title">0-5</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/en/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/en/%20/categories/5-10/">5-10</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/en/%20/categories/farm/">farm</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >Jun 10, 2025</time
-        <li class="chip">
+            >
-          <a href="/en/%20/categories/it/">it</a>
+          </div>
-        </li>
+
-        
+          
-      </ul>
+          <div class="publish__date">
-    </div>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-
+            <time datetime="">0 minutes to read </time>
-    <div class="tags_list">
+          </div>
-
+        </div>
-      <h3 class="">
+        
-        <img src="/icons/hastag.svg" alt="" class="">
+        <div class="publish__date">
-        tags
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-      </h3>
+          <time datetime=""></time>
-      <ul>
+        </div>
-        
+      </div>
-        <li class="chip">
+    </article>      <article class="story__card">
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+      <img
-        </li>
+        src=""
-        
+        alt="5-10"
-        <li class="chip">
+        data-pagefind-index-attrs="title,alt"
-          <a href="/en/%20/tags/community/">community</a>
+        class="story__coverImg"
-        </li>
+        loading="lazy"
-        
+      />
-        <li class="chip">
+      <div class="story__card__details">
-          <a href="/en/%20/tags/erp/">erp</a>
+        <a data-story-url="/en/categories/5-10/" class="open-modal">
-        </li>
+          <h4 class="card__title">5-10</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description"></p>
-          <a href="/en/%20/tags/it/">it</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+           
-        <li class="chip">
+        </div>
-          <a href="/en/%20/tags/odoo/">odoo</a>
+
-        </li>
+        <div class="publish__date__timeToRead">
-        
+          
-        <li class="chip">
+          <div class="publish__date">
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        </li>
+            <time datetime=""
-        
+              >Jun 10, 2025</time
-      </ul>
+            >
-    </div>
+          </div>
-  </div>
+
-</section>
+          
-
+          <div class="publish__date">
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-<dialog class="story_dialog">
+            <time datetime="">0 minutes to read </time>
-  <button id="closeStoryModal" autofocus>Close</button>
+          </div>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+        </div>
-</dialog>
+        
-
+        <div class="publish__date">
-
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-<section class="story__grid">
+          <time datetime=""></time>
-   
+        </div>
-  <article class="story__card">
+      </div>
-
+    </article>      <article class="story__card">
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+      <img
-    <div class="story__card__details">
+        src=""
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+        alt="Farm"
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+        data-pagefind-index-attrs="title,alt"
-      </a>
+        class="story__coverImg"
-      <p class="card__description">
+        loading="lazy"
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+      />
-      </p>
+      <div class="story__card__details">
-
+        <a data-story-url="/en/categories/farm/" class="open-modal">
-      <div class="card__tags_categories">
+          <h4 class="card__title">Farm</h4>
-        
+        </a>
-        <a href="" class="category__chip">
+        <p class="card__description"></p>
-          IT
+
-        </a>
+        <div class="card__tags_categories">
-        
+           
-        <a href="" class="category__chip">
+        </div>
-          5-10
+
-        </a>
+        <div class="publish__date__timeToRead">
-        
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Odoo
+            <time datetime=""
-        </a>
+              >Jun 10, 2025</time
-        
+            >
-        <a href="" class="tag__chip">
+          </div>
-          <span class="hastag">#</span>ERP
+
-        </a>
+          
-        
+          <div class="publish__date">
-        <a href="" class="tag__chip">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-          <span class="hastag">#</span>Community
+            <time datetime="">0 minutes to read </time>
-        </a>
+          </div>
-        
+        </div>
-        <a href="" class="tag__chip">
+        
-          <span class="hastag">#</span>IT
+        <div class="publish__date">
-        </a>
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-        
+          <time datetime=""></time>
-
+        </div>
-      </div>
+      </div>
-<div class="publish__date__timeToRead">
+    </article>      <article class="story__card">
-
+      <img
-  <div class="publish__date">
+        src=""
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+        alt="IT"
-    <time datetime="">Jun 10, 2025</time>
+        data-pagefind-index-attrs="title,alt"
-  </div>
+        class="story__coverImg"
-
+        loading="lazy"
-  
+      />
-  <div class="publish__date">
+      <div class="story__card__details">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+        <a data-story-url="/en/categories/it/" class="open-modal">
-    <time datetime="">2 minutes to read </time>
+          <h4 class="card__title">IT</h4>
-  </div>
+        </a>
-</div>
+        <p class="card__description"></p>
-
+
-  
+        <div class="card__tags_categories">
-  <div class="publish__date">
+           
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+        </div>
-    <time datetime=""></time>
+
-  </div>
+        <div class="publish__date__timeToRead">
-    </div>
+          
-  </article>
+          <div class="publish__date">
-  
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-  <article class="story__card">
+            <time datetime=""
-
+              >Jun 10, 2025</time
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
+            >
-    <div class="story__card__details">
+          </div>
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
+
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
+          
-      </a>
+          <div class="publish__date">
-      <p class="card__description">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
+            <time datetime="">0 minutes to read </time>
-      </p>
+          </div>
-
+        </div>
-      <div class="card__tags_categories">
+        
-        
+        <div class="publish__date">
-        <a href="" class="category__chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          Farm
+          <time datetime=""></time>
-        </a>
+        </div>
-        
+      </div>
-        <a href="" class="category__chip">
+    </article> 
-          0-5
+</section>
-        </a>
+</main>
-        
+    <div id="story-modal">
-        
+  <button id="close-modal">✕</button>
-        <a href="" class="tag__chip">
+  <div id="modal-content">Loading...</div>
-          <span class="hastag">#</span>Odoo
+</div>
-        </a>
+ <script src="/pagefind/pagefind-ui.js"></script>
-        
+<script src="/js/main.js"></script>
-        <a href="" class="tag__chip">
+<script>
-          <span class="hastag">#</span>ERP
+  window.addEventListener("DOMContentLoaded", (event) => {
-        </a>
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-        
+  });
-        <a href="" class="tag__chip">
+</script>
-          <span class="hastag">#</span>Cattle Farm
+
-        </a>
+<script>
-        
+  const dialog = document.querySelector("dialog");
-        <a href="" class="tag__chip">
+  const showButton = document.getElementById("createStoryBtn");
-          <span class="hastag">#</span>Paraguay
+  const closeButton = document.getElementById("closeStoryModal");
-        </a>
+
-        
+  
-
+  showButton.addEventListener("click", () => {
-      </div>
+    dialog.showModal();
-<div class="publish__date__timeToRead">
+  });
-
+
-  <div class="publish__date">
+  
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+  closeButton.addEventListener("click", () => {
-    <time datetime="">Jun 10, 2025</time>
+    dialog.close();
-  </div>
+  });
-
+</script>
-  
+
-  <div class="publish__date">
+  </body>
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+</html>
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/en/categories/index.xml

@@ -1,39 +1,39 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Categories on </title>
+    <title>Categories on this story site</title>
-    <link>https://success.odoo4projects.com/en/categories/</link>
+    <link>http://localhost:1313/en/categories/</link>
-    <description>Recent content in Categories on </description>
+    <description>Recent content in Categories on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/categories/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/categories/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>0-5</title>
-      <link>https://success.odoo4projects.com/en/categories/0-5/</link>
+      <link>http://localhost:1313/en/categories/0-5/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/categories/0-5/</guid>
+      <guid>http://localhost:1313/en/categories/0-5/</guid>
       <description></description>
     </item>
     <item>
       <title>5-10</title>
-      <link>https://success.odoo4projects.com/en/categories/5-10/</link>
+      <link>http://localhost:1313/en/categories/5-10/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/categories/5-10/</guid>
+      <guid>http://localhost:1313/en/categories/5-10/</guid>
       <description></description>
     </item>
     <item>
       <title>Farm</title>
-      <link>https://success.odoo4projects.com/en/categories/farm/</link>
+      <link>http://localhost:1313/en/categories/farm/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/categories/farm/</guid>
+      <guid>http://localhost:1313/en/categories/farm/</guid>
       <description></description>
     </item>
     <item>
       <title>IT</title>
-      <link>https://success.odoo4projects.com/en/categories/it/</link>
+      <link>http://localhost:1313/en/categories/it/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/categories/it/</guid>
+      <guid>http://localhost:1313/en/categories/it/</guid>
       <description></description>
     </item>
   </channel>

public/en/categories/it/index.html

@@ -1,300 +1,167 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>IT | </title>
+  <title>IT | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+
-  <div class="">
+<section class="story__grid">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+       <article class="story__card">
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+      <img
-  </div>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-  <div class="tags_categories">
+        alt="Building a Cloud ERP Service with Odoo Community"
-    <div class="category_list">
+        data-pagefind-index-attrs="title,alt"
-
+        class="story__coverImg"
-      <h3 class="">
+        loading="lazy"
-        <img src="/icons/categories.svg" alt="" class="">
+      />
-        categories
+      <div class="story__card__details">
-      </h3>
+        <a data-story-url="/en/stories/odoo4projects/" class="open-modal">
-      <ul>
+          <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
-        
+        </a>
-        <li class="chip">
+        <p class="card__description">How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide</p>
-          <a href="/en/%20/categories/0-5/">0-5</a>
+
-        </li>
+        <div class="card__tags_categories">
-        
+          
-        <li class="chip">
+          <a href="/en/categories/it/" class="category__chip">
-          <a href="/en/%20/categories/5-10/">5-10</a>
+            IT
-        </li>
+          </a>
-        
+          
-        <li class="chip">
+          <a href="/en/categories/5-10/" class="category__chip">
-          <a href="/en/%20/categories/farm/">farm</a>
+            5-10
-        </li>
+          </a>
-        
+           
-        <li class="chip">
+          <a href="/en/tags/odoo/" class="tag__chip">
-          <a href="/en/%20/categories/it/">it</a>
+            <span class="hastag">#</span>Odoo
-        </li>
+          </a>
-        
+          
-      </ul>
+          <a href="/en/tags/erp/" class="tag__chip">
-    </div>
+            <span class="hastag">#</span>ERP
-
+          </a>
-    <div class="tags_list">
+          
-
+          <a href="/en/tags/community/" class="tag__chip">
-      <h3 class="">
+            <span class="hastag">#</span>Community
-        <img src="/icons/hastag.svg" alt="" class="">
+          </a>
-        tags
+          
-      </h3>
+          <a href="/en/tags/it/" class="tag__chip">
-      <ul>
+            <span class="hastag">#</span>IT
-        
+          </a>
-        <li class="chip">
+          
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+        </div>
-        </li>
+
-        
+        <div class="publish__date__timeToRead">
-        <li class="chip">
+          
-          <a href="/en/%20/tags/community/">community</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-        
+            <time datetime=""
-        <li class="chip">
+              >Jun 10, 2025</time
-          <a href="/en/%20/tags/erp/">erp</a>
+            >
-        </li>
+          </div>
-        
+
-        <li class="chip">
+          
-          <a href="/en/%20/tags/it/">it</a>
+          <div class="publish__date">
-        </li>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-        
+            <time datetime="">2 minutes to read </time>
-        <li class="chip">
+          </div>
-          <a href="/en/%20/tags/odoo/">odoo</a>
+        </div>
-        </li>
+        
-        
+        <div class="publish__date">
-        <li class="chip">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+          <time datetime=""></time>
-        </li>
+        </div>
-        
+      </div>
-      </ul>
+    </article> 
-    </div>
+</section>
-  </div>
+</main>
-</section>
+    <div id="story-modal">
-
+  <button id="close-modal">✕</button>
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+  <div id="modal-content">Loading...</div>
-<dialog class="story_dialog">
+</div>
-  <button id="closeStoryModal" autofocus>Close</button>
+ <script src="/pagefind/pagefind-ui.js"></script>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+<script src="/js/main.js"></script>
-</dialog>
+<script>
-
+  window.addEventListener("DOMContentLoaded", (event) => {
-
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-<section class="story__grid">
+  });
-   
+</script>
-  <article class="story__card">
+
-
+<script>
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+  const dialog = document.querySelector("dialog");
-    <div class="story__card__details">
+  const showButton = document.getElementById("createStoryBtn");
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+  const closeButton = document.getElementById("closeStoryModal");
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+
-      </a>
+  
-      <p class="card__description">
+  showButton.addEventListener("click", () => {
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+    dialog.showModal();
-      </p>
+  });
-
+
-      <div class="card__tags_categories">
+  
-        
+  closeButton.addEventListener("click", () => {
-        <a href="" class="category__chip">
+    dialog.close();
-          IT
+  });
-        </a>
+</script>
-        
+
-        <a href="" class="category__chip">
+  </body>
-          5-10
+</html>
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Community
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>IT
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-  <article class="story__card">
-
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
-    <div class="story__card__details">
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-      </a>
-      <p class="card__description">
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
-      </p>
-
-      <div class="card__tags_categories">
-        
-        <a href="" class="category__chip">
-          Farm
-        </a>
-        
-        <a href="" class="category__chip">
-          0-5
-        </a>
-        
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Odoo
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>ERP
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Cattle Farm
-        </a>
-        
-        <a href="" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
-        </a>
-        
-
-      </div>
-<div class="publish__date__timeToRead">
-
-  <div class="publish__date">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
-    <time datetime="">Jun 10, 2025</time>
-  </div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
-    <time datetime="">2 minutes to read </time>
-  </div>
-</div>
-
-  
-  <div class="publish__date">
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
-    <time datetime=""></time>
-  </div>
-    </div>
-  </article>
-  
-</section>
-</main>
-
-    <script src="/pagefind/pagefind-ui.js"></script>
-<script>
-  window.addEventListener("DOMContentLoaded", (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-  });
-</script>
-
-<script>
-  const dialog = document.querySelector("dialog");
-  const showButton = document.getElementById("createStoryBtn");
-  const closeButton = document.getElementById("closeStoryModal");
-
-  
-  showButton.addEventListener("click", () => {
-    dialog.showModal();
-  });
-
-  
-  closeButton.addEventListener("click", () => {
-    dialog.close();
-  });
-</script>
-
-  </body>
-</html>

public/en/categories/it/index.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>IT on </title>
+    <title>IT on this story site</title>
-    <link>https://success.odoo4projects.com/en/categories/it/</link>
+    <link>http://localhost:1313/en/categories/it/</link>
-    <description>Recent content in IT on </description>
+    <description>Recent content in IT on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/categories/it/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/categories/it/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Building a Cloud ERP Service with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/odoo4projects/</link>
+      <link>http://localhost:1313/en/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/en/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;At &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt;, we specialize in helping businesses succeed with open-source ERP. But we also run our own services on the very same platform — and that’s why we chose to build our &lt;strong&gt;entire cloud ERP hosting infrastructure using Odoo Community V17&lt;/strong&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo-community&#34;&gt;Why Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;We wanted to test how far Odoo Community could go — and it hasn’t let us down.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% open-source, no license fees&lt;/li&gt;&#xA;&lt;li&gt;Highly customizable for specific use cases&lt;/li&gt;&#xA;&lt;li&gt;Strong international community support&lt;/li&gt;&#xA;&lt;li&gt;Clear upgrade path and modular design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Our objective was not just to use Odoo, but to &lt;strong&gt;push the limits of what’s possible with Community Edition&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/en/categories/travel/index.html

@@ -0,0 +1,343 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Travel | this story site</title>
+
+  <meta name="description" content="" /> <link rel="stylesheet" href="/css/main.css" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+
+
+</head>
+
+  <body>
+    <nav>
+  <h2>sponser</h2>
+  <img src="" alt="" class="logo" />
+  <div class="search-bar-container" id="search"></div>
+
+  <div class="dropdown">
+    <button class="dropbtn">en</button>
+    <div class="dropdown-content">
+      
+      <a href="/en/" class="">
+        English
+      </a>
+      
+      <a href="/de/" class="">
+        Deutsch
+      </a>
+      
+      <a href="/es/" class="">
+        Spanish
+      </a>
+      
+    </div>
+  </div>
+</nav>
+
+    <main>
+
+<section class="story__grid">
+       <article class="story__card">
+      <img
+        src=""
+        alt="Road Trippin&#39; with the Tribe: An Epic Family Adventure Across the USA"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/en/stories/post4/" class="open-modal">
+          <h4 class="card__title">Road Trippin&#39; with the Tribe: An Epic Family Adventure Across the USA</h4>
+        </a>
+        <p class="card__description">Hit the open road with the whole family! This guide provides tips and an itinerary for an unforgettable cross-country adventure, from national parks to quirky roadside attractions.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/en/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/en/tags/family-travel/" class="tag__chip">
+            <span class="hastag">#</span>Family Travel
+          </a>
+          
+          <a href="/en/tags/road-trip/" class="tag__chip">
+            <span class="hastag">#</span>Road Trip
+          </a>
+          
+          <a href="/en/tags/relaxation/" class="tag__chip">
+            <span class="hastag">#</span>Relaxation
+          </a>
+          
+          <a href="/en/tags/national-parks/" class="tag__chip">
+            <span class="hastag">#</span>National Parks
+          </a>
+          
+          <a href="/en/tags/travel-with-kids/" class="tag__chip">
+            <span class="hastag">#</span>Travel with Kids
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >May 6, 2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 minutes to read </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Road Trip Riley</time>
+        </div>
+      </div>
+    </article>      <article class="story__card">
+      <img
+        src=""
+        alt="Empowering Journeys: My Solo Female Travel Adventures in Europe"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/en/stories/post3/" class="open-modal">
+          <h4 class="card__title">Empowering Journeys: My Solo Female Travel Adventures in Europe</h4>
+        </a>
+        <p class="card__description">Discover the joys and challenges of solo female travel as I recount my experiences exploring the charming cities and historical sites of Europe.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/en/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/en/tags/solo-travel/" class="tag__chip">
+            <span class="hastag">#</span>Solo Travel
+          </a>
+          
+          <a href="/en/tags/female-travel/" class="tag__chip">
+            <span class="hastag">#</span>Female Travel
+          </a>
+          
+          <a href="/en/tags/europe/" class="tag__chip">
+            <span class="hastag">#</span>Europe
+          </a>
+          
+          <a href="/en/tags/family-travel/" class="tag__chip">
+            <span class="hastag">#</span>family travel
+          </a>
+          
+          <a href="/en/tags/travel-tips/" class="tag__chip">
+            <span class="hastag">#</span>Travel Tips
+          </a>
+          
+          <a href="/en/tags/cultural-immersion/" class="tag__chip">
+            <span class="hastag">#</span>Cultural Immersion
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >Apr 29, 2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 minutes to read </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Fearless Fiona</time>
+        </div>
+      </div>
+    </article>      <article class="story__card">
+      <img
+        src=""
+        alt="Indulge in Paradise: A Luxurious Escape to the Maldives"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/en/stories/post2/" class="open-modal">
+          <h4 class="card__title">Indulge in Paradise: A Luxurious Escape to the Maldives</h4>
+        </a>
+        <p class="card__description">Dreaming of turquoise waters and overwater bungalows? Join me on a breathtaking journey to the Maldives, exploring its exclusive resorts and unparalleled beauty.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/en/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/en/tags/luxury-travel/" class="tag__chip">
+            <span class="hastag">#</span>Luxury Travel
+          </a>
+          
+          <a href="/en/tags/maldives/" class="tag__chip">
+            <span class="hastag">#</span>Maldives
+          </a>
+          
+          <a href="/en/tags/island-getaway/" class="tag__chip">
+            <span class="hastag">#</span>Island Getaway
+          </a>
+          
+          <a href="/en/tags/relaxation/" class="tag__chip">
+            <span class="hastag">#</span>Relaxation
+          </a>
+          
+          <a href="/en/tags/honeymoon/" class="tag__chip">
+            <span class="hastag">#</span>Honeymoon
+          </a>
+          
+          <a href="/en/tags/erp/" class="tag__chip">
+            <span class="hastag">#</span>erp
+          </a>
+          
+          <a href="/en/tags/odoo/" class="tag__chip">
+            <span class="hastag">#</span>odoo
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >Apr 22, 2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 minutes to read </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Jetset Jason</time>
+        </div>
+      </div>
+    </article>      <article class="story__card">
+      <img
+        src=""
+        alt="Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary"
+        data-pagefind-index-attrs="title,alt"
+        class="story__coverImg"
+        loading="lazy"
+      />
+      <div class="story__card__details">
+        <a data-story-url="/en/stories/post1/" class="open-modal">
+          <h4 class="card__title">Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</h4>
+        </a>
+        <p class="card__description">Explore the vibrant cultures and stunning landscapes of Southeast Asia without breaking the bank. This detailed itinerary covers Thailand, Vietnam, and Cambodia.</p>
+
+        <div class="card__tags_categories">
+          
+          <a href="/en/categories/travel/" class="category__chip">
+            Travel
+          </a>
+           
+          <a href="/en/tags/budget-travel/" class="tag__chip">
+            <span class="hastag">#</span>Budget Travel
+          </a>
+          
+          <a href="/en/tags/backpacking/" class="tag__chip">
+            <span class="hastag">#</span>Backpacking
+          </a>
+          
+          <a href="/en/tags/southeast-asia/" class="tag__chip">
+            <span class="hastag">#</span>Southeast Asia
+          </a>
+          
+          <a href="/en/tags/thailand/" class="tag__chip">
+            <span class="hastag">#</span>Thailand
+          </a>
+          
+          <a href="/en/tags/vietnam/" class="tag__chip">
+            <span class="hastag">#</span>Vietnam
+          </a>
+          
+          <a href="/en/tags/cambodia/" class="tag__chip">
+            <span class="hastag">#</span>Cambodia
+          </a>
+          
+        </div>
+
+        <div class="publish__date__timeToRead">
+          
+          <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
+            <time datetime=""
+              >Apr 15, 2025</time
+            >
+          </div>
+
+          
+          <div class="publish__date">
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
+            <time datetime="">3 minutes to read </time>
+          </div>
+        </div>
+        
+        <div class="publish__date">
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
+          <time datetime="">Wanderlust Willow</time>
+        </div>
+      </div>
+    </article> 
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/en/categories/travel/index.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Travel on this story site</title>
+    <link>http://localhost:1313/en/categories/travel/</link>
+    <description>Recent content in Travel on this story site</description>
+    <generator>Hugo</generator>
+    <language>en</language>
+    <lastBuildDate>Tue, 06 May 2025 00:00:00 +0000</lastBuildDate>
+    <atom:link href="http://localhost:1313/en/categories/travel/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Road Trippin&#39; with the Tribe: An Epic Family Adventure Across the USA</title>
+      <link>http://localhost:1313/en/stories/post4/</link>
+      <pubDate>Tue, 06 May 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/en/stories/post4/</guid>
+      <description>&lt;h2 id=&#34;road-trippin-with-the-tribe-conquering-the-usa-with-my-family&#34;&gt;Road Trippin&amp;rsquo; with the Tribe: Conquering the USA with My Family&lt;/h2&gt;&#xA;&lt;p&gt;&amp;ldquo;Are we there yet?&amp;rdquo; Ah, the classic soundtrack of a family road trip. While the journey might have its moments, there&amp;rsquo;s nothing quite like hitting the open road with your loved ones and discovering the diverse landscapes and quirky charm of the USA.&lt;/p&gt;&#xA;&lt;p&gt;This past summer, we packed up the minivan (yes, the minivan!) and embarked on an epic cross-country adventure, from the bustling cities of the East Coast to the majestic national parks of the West. It was a whirlwind of memories, laughter (and a few meltdowns, let&amp;rsquo;s be honest), and experiences that we&amp;rsquo;ll cherish forever.&lt;/p&gt;</description>
+    </item>
+    <item>
+      <title>Empowering Journeys: My Solo Female Travel Adventures in Europe</title>
+      <link>http://localhost:1313/en/stories/post3/</link>
+      <pubDate>Tue, 29 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/en/stories/post3/</guid>
+      <description>&lt;h2 id=&#34;empowering-journeys-why-solo-female-travel-in-europe-changed-my-life&#34;&gt;Empowering Journeys: Why Solo Female Travel in Europe Changed My Life&lt;/h2&gt;&#xA;&lt;p&gt;There&amp;rsquo;s something incredibly liberating about traveling the world on your own terms. As a woman, the idea of solo travel can sometimes feel daunting, filled with questions and maybe even a little fear. But let me tell you, stepping outside your comfort zone and exploring Europe solo was one of the most empowering experiences of my life.&lt;/p&gt;&#xA;&lt;p&gt;I&amp;rsquo;ve wandered through the romantic streets of Paris, explored the ancient ruins of Rome, and marveled at the stunning architecture of Barcelona – all on my own. And while there were definitely moments of navigating unfamiliar situations, the overwhelming feeling was one of freedom, growth, and self-discovery.&lt;/p&gt;</description>
+    </item>
+    <item>
+      <title>Indulge in Paradise: A Luxurious Escape to the Maldives</title>
+      <link>http://localhost:1313/en/stories/post2/</link>
+      <pubDate>Tue, 22 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/en/stories/post2/</guid>
+      <description>&lt;h2 id=&#34;indulge-in-paradise-my-unforgettable-luxurious-escape-to-the-maldives&#34;&gt;Indulge in Paradise: My Unforgettable Luxurious Escape to the Maldives&lt;/h2&gt;&#xA;&lt;p&gt;The word &amp;ldquo;paradise&amp;rdquo; gets thrown around a lot, but trust me, until you&amp;rsquo;ve set foot on the powdery white sands of the Maldives, you haven&amp;rsquo;t truly experienced it. For years, the images of overwater bungalows perched above impossibly turquoise waters have danced in my head, and finally, I had the chance to live that dream.&lt;/p&gt;&#xA;&lt;p&gt;This wasn&amp;rsquo;t just a vacation; it was an immersion in pure luxury, a symphony of breathtaking scenery, impeccable service, and moments of utter tranquility. Let me take you on a journey through my unforgettable escape to this island nation.&lt;/p&gt;</description>
+    </item>
+    <item>
+      <title>Southeast Asia on a Shoestring: A 3-Week Backpacking Itinerary</title>
+      <link>http://localhost:1313/en/stories/post1/</link>
+      <pubDate>Tue, 15 Apr 2025 00:00:00 +0000</pubDate>
+      <guid>http://localhost:1313/en/stories/post1/</guid>
+      <description>&lt;h2 id=&#34;southeast-asia-on-a-shoestring-your-epic-3-week-backpacking-adventure&#34;&gt;Southeast Asia on a Shoestring: Your Epic 3-Week Backpacking Adventure&lt;/h2&gt;&#xA;&lt;p&gt;Hey fellow wanderers! If you&amp;rsquo;re dreaming of exotic temples, bustling markets, and breathtaking beaches without emptying your savings account, then Southeast Asia is calling your name. Trust me, this corner of the world is a backpacker&amp;rsquo;s paradise, offering incredible experiences at prices that will make your wallet sing.&lt;/p&gt;&#xA;&lt;p&gt;After countless hostel stays, delicious street food meals, and unforgettable adventures, I&amp;rsquo;ve crafted the perfect 3-week itinerary to give you a taste of the magic in Thailand, Vietnam, and Cambodia. Buckle up, because this is going to be an epic ride!&lt;/p&gt;</description>
+    </item>
+  </channel>
+</rss>

public/en/index.html

@@ -1,301 +1,317 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
   <head>
-	<meta name="generator" content="Hugo 0.147.8">
+	<meta name="generator" content="Hugo 0.147.8"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>ODOO Community Success Stories | </title>
+  <title>Home | </title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="description in English" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main>
+    <main>
-<section class="hero">
+<section class="hero">
-  <div class="">
+  <div class="">
-    <h1 class="">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
+    <h1 class="" data-pagefind-meta="title">🚀 Real Odoo Success Stories — See Where Odoo Shines</h1>
-    <p class="">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
+    <p class="" data-pagefind-meta="description">Discover how companies across industries are transforming with Odoo — from streamlining inventory to automating sales and scaling operations. These are real-world examples of where Odoo kicks ass. 💡 Using Odoo? Share your success story and get featured — with a dofollow backlink to your website as a thank-you. It’s free exposure and great SEO.</p>
-  </div>
+  </div>
-  <div class="tags_categories">
+  <div class="tags_categories">
-    <div class="category_list">
+    <div class="category_list">
-
+
-      <h3 class="">
+      <h3 class="">
-        <img src="/icons/categories.svg" alt="" class="">
+        <img src="/icons/categories.svg" alt="" class="">
-        categories
+        categories
-      </h3>
+      </h3>
-      <ul>
+      <ul>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/categories/0-5/">0-5</a>
+          <a href="http://localhost:1313//en/categories/0-5/">0-5</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/categories/5-10/">5-10</a>
+          <a href="http://localhost:1313//en/categories/5-10/">5-10</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/categories/farm/">farm</a>
+          <a href="http://localhost:1313//en/categories/farm/">farm</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/categories/it/">it</a>
+          <a href="http://localhost:1313//en/categories/it/">it</a>
-        </li>
+        </li>
-        
+        
-      </ul>
+      </ul>
-    </div>
+    </div>
-
+
-    <div class="tags_list">
+    <div class="tags_list">
-
+
-      <h3 class="">
+      <h3 class="">
-        <img src="/icons/hastag.svg" alt="" class="">
+        <img src="/icons/hastag.svg" alt="" class="">
-        tags
+        tags
-      </h3>
+      </h3>
-      <ul>
+      <ul>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/cattle-farm/">cattle farm</a>
+          <a href="http://localhost:1313//en/tags/cattle-farm/">cattle farm</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/community/">community</a>
+          <a href="http://localhost:1313//en/tags/community/">community</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/erp/">erp</a>
+          <a href="http://localhost:1313//en/tags/digital-transformation/">digital transformation</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/it/">it</a>
+          <a href="http://localhost:1313//en/tags/erp/">erp</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/odoo/">odoo</a>
+          <a href="http://localhost:1313//en/tags/it/">it</a>
-        </li>
+        </li>
-        
+        
-        <li class="chip">
+        <li class="chip">
-          <a href="/en/%20/tags/paraguay/">paraguay</a>
+          <a href="http://localhost:1313//en/tags/odoo/">odoo</a>
-        </li>
+        </li>
-        
+        
-      </ul>
+        <li class="chip">
-    </div>
+          <a href="http://localhost:1313//en/tags/paraguay/">paraguay</a>
-  </div>
+        </li>
-</section>
+        
-
+      </ul>
-<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
+    </div>
-<dialog class="story_dialog">
+  </div>
-  <button id="closeStoryModal" autofocus>Close</button>
+</section>
-  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
+
-</dialog>
+<button class="story-btn" id="createStoryBtn">Submit your success story here</button>
-
+<dialog class="story_dialog">
-
+  <button id="closeStoryModal" autofocus>Close</button>
-<section class="story__grid">
+  <iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
-   
+</dialog>
-  <article class="story__card">
+
-
+
-    <img src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png" alt="Building a Cloud ERP Service with Odoo Community" class="story__coverImg" loading="lazy">
+<section class="story__grid">
-    <div class="story__card__details">
+   
-      <a href="https://success.odoo4projects.com/en/stories/odoo4projects/" target="_self">
+    <article class="story__card">
-        <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
+      <img
-      </a>
+        src="https://odoo4projects.com/web/image/2890-1713a804/Header_low.png"
-      <p class="card__description">
+        alt="Building a Cloud ERP Service with Odoo Community"
-        How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide
+        data-pagefind-index-attrs="title,alt"
-      </p>
+        class="story__coverImg"
-
+        loading="lazy"
-      <div class="card__tags_categories">
+      />
-        
+      <div class="story__card__details">
-        <a href="" class="category__chip">
+        <a data-story-url="/en/stories/odoo4projects/" class="open-modal">
-          IT
+          <h4 class="card__title">Building a Cloud ERP Service with Odoo Community</h4>
-        </a>
+        </a>
-        
+        <p class="card__description">How we used Odoo Community V17 to create and host custom ERP solutions for clients worldwide</p>
-        <a href="" class="category__chip">
+
-          5-10
+        <div class="card__tags_categories">
-        </a>
+          
-        
+          <a href="/en/categories/it/" class="category__chip">
-        
+            IT
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>Odoo
+          
-        </a>
+          <a href="/en/categories/5-10/" class="category__chip">
-        
+            5-10
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>ERP
+           
-        </a>
+          <a href="/en/tags/odoo/" class="tag__chip">
-        
+            <span class="hastag">#</span>Odoo
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>Community
+          
-        </a>
+          <a href="/en/tags/erp/" class="tag__chip">
-        
+            <span class="hastag">#</span>ERP
-        <a href="" class="tag__chip">
+          </a>
-          <span class="hastag">#</span>IT
+          
-        </a>
+          <a href="/en/tags/community/" class="tag__chip">
-        
+            <span class="hastag">#</span>Community
-
+          </a>
-      </div>
+          
-<div class="publish__date__timeToRead">
+          <a href="/en/tags/it/" class="tag__chip">
-
+            <span class="hastag">#</span>IT
-  <div class="publish__date">
+          </a>
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+          
-    <time datetime="">Jun 10, 2025</time>
+        </div>
-  </div>
+
-
+        <div class="publish__date__timeToRead">
-  
+          
-  <div class="publish__date">
+          <div class="publish__date">
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-    <time datetime="">2 minutes to read </time>
+            <time datetime=""
-  </div>
+              >Jun 10, 2025</time
-</div>
+            >
-
+          </div>
-  
+
-  <div class="publish__date">
+          
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+          <div class="publish__date">
-    <time datetime=""></time>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-  </div>
+            <time datetime="">2 minutes to read </time>
-    </div>
+          </div>
-  </article>
+        </div>
-  
+        
-  <article class="story__card">
+        <div class="publish__date">
-
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-    <img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Transforming Our Cattle Farm with Odoo Community" class="story__coverImg" loading="lazy">
+          <time datetime=""></time>
-    <div class="story__card__details">
+        </div>
-      <a href="https://success.odoo4projects.com/en/stories/agape/" target="_self">
+      </div>
-        <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
+    </article>   
-      </a>
+    <article class="story__card">
-      <p class="card__description">
+      <img
-        How Odoo Community helped streamline operations across three farm locations in Paraguay
+        src="/images/blog-thumbnail.png"
-      </p>
+        alt="Transforming Our Cattle Farm with Odoo Community"
-
+        data-pagefind-index-attrs="title,alt"
-      <div class="card__tags_categories">
+        class="story__coverImg"
-        
+        loading="lazy"
-        <a href="" class="category__chip">
+      />
-          Farm
+      <div class="story__card__details">
-        </a>
+        <a data-story-url="/en/stories/agape/" class="open-modal">
-        
+          <h4 class="card__title">Transforming Our Cattle Farm with Odoo Community</h4>
-        <a href="" class="category__chip">
+        </a>
-          0-5
+        <p class="card__description">How Odoo Community helped streamline operations across three farm locations in Paraguay</p>
-        </a>
+
-        
+        <div class="card__tags_categories">
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/en/categories/farm/" class="category__chip">
-          <span class="hastag">#</span>Odoo
+            Farm
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/en/categories/0-5/" class="category__chip">
-          <span class="hastag">#</span>ERP
+            0-5
-        </a>
+          </a>
-        
+           
-        <a href="" class="tag__chip">
+          <a href="/en/tags/odoo/" class="tag__chip">
-          <span class="hastag">#</span>Cattle Farm
+            <span class="hastag">#</span>Odoo
-        </a>
+          </a>
-        
+          
-        <a href="" class="tag__chip">
+          <a href="/en/tags/erp/" class="tag__chip">
-          <span class="hastag">#</span>Paraguay
+            <span class="hastag">#</span>ERP
-        </a>
+          </a>
-        
+          
-
+          <a href="/en/tags/cattle-farm/" class="tag__chip">
-      </div>
+            <span class="hastag">#</span>Cattle Farm
-<div class="publish__date__timeToRead">
+          </a>
-
+          
-  <div class="publish__date">
+          <a href="/en/tags/paraguay/" class="tag__chip">
-    <img src="/icons/calender.svg" class="story__card__icon" alt="">
+            <span class="hastag">#</span>Paraguay
-    <time datetime="">Jun 10, 2025</time>
+          </a>
-  </div>
+          
-
+          <a href="/en/tags/digital-transformation/" class="tag__chip">
-  
+            <span class="hastag">#</span>Digital Transformation
-  <div class="publish__date">
+          </a>
-    <img src="/icons/hourglass.svg" class="story__card__icon" alt="">
+          
-    <time datetime="">2 minutes to read </time>
+        </div>
-  </div>
+
-</div>
+        <div class="publish__date__timeToRead">
-
+          
-  
+          <div class="publish__date">
-  <div class="publish__date">
+            <img src="/icons/calender.svg" class="story__card__icon" alt="" />
-    <img src="/icons/person.svg" class="story__card__icon" alt="">
+            <time datetime=""
-    <time datetime=""></time>
+              >Jun 10, 2025</time
-  </div>
+            >
-    </div>
+          </div>
-  </article>
+
-  
+          
-</section>
+          <div class="publish__date">
-</main>
+            <img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
-
+            <time datetime="">2 minutes to read </time>
-    <script src="/pagefind/pagefind-ui.js"></script>
+          </div>
-<script>
+        </div>
-  window.addEventListener("DOMContentLoaded", (event) => {
+        
-    new PagefindUI({ element: "#search", showSubResults: true });
+        <div class="publish__date">
-  });
+          <img src="/icons/person.svg" class="story__card__icon" alt="" />
-</script>
+          <time datetime="">Estancia Agape</time>
-
+        </div>
-<script>
+      </div>
-  const dialog = document.querySelector("dialog");
+    </article>  
-  const showButton = document.getElementById("createStoryBtn");
+</section>
-  const closeButton = document.getElementById("closeStoryModal");
+</main>
-
+    <div id="story-modal">
-  
+  <button id="close-modal">✕</button>
-  showButton.addEventListener("click", () => {
+  <div id="modal-content">Loading...</div>
-    dialog.showModal();
+</div>
-  });
+ <script src="/pagefind/pagefind-ui.js"></script>
-
+<script src="/js/main.js"></script>
-  
+<script>
-  closeButton.addEventListener("click", () => {
+  window.addEventListener("DOMContentLoaded", (event) => {
-    dialog.close();
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
-  });
+  });
-</script>
+</script>
-
+
-  </body>
+<script>
-</html>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>

public/en/index.xml

@@ -1,25 +1,25 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title></title>
+    <title>this story site</title>
-    <link>https://success.odoo4projects.com/en/</link>
+    <link>http://localhost:1313/en/</link>
-    <description>Recent content on </description>
+    <description>Recent content on this story site</description>
     <generator>Hugo</generator>
     <language>en</language>
     <lastBuildDate>Tue, 10 Jun 2025 12:00:00 +0000</lastBuildDate>
-    <atom:link href="https://success.odoo4projects.com/en/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/en/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Building a Cloud ERP Service with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/odoo4projects/</link>
+      <link>http://localhost:1313/en/stories/odoo4projects/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/odoo4projects/</guid>
+      <guid>http://localhost:1313/en/stories/odoo4projects/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://odoo4projects.com/web/image/2890-1713a804/Header_low.png&#34; alt=&#34;ODOO4projects&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;At &lt;a href=&#34;https://ODOO4projects.com&#34;&gt;ODOO4projects&lt;/a&gt;, we specialize in helping businesses succeed with open-source ERP. But we also run our own services on the very same platform — and that’s why we chose to build our &lt;strong&gt;entire cloud ERP hosting infrastructure using Odoo Community V17&lt;/strong&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo-community&#34;&gt;Why Odoo Community?&lt;/h2&gt;&#xA;&lt;p&gt;We wanted to test how far Odoo Community could go — and it hasn’t let us down.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;100% open-source, no license fees&lt;/li&gt;&#xA;&lt;li&gt;Highly customizable for specific use cases&lt;/li&gt;&#xA;&lt;li&gt;Strong international community support&lt;/li&gt;&#xA;&lt;li&gt;Clear upgrade path and modular design&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Our objective was not just to use Odoo, but to &lt;strong&gt;push the limits of what’s possible with Community Edition&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
     <item>
       <title>Transforming Our Cattle Farm with Odoo Community</title>
-      <link>https://success.odoo4projects.com/en/stories/agape/</link>
+      <link>http://localhost:1313/en/stories/agape/</link>
       <pubDate>Tue, 10 Jun 2025 12:00:00 +0000</pubDate>
-      <guid>https://success.odoo4projects.com/en/stories/agape/</guid>
+      <guid>http://localhost:1313/en/stories/agape/</guid>
       <description>&lt;p&gt;&lt;img src=&#34;https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg&#34; alt=&#34;Estancia Agapé&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across &lt;strong&gt;three distinct locations&lt;/strong&gt;. At &lt;a href=&#34;https://estancia-agape.com&#34;&gt;Estancia Agapé&lt;/a&gt;, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to &lt;strong&gt;Odoo Community&lt;/strong&gt;, and the results have exceeded our expectations.&lt;/p&gt;&#xA;&lt;h2 id=&#34;why-odoo&#34;&gt;Why Odoo?&lt;/h2&gt;&#xA;&lt;p&gt;We evaluated various systems before choosing Odoo Community. The reasons were clear:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Open-source and customizable&lt;/li&gt;&#xA;&lt;li&gt;Robust set of features for inventory, accounting, and logistics&lt;/li&gt;&#xA;&lt;li&gt;Large and active global community&lt;/li&gt;&#xA;&lt;li&gt;No licensing fees&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;But what truly made the difference was the ability to &lt;strong&gt;host the service online&lt;/strong&gt;.&lt;/p&gt;</description>
     </item>
   </channel>

public/en/sitemap.xml

@@ -2,272 +2,327 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>https://success.odoo4projects.com/en/</loc>
+    <loc>http://localhost:1313/en/stories/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <lastmod>2025-06-15T22:51:05+05:30</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/"
+                href="http://localhost:1313/de/stories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/"
+                href="http://localhost:1313/es/stories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/"
+                href="http://localhost:1313/en/stories/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/categories/0-5/</loc>
+    <loc>http://localhost:1313/en/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <lastmod>2025-06-15T22:21:19+05:30</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/0-5/"
+                href="http://localhost:1313/de/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/0-5/"
+                href="http://localhost:1313/es/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/0-5/"
+                href="http://localhost:1313/en/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/categories/5-10/</loc>
+    <loc>http://localhost:1313/en/categories/0-5/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/5-10/"
+                href="http://localhost:1313/de/categories/0-5/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/5-10/"
+                href="http://localhost:1313/es/categories/0-5/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/5-10/"
+                href="http://localhost:1313/en/categories/0-5/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/stories/odoo4projects/</loc>
+    <loc>http://localhost:1313/en/categories/5-10/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/odoo4projects/"
+                href="http://localhost:1313/de/categories/5-10/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/odoo4projects/"
+                href="http://localhost:1313/es/categories/5-10/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/odoo4projects/"
+                href="http://localhost:1313/en/categories/5-10/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/categories/</loc>
+    <loc>http://localhost:1313/en/stories/odoo4projects/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/"
+                href="http://localhost:1313/de/stories/odoo4projects/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/"
+                href="http://localhost:1313/es/stories/odoo4projects/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/"
+                href="http://localhost:1313/en/stories/odoo4projects/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/cattle-farm/</loc>
+    <loc>http://localhost:1313/en/categories/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
-  </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/community/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/community/"
+                href="http://localhost:1313/de/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/community/"
+                href="http://localhost:1313/es/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/community/"
+                href="http://localhost:1313/en/categories/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/erp/</loc>
+    <loc>http://localhost:1313/en/tags/cattle-farm/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/erp/"
+                href="http://localhost:1313/de/tags/cattle-farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/erp/"
+                href="http://localhost:1313/es/tags/cattle-farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/erp/"
+                href="http://localhost:1313/en/tags/cattle-farm/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/categories/farm/</loc>
+    <loc>http://localhost:1313/en/tags/community/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/farm/"
+                href="http://localhost:1313/de/tags/community/"
-                />
-    <xhtml:link
-                rel="alternate"
-                hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/farm/"
-                />
-  </url><url>
-    <loc>https://success.odoo4projects.com/en/categories/it/</loc>
-    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
-    <xhtml:link
-                rel="alternate"
-                hreflang="de"
-                href="https://success.odoo4projects.com/de/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/categories/it/"
+                href="http://localhost:1313/es/tags/community/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/categories/it/"
+                href="http://localhost:1313/en/tags/community/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/it/</loc>
+    <loc>http://localhost:1313/en/tags/digital-transformation/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/it/"
+                href="http://localhost:1313/de/tags/digital-transformation/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/it/"
+                href="http://localhost:1313/es/tags/digital-transformation/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/it/"
+                href="http://localhost:1313/en/tags/digital-transformation/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/odoo/</loc>
+    <loc>http://localhost:1313/en/tags/erp/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/odoo/"
+                href="http://localhost:1313/de/tags/erp/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/odoo/"
+                href="http://localhost:1313/es/tags/erp/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/odoo/"
+                href="http://localhost:1313/en/tags/erp/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/paraguay/</loc>
+    <loc>http://localhost:1313/en/categories/farm/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/paraguay/"
+                href="http://localhost:1313/de/categories/farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/paraguay/"
+                href="http://localhost:1313/es/categories/farm/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/paraguay/"
+                href="http://localhost:1313/en/categories/farm/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/stories/</loc>
+    <loc>http://localhost:1313/en/categories/it/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/"
+                href="http://localhost:1313/de/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/"
+                href="http://localhost:1313/es/categories/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/"
+                href="http://localhost:1313/en/categories/it/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/tags/</loc>
+    <loc>http://localhost:1313/en/tags/it/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/tags/"
+                href="http://localhost:1313/de/tags/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/tags/"
+                href="http://localhost:1313/es/tags/it/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/tags/"
+                href="http://localhost:1313/en/tags/it/"
                 />
   </url><url>
-    <loc>https://success.odoo4projects.com/en/stories/agape/</loc>
+    <loc>http://localhost:1313/en/tags/odoo/</loc>
     <lastmod>2025-06-10T12:00:00+00:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="de"
-                href="https://success.odoo4projects.com/de/stories/agape/"
+                href="http://localhost:1313/de/tags/odoo/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="es"
-                href="https://success.odoo4projects.com/es/stories/agape/"
+                href="http://localhost:1313/es/tags/odoo/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://success.odoo4projects.com/en/stories/agape/"
+                href="http://localhost:1313/en/tags/odoo/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/en/tags/paraguay/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/tags/paraguay/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/tags/paraguay/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/tags/paraguay/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/en/tags/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/tags/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/tags/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/tags/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/en/stories/agape/</loc>
+    <lastmod>2025-06-10T12:00:00+00:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/stories/agape/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/stories/agape/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/stories/agape/"
+                />
+  </url><url>
+    <loc>http://localhost:1313/en/authors/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="de"
+                href="http://localhost:1313/de/authors/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="es"
+                href="http://localhost:1313/es/authors/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="http://localhost:1313/en/authors/"
                 />
   </url>
 </urlset>

public/en/stories/agape/index.html

@@ -1,95 +1,136 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
-<html lang="en">
+<html lang="en">
-  <head>
+  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Transforming Our Cattle Farm with Odoo Community | </title>
+  <title>Transforming Our Cattle Farm with Odoo Community | this story site</title>
-<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
+
-  <link rel="stylesheet" href="/css/main.css" />
+  <meta name="description" content="How Odoo Community helped streamline operations across three farm locations in Paraguay" /> <link rel="stylesheet" href="/css/main.css" />
-<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
+<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
-
+
-
+
-</head>
+</head>
-
+
-  <body>
+  <body>
-    <nav>
+    <nav>
-  <h2>ODOO Community Success Stories sponsored by </h2>
+  <h2>ODOO Community Success Stories sponsored by </h2>
-
+
-
+
-
+
-<a href="http://ODOO4projects.com" style="
+<a href="http://ODOO4projects.com" style="
-    display: inline-flex;
+    display: inline-flex;
-    flex-direction: row;
+    flex-direction: row;
-    align-items: center;
+    align-items: center;
-    gap: 12px;
+    gap: 12px;
-    background-color: white;
+    background-color: white;
-    color: orange;
+    color: orange;
-    border: 2px solid orange;
+    border: 2px solid orange;
-    text-decoration: none;
+    text-decoration: none;
-    padding: 16px 24px;
+    padding: 16px 24px;
-    border-radius: 10px;
+    border-radius: 10px;
-    font-size: 18px;
+    font-size: 18px;
-    font-weight: bold;
+    font-weight: bold;
-    text-align: left;
+    text-align: left;
-    line-height: 1.3;
+    line-height: 1.3;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
+    transition: all 0.3s ease;
-  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
+  " onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
-
+
-    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
+    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
-    <span style="display: inline-block;">
+    <span style="display: inline-block;">
-      Launch your ODOO Project now!
+      Launch your ODOO Project now!
-    </span>
+    </span>
-
+
-  </a>
+  </a>
-
+
-
+
-  <div class="search-bar-container" id="search"></div>
+  <div class="search-bar-container" id="search"></div>
-
+
-  <div class="dropdown">
+  <div class="dropdown">
-    <button class="dropbtn">en</button>
+    <button class="dropbtn">en</button>
-    <div class="dropdown-content">
+    <div class="dropdown-content">
-      
+      
-      <a href="/en/" class="">
+      <a href="/en/" class="">
-        English
+        English
-      </a>
+      </a>
-      
+      
-      <a href="/de/" class="">
+      <a href="/de/" class="">
-        German
+        Deutsch
-      </a>
+      </a>
-      
+      
-      <a href="/es/" class="">
+      <a href="/es/" class="">
-        Spanish
+        Spanish
-      </a>
+      </a>
-      
+      
-    </div>
+    </div>
-  </div>
+  </div>
-</nav>
+</nav>
-
+
-    <main> single page </main>
+    <main>
-
+<section class="single-page"><p><img src="https://estancia-agape.com/web/image/1078-81bed64d/agapei-1.svg" alt="Estancia Agapé"></p>
-    <script src="/pagefind/pagefind-ui.js"></script>
+<p>Running a cattle farm in Paraguay presents unique challenges — especially when managing operations across <strong>three distinct locations</strong>. At <a href="https://estancia-agape.com">Estancia Agapé</a>, our goal has always been to stay grounded in tradition while embracing innovation to grow sustainably and efficiently. This is why we turned to <strong>Odoo Community</strong>, and the results have exceeded our expectations.</p>
-<script>
+<h2 id="why-odoo">Why Odoo?</h2>
-  window.addEventListener("DOMContentLoaded", (event) => {
+<p>We evaluated various systems before choosing Odoo Community. The reasons were clear:</p>
-    new PagefindUI({ element: "#search", showSubResults: true });
+<ul>
-  });
+<li>Open-source and customizable</li>
-</script>
+<li>Robust set of features for inventory, accounting, and logistics</li>
-
+<li>Large and active global community</li>
-<script>
+<li>No licensing fees</li>
-  const dialog = document.querySelector("dialog");
+</ul>
-  const showButton = document.getElementById("createStoryBtn");
+<p>But what truly made the difference was the ability to <strong>host the service online</strong>.</p>
-  const closeButton = document.getElementById("closeStoryModal");
+<h2 id="online-hosting-the-game-changer">Online Hosting: The Game-Changer</h2>
-
+<p>With three remote farm locations, we needed a centralized system that could be accessed by our teams from anywhere. Hosting Odoo online gave us:</p>
-  
+<ul>
-  showButton.addEventListener("click", () => {
+<li><strong>Real-time synchronization</strong> between sites</li>
-    dialog.showModal();
+<li><strong>Simplified workflows</strong> for staff in the field and in the office</li>
-  });
+<li><strong>Remote oversight</strong> of stock, sales, and expenses</li>
-
+<li><strong>Reduced IT burden</strong> thanks to external hosting partners</li>
-  
+</ul>
-  closeButton.addEventListener("click", () => {
+<p>We now manage cattle inventory, pasture usage, vet schedules, and financial records in a single system, accessible securely from any device.</p>
-    dialog.close();
+<h2 id="the-results">The Results</h2>
-  });
+<p>Since implementing Odoo Community:</p>
-</script>
+<ul>
-
+<li>Manual paperwork has dropped by over 80%</li>
-  </body>
+<li>Daily operational reports are instantly available to management</li>
-</html>
+<li>Staff collaboration has improved across all sites</li>
+<li>Decision-making is faster and data-driven</li>
+</ul>
+<p>What used to take days now takes minutes.</p>
+<h2 id="looking-ahead">Looking Ahead</h2>
+<p>We are continuing to expand our use of Odoo Community by integrating additional modules and exploring mobile app features for field use.</p>
+<p>For other agricultural businesses in Paraguay or Latin America, we highly recommend considering open-source ERP systems like Odoo. With the right setup and a cloud-based approach, even the most traditional industries can benefit from modern tools.</p>
+<p><strong>Visit us at <a href="https://estancia-agape.com">estancia-agape.com</a> to learn more about our journey.</strong></p>
+<hr>
+<p><em>Interested in how Odoo can work for your farm or agribusiness? Contact us — we’re happy to share insights.</em></p>
+</section>
+</main>
+    <div id="story-modal">
+  <button id="close-modal">✕</button>
+  <div id="modal-content">Loading...</div>
+</div>
+ <script src="/pagefind/pagefind-ui.js"></script>
+<script src="/js/main.js"></script>
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
+  });
+</script>
+
+<script>
+  const dialog = document.querySelector("dialog");
+  const showButton = document.getElementById("createStoryBtn");
+  const closeButton = document.getElementById("closeStoryModal");
+
+  
+  showButton.addEventListener("click", () => {
+    dialog.showModal();
+  });
+
+  
+  closeButton.addEventListener("click", () => {
+    dialog.close();
+  });
+</script>
+
+  </body>
+</html>