2024-02-13 10:05:55 +01:00
<!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 > Blogs - Be Ellive
< / title > < meta name = description content > < meta name = author content = "Katja Scheer-Schmidt, Jens Noack" > < meta name = generator content = "Hugo 0.122.0" > < 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/blog/index.xml title = "Be Ellive" > < meta property = "og:title" content = "Blogs" > < meta property = "og:description" content > < meta property = "og:type" content = "website" > < meta property = "og:url" content = "https://ellis.reisen/blog/" > < meta name = twitter:card content = "summary" > < meta name = twitter:title content = "Blogs" > < meta name = twitter:description content > < meta itemprop = name content = "Blogs" > < 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 > < h1 class = "container px-6 pt-6 mx-auto text-3xl font-bold" > Blogs< / h1 > < 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 = "grid place-items-center mb-8" > < / 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 reser
< / 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 >
