143 lines
4.2 KiB
HTML
143 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<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>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>
|