joerglohrerde/public/posts/page/2/index.html

1334 lines
54 KiB
HTML
Raw Normal View History

2024-11-06 15:55:54 +01:00
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<title>Posts :: Jörg Lohrer - Example site for hugo-theme-tailwind</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content=""
/>
<meta
name="keywords"
content="hugo, tailwind, tailwindcss, hugo theme, hugo theme tailwind"
/>
<meta name="robots" content="noodp" /><link rel="manifest" href="/manifest.json" /><meta property="og:url" content="http://localhost:1313/posts/">
<meta property="og:site_name" content="Jörg Lohrer">
<meta property="og:title" content="Posts">
<meta property="og:locale" content="de">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Posts">
<link rel="canonical" href="http://localhost:1313/posts/" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/index.f2b5b9c8e4e9b03048601ca9eedc29df44c3a73343f4538f41785e16f13c341a.css">
</head>
<body class="flex flex-col min-h-screen w-full bg-slate-50 dark:bg-gray-800">
<div class="fixed right-0 top-0 z-50 flex items-center justify-center bg-gray-200 p-2 text-sm uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
<span class="block sm:hidden">all</span>
<span class="hidden sm:block md:hidden">sm</span>
<span class="hidden md:block lg:hidden">md</span>
<span class="hidden lg:block xl:hidden">lg</span>
<span class="hidden xl:block 2xl:hidden">xl</span>
<span class="hidden 2xl:block">2xl</span>
</div>
<header class="flex flex-none justify-center z-10">
<div class="flex flex-row gap justify-between w-full max-w-4xl lg:max-w-5xl h-12 mt-3">
<div class="flex-none ml-2 md:ml-0">
<a href="/" class="">
<img class="h-12 w-12 rounded-full object-cover bg-gray-100" src="/joerg-profil-2024.webp" alt="logo">
</a>
</div>
<div class="flex-1"></div>
<div class="flex-none">
<nav class="h-full static">
<button id="navbar-menu-toggle" type="button" class="inline-flex items-center p-2 text-sm text-slate-800 dark:text-slate-200 rounded-lg md:hidden" aria-controls="navbar-menu" aria-expanded="false">
<span class="sr-only">Hauptmenü öffnen</span>
<i class="w-8 h-8">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M4 6l16 0" />
<path d="M4 12l16 0" />
<path d="M4 18l16 0" />
</svg>
</i>
</button>
<div class="absolute md:static top-16 left-0 right-0 z-50 hidden w-full md:block md:w-auto" id="navbar-menu">
<ul class="flex flex-col mx-2 md:mx-0 md:flex-row md:border-0 rounded-sm md:rounded-full px-3 text-base font-medium text-slate-800 dark:text-slate-200 shadow-lg bg-white dark:bg-gray-600 shadow-slate-800/5 dark:shadow-slate-200/5 ring-1 ring-slate-900/5 dark:ring-slate-100/5">
<li id="" class="">
<a class="block px-3 py-3 hover:text-emerald-600"
href="/" title="Home">Home</a>
</li>
<li id="" class="">
<a class="block px-3 py-3 hover:text-emerald-600"
href="/tags/" title="Schlagworte">Schlagworte</a>
</li>
<li id="" class="">
<a class="block px-3 py-3 hover:text-emerald-600"
href="/impressum/" title="Impressum">Impressum</a>
</li>
<li id="" class="">
<a class="block px-3 py-3 hover:text-emerald-600"
href="https://reliverse.social/@joerglohrer" title="Mastodon">Mastodon</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="flex-none mx-1"></div>
<div class="flex-none md:hidden">
<a href=/search/ class="inline-flex items-center p-2 text-sm text-slate-800 dark:text-slate-200 rounded-lg" aria-controls="navbar-menu" aria-expanded="false">
<span class="sr-only">Suche</span>
<i class="w-8 h-8">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" />
<path d="M21 21l-6 -6" />
</svg>
</i>
</a>
</div>
<div class="darkmode-toggle flex flex-none mr-2 md:mr-0">
<label for="darkmode-toggle" class="flex items-center px-3 cursor-pointer rounded-full bg-gray-100 dark:bg-gray-600" title="Dark Mode umschalten">
<input name="darkmode-toggle" id="darkmode-toggle" type="checkbox" class="sr-only peer" aria-label="Dark Mode umschalten">
<div class="group flex flex-row gap-1 justify-center h-8 px-1 rounded-full bg-white dark:bg-gray-700">
<i class="h-6 w-6 flex-none rounded-full bg-yellow-400 place-self-center peer-checked:group-[]:invisible">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brightness-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M12 5l0 .01"></path>
<path d="M17 7l0 .01"></path>
<path d="M19 12l0 .01"></path>
<path d="M17 17l0 .01"></path>
<path d="M12 19l0 .01"></path>
<path d="M7 17l0 .01"></path>
<path d="M5 12l0 .01"></path>
<path d="M7 7l0 .01"></path>
</svg>
</i>
<i class="h-6 w-6 flex-none rounded-full place-self-center invisible peer-checked:group-[]:visible">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon-stars" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
<path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>
<path d="M19 11h2m-1 -1v2"></path>
</svg>
</i>
</div>
</label>
</div>
</div>
</header>
<main class="flex flex-auto justify-center">
<div class="flex flex-col w-full max-w-4xl lg:max-w-5xl relative">
<div class="flex flex-row">
<section class="flex flex-col w-full md:w-2/3">
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2021/11/17/wordpress-werkstatt.html/">
<picture>
<source type="image/webp" srcset="/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu8944884994434855314.webp 960w" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu7610248239459608004.jpg 960w" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu8045952101686690525.jpg" width="1350" height="590" alt="WordPress Werkstatt PHP" title="WordPress Werkstatt PHP" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2021/11/17/wordpress-werkstatt.html/">WordPress Werkstatt PHP</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Advanced Custom Fields und Formulareingaben
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/acf/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">ACF</span>
</a>
</li>
<li>
<a href="/tags/wordpress/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">WordPress</span>
</a>
</li>
<li>
<a href="/tags/formulare/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Formulare</span>
</a>
</li>
<li>
<a href="/tags/json/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">JSON</span>
</a>
</li>
<li>
<a href="/tags/plugin/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Plugin</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2021-11-17T00:00:00&#43;00:00">
2021-11-17
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit 2 Minuten
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2021/08/15/virtual-reality.html/">
<picture>
<source type="image/webp" srcset="/2021/08/15/virtual-reality.html/04-aframe_hu4783136555098909517.webp 960w, /2021/08/15/virtual-reality.html/04-aframe_hu1405711134435320747.webp 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="/2021/08/15/virtual-reality.html/04-aframe_hu5962186504347944682.jpg 960w, /2021/08/15/virtual-reality.html/04-aframe_hu4594121494656825586.jpg 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2021/08/15/virtual-reality.html/04-aframe_hu5551583972311331355.jpg" width="2490" height="1344" alt="VR - Virtual Reality" title="VR - Virtual Reality" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2021/08/15/virtual-reality.html/">VR - Virtual Reality</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Tutorials der Oculus Quest 2
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/immersion/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Immersion</span>
</a>
</li>
<li>
<a href="/tags/pr%C3%A4senz/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Präsenz</span>
</a>
</li>
<li>
<a href="/tags/virtuelle-realit%C3%A4t/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Virtuelle Realität</span>
</a>
</li>
<li>
<a href="/tags/sidequest/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Sidequest</span>
</a>
</li>
<li>
<a href="/tags/oculus/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Oculus</span>
</a>
</li>
<li>
<a href="/tags/meta/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Meta</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2021-08-15T00:00:00&#43;00:00">
2021-08-15
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit 4 Minuten
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2019/03/26/pflanzenschild-qr-code.html/">
<picture>
<source type="image/webp" srcset="/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu3079394654976367377.webp 960w, /2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu8904384403990690167.webp 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu245870938086497077.jpg 960w, /2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu1461226842611037882.jpg 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu268794587270110240.jpg" width="2840" height="2156" alt="Pflanzenschild mit QR-Code" title="Pflanzenschild mit QR-Code" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2019/03/26/pflanzenschild-qr-code.html/">Pflanzenschild mit QR-Code</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/qr-code/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">QR-Code</span>
</a>
</li>
<li>
<a href="/tags/3ddruck/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">3DDruck</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2019-03-26T00:00:00&#43;00:00">
2019-03-26
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit eine Minute
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2017/10/31/lutherkuerbis.html/">
<picture>
<source type="image/webp" srcset="" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2017/10/31/lutherkuerbis.html/kuerbis-titelbild_hu4237453201277316258.jpg" width="600" height="450" alt="Lutherkürbis - Reformation an Halloween" title="Lutherkürbis - Reformation an Halloween" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2017/10/31/lutherkuerbis.html/">Lutherkürbis - Reformation an Halloween</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Schablone und Bastelanleitung für einen Kürbis zur Reformation
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/lutherrose/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Lutherrose</span>
</a>
</li>
<li>
<a href="/tags/reformation/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Reformation</span>
</a>
</li>
<li>
<a href="/tags/halloween/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Halloween</span>
</a>
</li>
<li>
<a href="/tags/luther/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Luther</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2017-10-31T00:00:00&#43;00:00">
2017-10-31
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit eine Minute
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2017/10/23/telegram-octopi.html/">
<picture>
<source type="image/webp" srcset="/2017/10/23/telegram-octopi.html/octopi1_hu3748846657624942464.webp 960w" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="/2017/10/23/telegram-octopi.html/octopi1_hu11357202091218680277.jpg 960w" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2017/10/23/telegram-octopi.html/octopi1_hu18217780927463221001.jpg" width="1120" height="678" alt="Telegram Bot für Octopi" title="Telegram Bot für Octopi" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2017/10/23/telegram-octopi.html/">Telegram Bot für Octopi</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Schnittstelle zwischen Telegram und OctoPrint
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/telegram/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Telegram</span>
</a>
</li>
<li>
<a href="/tags/octopi/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Octopi</span>
</a>
</li>
<li>
<a href="/tags/raspberry/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Raspberry</span>
</a>
</li>
<li>
<a href="/tags/3ddruck/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">3DDruck</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2017-10-23T00:00:00&#43;00:00">
2017-10-23
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit eine Minute
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">Erlebnispädagogik im Handbuch Jugend Evangelische Perspektiven</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Artikel unter CC-BY Lizenz
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/erlebnisp%C3%A4dagogik/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Erlebnispädagogik</span>
</a>
</li>
<li>
<a href="/tags/jugendliche/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Jugendliche</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2013-05-29T00:00:00&#43;00:00">
2013-05-29
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit 5 Minuten
</span>
</div>
</div>
</div>
</article>
<article class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
<div>
<a href="/2013/02/07/premium-freemium-mium-mium-mium.html/">
<picture>
<source type="image/webp" srcset="" sizes="(min-width: 1024px) 100vw, 50vw" />
<source type="image/jpeg" srcset="" sizes="(min-width: 1024px) 100vw, 50vw" />
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu12105722171973156153.jpg" width="782" height="1023" alt="Premium, Freemium, Mium mium mium" title="Premium, Freemium, Mium mium mium" loading="lazy" />
</picture>
</a>
</div>
<div class="flex flex-col gap-y-3 p-6">
<h2 class="text-4xl font-semibold text-slate-800 dark:text-slate-200">
<a href="/2013/02/07/premium-freemium-mium-mium-mium.html/">Premium, Freemium, Mium mium mium</a>
</h2>
<div class="my-4 text-large text-slate-600 dark:text-slate-300">
Zur Produktion von sattmachenden Bildungsinhalten
</div>
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
<li>
<a href="/tags/oer/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">OER</span>
</a>
</li>
<li>
<a href="/tags/freemium/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">Freemium</span>
</a>
</li>
<li>
<a href="/tags/mooc/"
class="flex flex-row text-sm mr-2 py-1">
<i class="h-5 w-5 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<span class="ml-0">MOOC</span>
</a>
</li>
</ul>
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</svg>
</i>
<time datetime="2013-02-07T00:00:00&#43;00:00">
2013-02-07
</time>
</div>
<div class="flex flex-row text-base gap-x-1">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6.5 7h11"></path>
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>
</i>
<span>
Lesezeit 2 Minuten
</span>
</div>
</div>
</div>
</article>
</section>
<aside class="hidden md:flex flex-col md:w-1/3 ml-3 top-0 sticky self-start">
<section class="pl-6 mt-6 w-full max-w-4xl lg:max-w-5xl">
<form class="" action=/search/ method="get">
<div class="flex">
<input type="text" name="search" id="search-input" required placeholder="Suche..." class="rounded-none rounded-s-lg border border-gray-300 text-slate-800 focus:outline-none focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-3 dark:bg-slate-700 dark:border-slate-600 dark:placeholder-slate-400 dark:text-slate-200 dark:focus:ring-blue-500 dark:focus:border-blue-500">
<button class="inline-flex items-center px-3 text-sm text-slate-900 bg-slate-200 border border-e-0 border-gray-300 rounded-e-lg dark:bg-slate-600 dark:text-slate-400 dark:border-slate-600">
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" />
<path d="M21 21l-6 -6" />
</svg>
</i>
</button>
</div>
</form>
</section>
<section class="flex flex-col w-full gap-y-3 pl-6 py-3 mt-6 text-slate-800 dark:text-slate-200">
<div class="flex flex-row">
<a class="flex flex-row" href='/tags/'>
<i class="h-6 w-6 flex-none">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9l14 0"></path>
<path d="M5 15l14 0"></path>
<path d="M11 4l-4 16"></path>
<path d="M17 4l-4 16"></path>
</svg>
</i>
<h2 class="pl-1 uppercase">
Tags
</h2>
</a>
</div>
<ul class="flex flex-row flex-wrap">
<li class="mt-2 mr-2">
<a href="/tags/community/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Community
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/oer/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
OER
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/wordpress/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
WordPress
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/3ddruck/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
3DDruck
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/bibel/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Bibel
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/hefeteig/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Hefeteig
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/offenheit/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Offenheit
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/ubuntu/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Ubuntu
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/acf/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
ACF
</a>
</li>
<li class="mt-2 mr-2">
<a href="/tags/bewusstsein/"
class="rounded px-2 py-1 text-sm text-slate-800 dark:text-slate-300 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur bg-slate-50 dark:bg-gray-700">
Bewusstsein
</a>
</li>
</ul>
</section>
</aside>
</div>
<div class="flex flex-row justify-center mt-6 gap-2">
<a href="/posts/"
class="flex flex-row text-base font-semibold rounded-md text-slate-700 dark:text-slate-300 bg-slate-200 dark:bg-gray-700 p-2 pr-3">
<i class="h-6 w-6 flex-none mr-1"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-caret-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M14 6l-6 6l6 6v-12"></path>
</svg>
</i>
<span>Neuere Beiträge</span>
</a>
</div>
</div>
</main>
<footer class="flex flex-none justify-center">
<section class="flex flex-col md:flex-row mx-2 md:mx-0 gap-2 md:gap-0 justify-between w-full max-w-4xl lg:max-w-5xl py-6 text-slate-500 dark:text-slate-300">
<div class="flex flex-row">
<a href="https://reliverse.social/@joerglohrer" target="_blank" title="Mastodon" class="flex flex-row mr-2">
<span class="hidden">Mastodon</span>
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-mastodon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944z" /><path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" /></svg> </i>
</a>
<a href="https://nostrrr.com/p/npub1mmful66pyasny86vdxtm0d2v9v572hjtmx0ufaa2t4m9hxartuxs4wu69w" target="_blank" title="nostr" class="flex flex-row mr-2">
<span class="hidden">nostr</span>
<i class="h-6 w-6 flex-none"> <?xml version="1.0" encoding="UTF-8"?>
<svg id="_8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#662482;}</style></defs><path class="cls-2" d="m231.16,159.49c0,20.71,0,31.07-3.53,42.22-4.43,12.17-14.02,21.76-26.19,26.19-11.15,3.53-21.5,3.53-42.22,3.53h-62.46c-20.71,0-31.06,0-42.21-3.53-12.17-4.43-21.76-14.02-26.19-26.19-3.53-11.15-3.53-21.5-3.53-42.22v-62.46c0-20.71,0-31.07,3.53-42.22,4.43-12.17,14.02-21.76,26.19-26.19,11.15-3.52,21.5-3.52,42.21-3.52h62.46c20.71,0,31.07,0,42.22,3.52,12.17,4.43,21.76,14.02,26.19,26.19,3.53,11.15,3.53,21.5,3.53,42.22v62.46Z"/><path class="cls-3" d="m210.81,116.2v83.23c0,3.13-2.54,5.67-5.67,5.67h-68.04c-3.13,0-5.67-2.54-5.67-5.67v-15.5c.31-19,2.32-37.2,6.54-45.48,2.53-4.98,6.7-7.69,11.49-9.14,9.05-2.72,24.93-.86,31.67-1.18,0,0,20.36.81,20.36-10.72,0-9.28-9.1-8.55-9.1-8.55-10.03.26-17.67-.42-22.62-2.37-8.29-3.26-8.57-9.24-8.6-11.24-.41-23.1-34.47-25.87-64.48-20.14-32.81,6.24.36,53.27.36,116.05v8.38c-.06,3.08-2.55,5.57-5.65,5.57h-33.69c-3.13,0-5.67-2.54-5.67-5.67V55.49c0-3.13,2.54-5.67,5.67-5.67h31.67c3.13,0,5.67,2.54,5.67,5.67,0,4.65,5.23,7.24,9.01,4.53,11.39-8.16,26.01-12.51,42.37-12.51,36.65,0,64.36,21.36,64.36,68.69Zm-60.84-16.89c0-6.7-5.43-12.13-12.13-12.13s-12.13,5.43-12.13,12.13,5.43,12.13,12.13,12.13,12.13-5.43,12.13-12.13Z"/><rect class="cls-1" /></svg> </i>
</a>
<a href="https://bsky.app/profile/joerglohrer.bsky.social" target="_blank" title="Bluesky" class="flex flex-row mr-2">
<span class="hidden">Bluesky</span>
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" /></svg> </i>
</a>
<a href="https://www.instagram.com/joerglohrer" target="_blank" title="Instagram" class="flex flex-row mr-2">
<span class="hidden">Instagram</span>
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg>
</i>
</a>
</div>
<div class="grow"></div>
<div class="flex flex-row">
<i class="h-6 w-6 flex-none"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-copyright" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
<path d="M14 9.75a3.016 3.016 0 0 0 -4.163 .173a2.993 2.993 0 0 0 0 4.154a3.016 3.016 0 0 0 4.163 .173"></path>
</svg>
</i> 2023 - 2024
</div>
<div class="flex flex-row">
<span class="ml-0 pl-0 md:ml-2 md:pl-2 border-l-0 md:border-l border-slate-300 dark:border-slate-400">
Powered by <a href="https://gohugo.io" target="_blank" rel="noopener" class="underline">Hugo</a> <span class="text-red-600">&hearts;</span> <a href="https://github.com/tomowang/hugo-theme-tailwind" target="_blank" rel="noopener" class="underline">Tailwind</a>
</span>
</div>
</section>
</footer>
<script src="/main.js"></script>
</body>
</html>