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

1329 lines
53 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<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="https://joerg-lohrer.de/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="https://joerg-lohrer.de/posts/" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/css/index.min.c860e17f20d9f258820c02bf7ab3f57c9595d0bc21dede7eda08ccd63ba3f4cc.css">
</head>
<body class="flex flex-col min-h-screen w-full bg-slate-50 dark:bg-gray-800"><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"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
class="nostro"
d="m 21.219688,10.632199 v 9.782376 c 0,0.36788 -0.298537,0.666422 -0.666421,0.666422 h -7.997031 c -0.367884,0 -0.666422,-0.298542 -0.666422,-0.666422 v -1.82178 c 0.03645,-2.233152 0.272682,-4.372276 0.768675,-5.34546 0.297363,-0.58532 0.78748,-0.903839 1.350469,-1.074263 1.063686,-0.319694 2.93013,-0.10108 3.722312,-0.138691 0,0 2.392997,0.09521 2.392997,-1.259967 0,-1.0907187 -1.069562,-1.0049187 -1.069562,-1.0049187 -1.178867,0.03055 -2.076831,-0.04937 -2.658626,-0.278557 C 15.421721,9.1077763 15.388811,8.4049219 15.385285,8.1698534 15.337094,5.4548117 11.333878,5.1292411 7.8066742,5.8027121 3.9503743,6.536127 7.8489842,12.063765 7.8489842,19.44257 v 0.984936 c -0.00706,0.362004 -0.299712,0.654662 -0.6640682,0.654662 h -3.95973 c -0.3678829,0 -0.6664195,-0.298534 -0.6664195,-0.666415 V 3.4966903 c 0,-0.3678822 0.2985366,-0.6664194 0.6664195,-0.6664194 h 3.7223109 c 0.3678822,0 0.6664189,0.2985372 0.6664189,0.6664194 0,0.546534 0.6147044,0.8509478 1.0589839,0.5324305 1.3387143,-0.9590801 3.0570663,-1.4703543 4.9799263,-1.4703543 4.307633,0 7.564508,2.5105327 7.564508,8.0734325 z M 14.068901,8.6470424 c 0,-0.7874805 -0.638211,-1.4256909 -1.425691,-1.4256909 -0.787479,0 -1.425692,0.6382104 -1.425692,1.4256909 0,0.7874809 0.638213,1.4256916 1.425692,1.4256916 0.78748,0 1.425691,-0.6382107 1.425691,-1.4256916 z"
id="nostr"
style="fill:currentColor;fill-opacity:1;stroke-width:0.5" />
</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.min.65ca5b0808abf278fcec5d424701ebf0b4bc46a737129cd5e57fdb739f463e79.js"></script>
</body>
</html>