261 lines
7.3 KiB
HTML
261 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Categories | este sitio de historias</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">es</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="0-5"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="/es/categories/0-5/" class="open-modal">
|
|
<h4 class="card__title">0-5</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 jun. 2025</time
|
|
>
|
|
</div>
|
|
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">0 minutos para leer </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=""
|
|
alt="5-10"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="/es/categories/5-10/" class="open-modal">
|
|
<h4 class="card__title">5-10</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 jun. 2025</time
|
|
>
|
|
</div>
|
|
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">0 minutos para leer </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=""
|
|
alt="Farm"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="/es/categories/farm/" class="open-modal">
|
|
<h4 class="card__title">Farm</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 jun. 2025</time
|
|
>
|
|
</div>
|
|
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">0 minutos para leer </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=""
|
|
alt="IT"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="/es/categories/it/" class="open-modal">
|
|
<h4 class="card__title">IT</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 jun. 2025</time
|
|
>
|
|
</div>
|
|
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">0 minutos para leer </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>
|