4 lines
No EOL
8.3 KiB
HTML
4 lines
No EOL
8.3 KiB
HTML
<!doctype html><html lang=en itemscope itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.svg><title>Be Ellive</title><meta name=description content><meta name=author content="Jens Noack"><meta name=generator content="Hugo 0.118.2"><link rel=stylesheet href="https://ellis.reisen/css/styles.min.eb7fe02195897f2fd20b6dcb5f80cda854ce0b58dcf3a28f1d23166a1eaaded4.css" integrity="sha256-63/gIZWJfy/SC23LX4DNqFTOC1jc86KPHSMWah6q3tQ="><link rel=alternate type=application/rss+xml href=https://ellis.reisen/index.xml title="Be Ellive"><link rel=alternate type=application/json href=https://ellis.reisen/index.json title="Be Ellive"><meta property="og:title" content="Home of Elli"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://ellis.reisen/"><meta name=twitter:card content="summary"><meta name=twitter:title content="Home of Elli"><meta name=twitter:description content><meta itemprop=name content="Home of Elli"><meta itemprop=description content></head><body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative"><a href=https://ellis.reisen/ class="capitalize font-extrabold text-2xl"><img src=/elli-logo.png alt="Be Ellive" class="h-8 max-w-full"></a>
|
|
<button class="mobile-menu-button md:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="4" y1="8" x2="20" y2="8"/><line x1="4" y1="16" x2="20" y2="16"/></svg></button><ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800"><li><a href=/blog>Blog</a></li><li><a href=/tags>Tags</a></li><li><a href=/about>About</a></li><li class="grid place-items-center"><span class="open-search inline-block cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7"/><line x1="21" y1="21" x2="15" y2="15"/></svg></span></li><li class="grid place-items-center"><span class="toggle-dark-mode inline-block cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3"/><line x1="12" y1="5" x2="12" y2="5.01"/><line x1="17" y1="7" x2="17" y2="7.01"/><line x1="19" y1="12" x2="19" y2="12.01"/><line x1="17" y1="17" x2="17" y2="17.01"/><line x1="12" y1="19" x2="12" y2="19.01"/><line x1="7" y1="17" x2="7" y2="17.01"/><line x1="5" y1="12" x2="5" y2="12.01"/><line x1="7" y1="7" x2="7" y2="7.01"/></svg></span></li></ul></header><main class=flex-1><section class="bg-blue-100 dark:bg-gray-900"><div class="container max-w-screen-lg mx-auto px-6 py-12 grid md:grid-cols-2 gap-4 lg:gap-16 items-center"><div><h1 class="text-4xl font-bold mb-4">Elli's Reisen durchs Zauberland.</h1><p class="font-light text-lg">2019 kam Elli mit einem 'Wirbelsturm'. Seitdem sind wir mit ihr auf dem Weg in die Smaragdenstadt. Vielleicht treffen wir unterwegs den Eisenernen Holzfäller, den Scheuch oder den Löwen ...</p></div><img class="rounded-lg shadow-sm" src=/elli_title.jpg alt="Be Ellive"></div></section><div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8"><div class=p-2><a href=https://ellis.reisen/blog/campsterandfriends2023/campsterandfriends2023/><div class=relative><img src=/pics_blog/campsterandfriends2023/campsterandfriends2023_thumb.png alt="3.Campster & Friends im Allgäu" class="rounded-lg shadow-sm w-full h-52 object-cover"><div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-sm px-2 py-0.5">Sep 15, 23</div></div><div class="my-2 text-xl font-semibold">3.Campster & Friends im Allgäu</div><div>Zum dritten Mal sind wir mit dabei - das mega Meeting in Lechbruck ;-)</div></a></div><div class=p-2><a href=https://ellis.reisen/blog/albanventure/><div class=relative><img src=/albanien.jpg alt=Albaniencamping class="rounded-lg shadow-sm w-full h-52 object-cover"><div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-sm px-2 py-0.5">Jun 30, 23</div></div><div class="my-2 text-xl font-semibold">Albaniencamping</div><div>We call it Albanventure. Fast 3 Wochen in den Bergen und an der Küste von Albaninen ...</div></a></div><div class=p-2><a href=https://ellis.reisen/blog/schotterland/><div class=relative><img src=/schotterland.jpg alt="4 Wochen Schotterland" class="rounded-lg shadow-sm w-full h-52 object-cover"><div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-sm px-2 py-0.5">May 15, 22</div></div><div class="my-2 text-xl font-semibold">4 Wochen Schotterland</div><div>Mit Elli 4 Wochen in Schottland unterwegs - egal ob Regen oder Sonne.</div></a></div></div><div class="bg-blue-100 dark:bg-gray-900"><div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center"><div><div class="text-2xl font-bold mb-2"></div><p class=opacity-60></p></div><ul class="flex justify-center gap-x-3 flex-wrap gap-y-2"></ul></div></div></main><footer class="container p-6 mx-auto flex justify-between items-center"><span class="text-sm font-light">Copyright © 2023 - Jens Noack · All rights reserved</span>
|
|
<span onclick='window.scrollTo({top:0,behavior:"smooth"})' class="p-1 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 15l-6-6-6 6h12"/></svg></span></footer><div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden"><div class="container max-w-3xl mx-auto p-12"><div class=relative><div class="my-4 text-center text-2xl font-bold">Search</div><span class="p-2 absolute right-0 top-0 cursor-pointer close-search"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span></div><input type=search class="py-2 px-3 w-full dark:text-black border dark:border-transparent" placeholder="Enter search query"><div class="search-results text-lg font-medium my-4 hidden">Results</div><ul class="search-list my-2"></ul><div class="no-results text-center my-8 hidden"><div class="text-xl font-semibold mb-2">No results found</div><p class="font-light text-sm">Try adjusting your search query</p></div></div></div><script src=https://ellis.reisen/js/scripts.min.js></script>
|
|
<script>const darkmode=document.querySelector(".toggle-dark-mode");function toggleDarkMode(){document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),localStorage.setItem("darkmode","light")):(document.documentElement.classList.add("dark"),localStorage.setItem("darkmode","dark"))}darkmode&&darkmode.addEventListener("click",toggleDarkMode);const darkStorage=localStorage.getItem("darkmode"),isBrowserDark=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches;!darkStorage&&isBrowserDark&&document.documentElement.classList.add("dark"),darkStorage&&darkStorage==="dark"&&toggleDarkMode()</script><script>const mobileMenuButton=document.querySelector(".mobile-menu-button"),mobileMenu=document.querySelector(".mobile-menu");function toggleMenu(){mobileMenu.classList.toggle("hidden"),mobileMenu.classList.toggle("flex")}mobileMenu&&mobileMenuButton&&mobileMenuButton.addEventListener("click",toggleMenu)</script></body></html> |