131 lines
3.8 KiB
HTML
131 lines
3.8 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>Charlie Brown | 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>sponser</h2>
|
|
<img src="" alt="" class="logo" />
|
|
<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="Sanity-Saving Kitchen Hacks for Busy Families"
|
|
data-pagefind-index-attrs="title,alt"
|
|
class="story__coverImg"
|
|
loading="lazy"
|
|
/>
|
|
<div class="story__card__details">
|
|
<a data-story-url="/es/stories/post3/" class="open-modal">
|
|
<h4 class="card__title">Sanity-Saving Kitchen Hacks for Busy Families</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="/es/categories/kitchen-hacks/" class="category__chip">
|
|
Kitchen Hacks
|
|
</a>
|
|
|
|
<a href="/es/tags/family-cooking/" class="tag__chip">
|
|
<span class="hastag">#</span>family cooking
|
|
</a>
|
|
|
|
<a href="/es/tags/time-saving/" class="tag__chip">
|
|
<span class="hastag">#</span>time-saving
|
|
</a>
|
|
|
|
<a href="/es/tags/kitchen-hacks/" class="tag__chip">
|
|
<span class="hastag">#</span>kitchen hacks
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="publish__date__timeToRead">
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/calender.svg" class="story__card__icon" alt="" />
|
|
<time datetime=""
|
|
>3 oct. 2023</time
|
|
>
|
|
</div>
|
|
|
|
|
|
<div class="publish__date">
|
|
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
|
<time datetime="">1 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>
|