diff --git a/.DS_Store b/.DS_Store
index 612c351..08202b1 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/content/posts/2024-04-03-kibedenken-bewusstsein/index.md b/content/posts/2024-04-03-kibedenken-bewusstsein/index.md
index 22d94cf..68e08ff 100644
--- a/content/posts/2024-04-03-kibedenken-bewusstsein/index.md
+++ b/content/posts/2024-04-03-kibedenken-bewusstsein/index.md
@@ -1,5 +1,4 @@
 ---
-
 layout: post
 title: "KIBedenken - Bewusstsein"
 slug: "KIBedenken - Bewusstsein"
@@ -7,8 +6,14 @@ description: Intelligenz oder Bewusstsein?
 image: kibedenken.png
 cover:
   image: kibedenken.png
+  caption: "[CC0](https://creativecommons.org/publicdomain/zero/1.0/deed.de) Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0* "
+  alt: "Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*"
 date: 2024-04-03
 author: Jörg Lohrer
+comments:
+  host: reliverse.social
+  username: joerglohrer
+  id: 112208546053995638
 tags: [ "Künstliche Intelligenz", "Bewusstsein", "Religionspädagogik", "Community" ] 
 lang: de
 dir: ltr
@@ -21,11 +26,7 @@ creator:
     affiliation:
       name: Comenius-Institut
       id: https://ror.org/025e8aw85
-      type: Organization
-cover: 
-  image: kibedenken.png
-  caption: "[CC0](https://creativecommons.org/publicdomain/zero/1.0/deed.de) Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0* "
-  alt: "Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*"
+      type: Organization 
 ---
 
 # #KIBedenken - Bewusstsein
diff --git a/hugo.toml b/hugo.toml
index 1c940c2..a25dfe6 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -45,6 +45,7 @@ logo = "joerg-profil-2024.webp"
 
 [params]
 	social = true
+  comments = true
   [[params.jsonLD]]
   enabled = true
 
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
new file mode 100644
index 0000000..67093af
--- /dev/null
+++ b/layouts/partials/comments.html
@@ -0,0 +1,191 @@
+{{ with .Params.comments }}
+<section id="comments" class="article-content">
+  <h2>Kommentare</h2>
+  <p>Mit einem Mastodon- oder Fediverse-Account kannst du <a href="https://{{ .host }}/@{{ .username }}/{{ .id }}">hier antworten</a></p>
+
+  <p id="mastodon-comments-list"><button id="load-comment">Kommentare laden</button></p>
+  <div id="comments-wrapper">
+    <noscript><p>Loading comments relies on JavaScript. Try enabling JavaScript and reloading, or visit <a href="https://{{ .host }}/@{{ .username }}/{{ .id }}">the original post</a> on Mastodon.</p></noscript>
+  </div>
+  <noscript>You need JavaScript to view the comments.</noscript>
+  <script src="/js/purify.min.js"></script>
+  <script type="text/javascript">
+    function escapeHtml(unsafe) {
+      return unsafe
+           .replace(/&/g, "&amp;")
+           .replace(/</g, "&lt;")
+           .replace(/>/g, "&gt;")
+           .replace(/"/g, "&quot;")
+           .replace(/'/g, "&#039;");
+    }
+    function emojify(input, emojis) {
+      let output = input;
+
+      emojis.forEach(emoji => {
+        let picture = document.createElement("picture");
+
+        let source = document.createElement("source");
+        source.setAttribute("srcset", escapeHtml(emoji.url));
+        source.setAttribute("media", "(prefers-reduced-motion: no-preference)");
+
+        let img = document.createElement("img");
+        img.className = "emoji";
+        img.setAttribute("src", escapeHtml(emoji.static_url));
+        img.setAttribute("alt", `:${ emoji.shortcode }:`);
+        img.setAttribute("title", `:${ emoji.shortcode }:`);
+        img.setAttribute("width", "20");
+        img.setAttribute("height", "20");
+
+        picture.appendChild(source);
+        picture.appendChild(img);
+
+        output = output.replace(`:${ emoji.shortcode }:`, picture.outerHTML);
+      });
+
+      return output;
+    }
+
+    function loadComments() {
+      let commentsWrapper = document.getElementById("comments-wrapper");
+      document.getElementById("load-comment").innerHTML = "Loading";
+      fetch('https://{{ .host }}/api/v1/statuses/{{ .id }}/context')
+        .then(function(response) {
+          return response.json();
+        })
+        .then(function(data) {
+          let descendants = data['descendants'];
+          if(
+            descendants &&
+            Array.isArray(descendants) &&
+            descendants.length > 0
+          ) {
+            commentsWrapper.innerHTML = "";
+
+            descendants.forEach(function(status) {
+                console.log(descendants)
+              if( status.account.display_name.length > 0 ) {
+                status.account.display_name = escapeHtml(status.account.display_name);
+                status.account.display_name = emojify(status.account.display_name, status.account.emojis);
+              } else {
+                status.account.display_name = status.account.username;
+              };
+
+              let instance = "";
+              if( status.account.acct.includes("@") ) {
+                instance = status.account.acct.split("@")[1];
+              } else {
+                instance = "{{ .host }}";
+              }
+
+              const isReply = status.in_reply_to_id !== "{{ .id }}";
+
+              let op = false;
+              if( status.account.acct == "{{ .username }}" ) {
+                op = true;
+              }
+
+              status.content = emojify(status.content, status.emojis);
+
+              let avatarSource = document.createElement("source");
+              avatarSource.setAttribute("srcset", escapeHtml(status.account.avatar));
+              avatarSource.setAttribute("media", "(prefers-reduced-motion: no-preference)");
+
+              let avatarImg = document.createElement("img");
+              avatarImg.className = "avatar";
+              avatarImg.setAttribute("src", escapeHtml(status.account.avatar_static));
+              avatarImg.setAttribute("alt", `@${ status.account.username }@${ instance } avatar`);
+
+              let avatarPicture = document.createElement("picture");
+              avatarPicture.appendChild(avatarSource);
+              avatarPicture.appendChild(avatarImg);
+
+              let avatar = document.createElement("a");
+              avatar.className = "avatar-link";
+              avatar.setAttribute("href", status.account.url);
+              avatar.setAttribute("rel", "external nofollow");
+              avatar.setAttribute("title", `View profile at @${ status.account.username }@${ instance }`);
+              avatar.appendChild(avatarPicture);
+
+              let instanceBadge = document.createElement("a");
+              instanceBadge.className = "instance";
+              instanceBadge.setAttribute("href", status.account.url);
+              instanceBadge.setAttribute("title", `@${ status.account.username }@${ instance }`);
+              instanceBadge.setAttribute("rel", "external nofollow");
+              instanceBadge.textContent = instance;
+
+              let display = document.createElement("span");
+              display.className = "display";
+              display.setAttribute("itemprop", "author");
+              display.setAttribute("itemtype", "http://schema.org/Person");
+              display.innerHTML = status.account.display_name;
+
+              let header = document.createElement("header");
+              header.className = "author";
+              header.appendChild(display);
+              header.appendChild(instanceBadge);
+
+              let permalink = document.createElement("a");
+              permalink.setAttribute("href", status.url);
+              permalink.setAttribute("itemprop", "url");
+              permalink.setAttribute("title", `View comment at ${ instance }`);
+              permalink.setAttribute("rel", "external nofollow");
+              permalink.textContent = new Date( status.created_at ).toLocaleString('en-US', {
+                dateStyle: "long",
+                timeStyle: "short",
+              });
+
+              let timestamp = document.createElement("time");
+              timestamp.setAttribute("datetime", status.created_at);
+              timestamp.appendChild(permalink);
+
+              let main = document.createElement("main");
+              main.setAttribute("itemprop", "text");
+              main.innerHTML = status.content;
+
+              let interactions = document.createElement("footer");
+              if(status.favourites_count > 0) {
+                let faves = document.createElement("a");
+                faves.className = "faves";
+                faves.setAttribute("href", `${ status.url }/favourites`);
+                faves.setAttribute("title", `Favorites from ${ instance }`);
+                faves.textContent = status.favourites_count;
+
+                interactions.appendChild(faves);
+              }
+
+              let comment = document.createElement("article");
+              comment.id = `comment-${ status.id }`;
+              comment.className = isReply ? "comment comment-reply" : "comment";
+              comment.setAttribute("itemprop", "comment");
+              comment.setAttribute("itemtype", "http://schema.org/Comment");
+              comment.appendChild(avatar);
+              comment.appendChild(header);
+              comment.appendChild(timestamp);
+              comment.appendChild(main);
+              comment.appendChild(interactions);
+
+              if(op === true) {
+                comment.classList.add("op");
+
+                avatar.classList.add("op");
+                avatar.setAttribute(
+                  "title",
+                  "Blog post author; " + avatar.getAttribute("title")
+                );
+
+                instanceBadge.classList.add("op");
+                instanceBadge.setAttribute(
+                  "title",
+                  "Blog post author: " + instanceBadge.getAttribute("title")
+                );
+              }
+
+              commentsWrapper.innerHTML += DOMPurify.sanitize(comment.outerHTML);
+            });
+          }
+        });
+      }
+      document.getElementById("load-comment").addEventListener("click", loadComments);
+  </script>
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/public/2013/02/07/premium-freemium-mium-mium-mium.html/index.html b/public/2013/02/07/premium-freemium-mium-mium-mium.html/index.html
index 5706010..75f363c 100644
--- a/public/2013/02/07/premium-freemium-mium-mium-mium.html/index.html
+++ b/public/2013/02/07/premium-freemium-mium-mium-mium.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Premium, Freemium, Mium mium mium | Jörg Lohrer</title>
 <meta name="keywords" content="OER, Freemium, MOOC">
 <meta name="description" content="Zur Produktion von sattmachenden Bildungsinhalten">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Premium, Freemium, Mium mium mium" />
-<meta property="og:description" content="Zur Produktion von sattmachenden Bildungsinhalten" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/my-very-hungry-caterpillar.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2013-02-07T00:00:00+00:00" />
-<meta property="article:modified_time" content="2013-02-07T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/my-very-hungry-caterpillar.jpg" />
-<meta name="twitter:title" content="Premium, Freemium, Mium mium mium"/>
-<meta name="twitter:description" content="Zur Produktion von sattmachenden Bildungsinhalten"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Premium, Freemium, Mium mium mium",
-      "item": "https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Premium, Freemium, Mium mium mium",
-  "name": "Premium, Freemium, Mium mium mium",
-  "description": "Zur Produktion von sattmachenden Bildungsinhalten",
-  "keywords": [
-    "OER", "Freemium", "MOOC"
-  ],
-  "articleBody": "Premium, Freemium, Mium mium mium Wer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\nNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\n![](my-very-hungry-caterpillar.jpg =240x) Foto: 365.79 My very hungry caterpillar - Relly Annett-Baker CC BY-NC-SA\nWo früher noch für ein Produkt bezahlt wurde, wird morgen ein Vorgang monetarisiert werden müssen. Übergangslösungen sind bezahlte Dienstleitungen, Werbeeinblendungen, Freischaltcodes, digitales Rechtemanagement oder Crowdfunding. Insgesamt zeigt sich zugleich, dass Geld immer weniger einen materialisierbaren Gegenwert erhält und sich somit eventuell die Substanz der Währung allmählich aufzulösen beginnt. Doch genausowenig wie man Geld essen kann, wird man von Bildung satt. Die Frage, die sich stellt, ist also keine geringere als die nach einer Kalibrierung der Geldfunktionen. Gegenseitige Anerkennung, Verlässlichkeit und Loyalität, Kooperation und Ideenreichtum, Unterstützung und Feedback sind im Rahmen eines offenen Online-Kurses ohnehin unbezahlbar und treten verblüffenderweise da am stärksten auf, wo kein Geldtransfer im Spiel ist. Das zeigt einmal mehr, dass man sich die besten Dinge im Leben mit Geld eben gerade nicht kaufen kann. Doch satt bin ich noch immer nicht.\n",
-  "wordCount" : "264",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/my-very-hungry-caterpillar.jpg","datePublished": "2013-02-07T00:00:00Z",
-  "dateModified": "2013-02-07T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_462c59f0b44c0605.jpg 360w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_ab0726ad94ee6ecc.jpg 480w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_6cfc5d8c25698662.jpg 720w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg 782w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg" alt="" 
-            width="782" height="1023">
+        <img loading="eager" src="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="premium-freemium-mium-mium-mium">Premium, Freemium, Mium mium mium<a hidden class="anchor" aria-hidden="true" href="#premium-freemium-mium-mium-mium">#</a></h1>
@@ -232,11 +164,12 @@ Doch satt bin ich noch immer nicht.</p>
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/index.html b/public/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/index.html
index 8613895..da7548f 100644
--- a/public/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/index.html
+++ b/public/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven | Jörg Lohrer</title>
 <meta name="keywords" content="Erlebnispädagogik, Jugendliche">
 <meta name="description" content="Artikel unter CC-BY Lizenz">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,71 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven" />
-<meta property="og:description" content="Artikel unter CC-BY Lizenz" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2013-05-29T00:00:00+00:00" />
-<meta property="article:modified_time" content="2013-05-29T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven"/>
-<meta name="twitter:description" content="Artikel unter CC-BY Lizenz"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven",
-      "item": "https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven",
-  "name": "Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven",
-  "description": "Artikel unter CC-BY Lizenz",
-  "keywords": [
-    "Erlebnispädagogik", "Jugendliche"
-  ],
-  "articleBody": "Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven Das Handbuch Jugend – Evangelische Perspektiven, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt. CC BY Jörg Lohrer\nErlebnispädagogik Ziele und Arbeitsformen Erlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\nErlebnispädagogik arbeitet mit Wahrnehmungs- und Vertrauensübungen, Kooperations- und Problemlösungsaufgaben, abenteuerlichen Aktionen, persönlichen Herausforderungen und Grenzerfahrungen. Angebote und Maßnahmen mit erlebnispädagogischem Charakter sind zum Beispiel Kanu- und Fahrrad-Touren, Kletteraktionen, kooperative Abenteuerspiele, Natursensibilisierung, Trekkingtouren, Nieder- und Hochseilparcours oder Geocaching.\nErlebnispädagogische Maßnahmen finden u.a. Anwendung im Bereich der Kooperation von Jugendverbandsarbeit und Schule, bei Klassenfahrten, der Präventionsarbeit, bei gruppendynamischen Prozessen, Mitarbeiterschulungen, der Entwicklung von Teamarbeit und in etlichen weiteren Praxisfeldern evangelischer Jugendbildung.\nMit den Arbeitsprinzipien Respekt, Selbstbestimmung, Vertrauen, Kooperation, Verantwortung und Ganzheitlichkeit korrespondiert die Erlebnispädagogik mit dem Profil der evangelischen Jugendarbeit. Ebenso liegen Chancen in einer Verknüpfung von erlebnispädagogischen Aktionen mit einer erfahrungsbezogenen Verkündigung. Erlebnispädagogische Maßnahmen werden als Jugendbildungsveranstaltungen gefördert, wenn sozial-ökologische Inhalte und/oder politisch-kulturelle Schwerpunktthemen mit gesellschaftlichem Bezug im Mittelpunkt der Maßnahme stehen.\nEntstehung, Prinzipien, Methoden Der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) nennt weit in die Vergangenheit zurück reichende Wurzeln der Erlebnispädagogik. Als wichtige Autoren, auf die das Konzept vom handlungsorientierten Lernen zurückgeführt wird, werden Platon (427–347 v.Chr.), Rousseau (1712–1778), Pestalozzi (1746–1827) und schließ- lich Kurt Hahn (1886–1974) als ‚Urvater‘ der Erlebnispädagogik genannt. Ihre heutige Vielfalt und weite Verbreitung hat die Erlebnispädagogik allerdings erst im 20. Jahrhundert und schließlich in den letzten Jahrzehnten entwickelt. Erlebnispädagogik wird nicht nur im Bereich der Erziehung von Kindern und Jugendlichen angewandt, sondern findet inzwischen auch vielfältige Beachtung in der Arbeit mit nahezu allen Altersgruppen zu unterschiedlichen Problem- und Zielstellungen in der präventiven Kurzzeitpädagogik, der intensiven sozialpädagogischen Einzelbetreuung, im Rahmen der beruflichen Fort und Weiterbildung oder in Führungskräftetrainings (vgl. www.bundesverband- erlebnispaedagogik.de).\nAls Grundprinzipien können unter anderem benannt werden: Handlungsorientierung, Ganzheitlichkeit, Eigenverantwortung, Freiwilligkeit, Sicherheit und Nachhaltig- keit. Dabei sind die pädagogischen, kompetenz- und ressourcenorientierten Angebote der Erlebnispädagogik stets eingebettet in die aktuelle Rechtsgrundlage und (Bildungs-) Politik.\nMethodische Aspekte sind z.B.: der hohe Stellenwert des Erlebnisses und das Arbeiten mit erlebnispädagogischen Lernszenarien, nicht-alltäglichen Herausforderungen und Wagnissen, Einsatz verschiedener Medien und der Natur als bevorzugtem Lern- und Erfahrungsraum. Neben einer zunehmende Gruppenselbststeuerung baut die Erlebnispädagogik auf Lern- und Wirkungsmodelle wie das Komfortzonenmodell, das metaphorische Modell, Aktions- und Reflexionswelle oder das FlowModell. Erlebnispädagogik hat als Lernszenariotechnik zwar eine eigene Strukturlogik, dient jedoch ebenso als Methode im nicht genuin erlebnispädagogischen Kontext und entwickelt somit Reichweite, Relevanz und pädagogische Innovationskraft in Konfirmandenarbeit, Religionsunterricht und Gemeindepädagogik.\nAktuelle Fragestellungen und Entwicklungsperspektiven: Qualität und Wirkung Als partizipatorisches Angebot setzt die Erlebnispädagogik auf das Prinzip der Freiwilligkeit und der selbstbestimmten Teilnahme. Unter dem Motto ‚challenge by choice‘ hat eine subjektorientierte Erlebnispädagogik stets zu gewährleisten, dass die Teilnehmenden den Grad ihrer Beteiligung und Verantwortungsübernahme selbst bestimmen können. Reiserechtliche Bestimmungen, Versicherung und Haftung sind daher aktuell handlungsleitendend bei der Erstellung von erlebnispädagogischen Angeboten und Konzeptionen. Hier gab es in den letzten Jahren zahlreiche Entwicklungen, die eine Qualitätssicherung der Mitarbeitendenbildung in Pädagogik und Sicherheitstechnik hinsichtlich geltender Kriterien voraussetzen und notwendig machen. Entsprechende Zusatzqualifikationen sollten daher immer mindestens durch die jeweiligen Fachsportverbände zertifizierbar sein. Mit dem Gütesiegel „Qualität erlebnispädagogischer Programme und Angebote – Mit Sicherheit pädagogisch!“ (beQ) hat der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) ein Zertifizierungsverfahren entwickelt, das ein bundeseinheitliches Qualitätsmanagement fördern will.\nDie Wirkungsforschung erlebnispädagogischer Lernarrangements untersucht deren Substanz, Akzeptanz und Nachhaltigkeit hinsichtlich ihrer Qualität von Konzept, Struktur, Prozess und Ergebnis. Studien konnten bislang Indizien für Impulse zur Kompetenzentwicklung nachweisen, die wissenschaftliche Evaluation gestaltet sich jedoch genauso komplex wie das Spektrum der erlebnispädagogischen Handlungsfelder und so fehlt es bislang an validen Studien, die das Wirkungspotenzial eindeutig beschreiben können.\nIm Kontext evangelischer Jugendbildung stellt sich bei der Verwendung erlebnispädagogischer Methoden immer auch die Frage nach einer Verknüpfung von christlichen Inhalten mit der handlungsorientierten Pädagogik. Die Assoziation von Natur und Schöpfung ist beispielsweise ebenso naheliegend wie die Reflexion von religiösen Erfahrungen in erlebnispädagogischen Lernsettings. Inwiefern sich dabei Unverfügbares inszenieren lässt, bleibt dabei ebenso eine Herausforderung, wie bei der oben beschriebenen Wirkungsforschung. In den vergangenen Jahren haben sich einige Konzepte zur Erprobung erlebnispädagogischer Methoden im christlichen Kontext entwickelt, die zunehmend auch theologisch und religionsdidaktisch reflektiert werden. Eine überregionale Organisation dieser Einzelinitiativen auf Bundesebene wäre der nächste Schritt hin zu einem evangelischen Profil erlebnispädagogischer Jugendbildungsarbeit.\nLiteratur Großer, Achim/Oberländer, Rainer/Lohrer, Jörg/Wiedmayer, Jörg (2005/2011): Sinn gesucht – Gott erfahren. Erlebnispädagogik im christlichen Kontext (Band 1 (2005)/Band 2 (2011)). Stuttgart: Buch und Musik. Heckmair, Bernd/Michl, Werner (2008): Erleben und Lernen. Einführung in die Erlebnispädagogik. München: Reinhardt. Reiners, Annette (2007): Praktische Erlebnispädagogik. Augsburg: ZIEL. Pum, Viktoria/Pirner, Manfred L./Lohrer, Jörg (Hrsg.) (2011): Erlebnispädagogik im christlichen Kontext. Dokumentation einer Tagung der Evangelischen Akademie Bad Boll, 2. bis 4. März 2009. Bad Boll: Evangelische Akademie.\nLinks Bundesverband Individual- und Erlebnispädagogik e.V. (BE): https://www.bundesverband-erlebnispaedagogik.de/ Fachportal für Erlebnispädagogik im christlichen Kontext des Evangelischen Jugendwerks in Württemberg: https://www.ejwue.de/arbeitsbereiche/erlebnispaedagogik/ Informationsdienst Erlebnispädagogik mit Literaturliste: http://erlebnispaedagogik.de/ Bundesweite Klassenfahrten, Aus- und Weiterbildungsangebote der Gesellschaft zur Förderung der Erlebnispädagogik (GFE): https://www.erlebnistage.de/ ",
-  "wordCount" : "898",
-  "inLanguage": "de",
-  "datePublished": "2013-05-29T00:00:00Z",
-  "dateModified": "2013-05-29T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -137,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -165,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -258,11 +194,12 @@ Pum, Viktoria/Pirner, Manfred L./Lohrer, Jörg (Hrsg.) (2011): Erlebnispädagogi
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2017/10/23/telegram-octopi.html/index.html b/public/2017/10/23/telegram-octopi.html/index.html
index 850a544..cd91101 100644
--- a/public/2017/10/23/telegram-octopi.html/index.html
+++ b/public/2017/10/23/telegram-octopi.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Telegram Bot für Octopi | Jörg Lohrer</title>
 <meta name="keywords" content="Telegram, Octopi, Raspberry, 3DDruck">
 <meta name="description" content="Schnittstelle zwischen Telegram und OctoPrint">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2017/10/23/telegram-octopi.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2017/10/23/telegram-octopi.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Telegram Bot für Octopi" />
-<meta property="og:description" content="Schnittstelle zwischen Telegram und OctoPrint" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/octopi1.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2017-10-23T00:00:00+00:00" />
-<meta property="article:modified_time" content="2017-10-23T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/octopi1.png" />
-<meta name="twitter:title" content="Telegram Bot für Octopi"/>
-<meta name="twitter:description" content="Schnittstelle zwischen Telegram und OctoPrint"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Telegram Bot für Octopi",
-      "item": "https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Telegram Bot für Octopi",
-  "name": "Telegram Bot für Octopi",
-  "description": "Schnittstelle zwischen Telegram und OctoPrint",
-  "keywords": [
-    "Telegram", "Octopi", "Raspberry", "3DDruck"
-  ],
-  "articleBody": "Das OctoPrint-Telegram-Plugin schafft eine Schnittstelle zwischen Telegram und OctoPrint. Hier die Anleitung auf Englisch: https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\nDas dauert eine Weile: Token eingeben: Heisst aber nicht, dass jetzt alles gleich klappt: Es müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden: ",
-  "wordCount" : "41",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/octopi1.png","datePublished": "2017-10-23T00:00:00Z",
-  "dateModified": "2017-10-23T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_3949ad182f9e856f.png 360w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_d8c902d783b3636a.png 480w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_81f00315a449d1b.png 720w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_a40f896992ee71ac.png 1080w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1.png 1120w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1.png" alt="" 
-            width="1120" height="678">
+        <img loading="eager" src="http://localhost:1313/2017/10/23/telegram-octopi.html/octopi1.png" alt="">
         
 </figure>
   <div class="post-content"><p>Das <a href="http://plugins.octoprint.org/plugins/telegram/">OctoPrint-Telegram-Plugin</a> schafft eine Schnittstelle zwischen Telegram und OctoPrint.
@@ -238,11 +170,12 @@ Hier die Anleitung auf Englisch: <a href="https://github.com/fabianonline/OctoPr
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2017/10/31/lutherkuerbis.html/index.html b/public/2017/10/31/lutherkuerbis.html/index.html
index 2be8579..9f12ae9 100644
--- a/public/2017/10/31/lutherkuerbis.html/index.html
+++ b/public/2017/10/31/lutherkuerbis.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Lutherkürbis - Reformation an Halloween | Jörg Lohrer</title>
 <meta name="keywords" content="Lutherrose, Reformation, Halloween, Luther">
 <meta name="description" content="Schablone und Bastelanleitung für einen Kürbis zur Reformation">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2017/10/31/lutherkuerbis.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2017/10/31/lutherkuerbis.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Lutherkürbis - Reformation an Halloween" />
-<meta property="og:description" content="Schablone und Bastelanleitung für einen Kürbis zur Reformation" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/kuerbis-titelbild.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2017-10-31T00:00:00+00:00" />
-<meta property="article:modified_time" content="2017-10-31T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/kuerbis-titelbild.jpg" />
-<meta name="twitter:title" content="Lutherkürbis - Reformation an Halloween"/>
-<meta name="twitter:description" content="Schablone und Bastelanleitung für einen Kürbis zur Reformation"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Lutherkürbis - Reformation an Halloween",
-      "item": "https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Lutherkürbis - Reformation an Halloween",
-  "name": "Lutherkürbis - Reformation an Halloween",
-  "description": "Schablone und Bastelanleitung für einen Kürbis zur Reformation",
-  "keywords": [
-    "Lutherrose", "Reformation", "Halloween", "Luther"
-  ],
-  "articleBody": "Lutherkürbis - Reformation an Halloween Das Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (Quelle: epd/imago)\nAus einer Fotovorlage der Lutherrose wird mit einem Online-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik erzeugt:\nLutherrose PDF-Vorlage\nBastel-Anleitung Einen Kürbis aufschneiden: entkernen und aushöhlen: Schablone aufbringen: Ausschneiden: Mit Kerze oder elektrischem Licht ausstatten: Fertig!\nDiese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\nWeitere Quellen How to Make a Paper Cut-Out Luther Rose YouTube | PDF ",
-  "wordCount" : "100",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/kuerbis-titelbild.jpg","datePublished": "2017-10-31T00:00:00Z",
-  "dateModified": "2017-10-31T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild_hu_965dae2ff919693a.jpg 360w ,https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild_hu_fd21564383e7b35c.jpg 480w ,https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg 600w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg" alt="" 
-            width="600" height="450">
+        <img loading="eager" src="http://localhost:1313/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="lutherkürbis---reformation-an-halloween">Lutherkürbis - Reformation an Halloween<a hidden class="anchor" aria-hidden="true" href="#lutherkürbis---reformation-an-halloween">#</a></h1>
@@ -252,11 +184,12 @@
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2019/03/26/pflanzenschild-qr-code.html/index.html b/public/2019/03/26/pflanzenschild-qr-code.html/index.html
index f5e0655..1d1136c 100644
--- a/public/2019/03/26/pflanzenschild-qr-code.html/index.html
+++ b/public/2019/03/26/pflanzenschild-qr-code.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Pflanzenschild mit QR-Code | Jörg Lohrer</title>
 <meta name="keywords" content="QR-Code, 3DDruck">
 <meta name="description" content="Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Pflanzenschild mit QR-Code" />
-<meta property="og:description" content="Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/cura-plugin-change-filment-at-z.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2019-03-26T00:00:00+00:00" />
-<meta property="article:modified_time" content="2019-03-26T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/cura-plugin-change-filment-at-z.png" />
-<meta name="twitter:title" content="Pflanzenschild mit QR-Code"/>
-<meta name="twitter:description" content="Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Pflanzenschild mit QR-Code",
-      "item": "https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Pflanzenschild mit QR-Code",
-  "name": "Pflanzenschild mit QR-Code",
-  "description": "Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen",
-  "keywords": [
-    "QR-Code", "3DDruck"
-  ],
-  "articleBody": "Pflanzenschild mit QR-Code Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen: Dann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf: Mit dem Cura-Plugin Change Filament at Z den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll: Et voilà: ",
-  "wordCount" : "44",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/cura-plugin-change-filment-at-z.png","datePublished": "2019-03-26T00:00:00Z",
-  "dateModified": "2019-03-26T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_beccc64376258d22.png 360w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_40cb6f992a53cf7e.png 480w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_7c08e12c66e85b4f.png 720w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_729a4c80e7af4ca2.png 1080w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_c8825be8d784bc2e.png 1500w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png 2840w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png" alt="" 
-            width="2840" height="2156">
+        <img loading="eager" src="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png" alt="">
         
 </figure>
   <div class="post-content"><h1 id="pflanzenschild-mit-qr-code">Pflanzenschild mit QR-Code<a hidden class="anchor" aria-hidden="true" href="#pflanzenschild-mit-qr-code">#</a></h1>
@@ -236,11 +168,12 @@
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2021/08/15/virtual-reality.html/index.html b/public/2021/08/15/virtual-reality.html/index.html
index 87ac37b..8f1b37b 100644
--- a/public/2021/08/15/virtual-reality.html/index.html
+++ b/public/2021/08/15/virtual-reality.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>VR - Virtual Reality | Jörg Lohrer</title>
 <meta name="keywords" content="Immersion, Präsenz, Virtuelle Realität, Sidequest, Oculus, Meta">
 <meta name="description" content="Tutorials der Oculus Quest 2">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2021/08/15/virtual-reality.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2021/08/15/virtual-reality.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="VR - Virtual Reality" />
-<meta property="og:description" content="Tutorials der Oculus Quest 2" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/04-aframe.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2021-08-15T00:00:00+00:00" />
-<meta property="article:modified_time" content="2021-08-15T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/04-aframe.jpg" />
-<meta name="twitter:title" content="VR - Virtual Reality"/>
-<meta name="twitter:description" content="Tutorials der Oculus Quest 2"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "VR - Virtual Reality",
-      "item": "https://joerg-lohrer.de/2021/08/15/virtual-reality.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "VR - Virtual Reality",
-  "name": "VR - Virtual Reality",
-  "description": "Tutorials der Oculus Quest 2",
-  "keywords": [
-    "Immersion", "Präsenz", "Virtuelle Realität", "Sidequest", "Oculus", "Meta"
-  ],
-  "articleBody": "VR - Virtual Reality Ausschreibung Torsten \u0026 Jörg Ausgehend vom Lernbaustein https://relilab.org/vr/ beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\nTheorie Immersion \u0026 Präsenz https://www.immersivelearning.institute/ https://omnia360.de/blog/was-ist-immersion/ https://en.wikipedia.org/wiki/Immersive_learning https://www.sciencedirect.com/science/article/pii/S0360131519303276\nForschung A Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence https://vhil.stanford.edu/360-video-database/\nhttps://www.researchgate.net/publication/335733502_Getting_your_game_on_Using_virtual_reality_to_improve_real_table_tennis_skills\n“Diese Studie ergänzt die spärliche, aber wachsende Literatur, indem sie den Transfer von Fertigkeiten aus der realen Welt durch Virtual Reality in einer sportlichen Aufgabe demonstriert.”\nhttps://mixed.de/vr-und-philosophie-youtuber-zeigt-ungewoehnliche-vr-apps/amp/ Der norwegische Forscher Joakim Vindenes unterhält einen Blog, Podcast und Youtube-Kanal, in denen er außergewöhnliche VR-Apps vorstellt und sich mit der philosophischen Dimension des Mediums auseinandersetzt.\nhttps://www.youtube.com/watch?v=VY5HaEhUm2Q A look at what it would be like to plug into an infinite VR experience machine.\nReligionen https://www.matrise.no/2019/06/hinduism-and-virtual-reality/\nhttps://www.matrise.no/2020/01/the-existential-problem-of-vr-existentialism/\nEmpathie https://www.youtube.com/watch?v=L6m79wqNiMA\u0026feature=youtu.be\u0026t=150\n“VR is a storytelling vehicle, but it’s an empathy vehicle.”\nTherapie Feeling Good during the COVID19 Epidemic Virtual Reality Can Help Us to Overcome the Psychological Burden of Coronavirus - https://www.covidfeelgood.com/home\nDie Verkörperung von Mitgefühl in der virtuellen Realität und ihre Auswirkungen auf Patienten mit Depressionen https://scitec-media.ch/2016/03/04/game-technologien-helfen-gegen-depressionen/ https://www.youtube.com/watch?v=GwxJVCESc-E https://www.cambridge.org/core/journals/bjpsych-open/article/embodying-selfcompassion-within-virtual-reality-and-its-effects-on-patients-with-depression/\nTheater https://www.brendanabradley.com/futurestages\nKörperlichkeit https://www.matrise.no/2018/07/virtual-embodiment/ https://www.matrise.no/2020/10/virtual-reality-depersonalization-derealization/\nPraxis Padlets [https://padlet.com/petiteprof79/xrinfo(https://padlet.com/petiteprof79/xrinfo)] XR-Info - Stephanie Wössner | CC BY-SA @petiteprof79 https://padlet.com/strsa/ar Augmented Reality (AR) \u0026 360°, (VR) | Gestartet von Tobias Erles (@Mr_Airless) und Sabine Strauss (@Sallythechin) beim Barcamp #wildcampen18, erweitert bei #wildcampen19 zusammen mit Jan Hartwig (@hartifical) Artikel Virtual und Augmented Reality im Klassenraum? Ein Überblick bildungsrelevanter Angebote - Steffen Jauch am 16.10.2029 bei bpb Unterricht Eine Auswahl an Unterrichtsbeispielen mit Virtual Reality Szenarien von Stephanie Wössner @petiteprof79 Communities https://educatorsinvr.com/\nReligiöse Erfahrungsräume im Oculus Store Wander https://www.oculus.com/experiences/quest/2078376005587859/\nFilme [https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/(https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/)]\nIn Sidequest Vanishing Grace [https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo(https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo)]\nVanishing Grace ist eine emotionale Reise über die Opfer, die wir bringen müssen, um unseren Platz in der Welt einzunehmen.\nCubism [https://sidequestvr.com/app/403/cubism-demo(https://sidequestvr.com/app/403/cubism-demo)]\nDeism The virtual reality god simulator [https://sidequestvr.com/app/85/deisim(https://sidequestvr.com/app/85/deisim)]\nLiminal https://sidequestvr.com/app/1042/liminal Wählen Sie aus, wie Sie sich fühlen und was Sie leisten wollen: Ruhe, Energie, Schmerzlinderung und Ehrfurcht.\n3D-Modelle https://sketchfab.com/3d-models/abandoned-warehouse-interior-scene-1d5285f2e0fd4211a27c8042496d5959#\nCC BY-NC Medieval Church, Calatrava la Nueva, Spain Processed in Reality Capture from 76 Faro laser scans and 4100 photographs https://sketchfab.com/3d-models/medieval-church-calatrava-la-nueva-spain-171a047c08bc4dd588cca5ac744e8065\nAvatare Erfahrungswelten: 360 Grad Filme Kölner Dom in 360°: Privatkonzert | WDR Der Domchor gibt ein nächtliches Konzert – und der einzige Zuschauer bist du. Unter Leitung des Domkapellmeisters Professor Eberhard Metternich singt der Chor das Ave Maria von Franz Biebl in einer eher ungewöhnlichen Aufstellung. Und du stehst mittendrin. https://dom360.wdr.de/privatkonzert-bei-nacht/] INSIDE AUSCHWITZ - Das ehemalige Konzentrationslager in 360° | WDR Anne Frank VR https://www.annefrank.org/\nWithin [https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr(https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr)] [https://account.altvr.com/channels/VRChurch(https://account.altvr.com/channels/VRChurch)]\nProgrammierung Learn VR Development: Tips, tricks, and guides to develop VR and AR applications Reddit - Learn Virtual Reality Development Mozilla Hubs Dokumentation [https://hubs.mozilla.com/docs/welcome.html(https://hubs.mozilla.com/docs/welcome.html)] Vorlagen https://v3l.de/relilabvr (relilab-VR-Hub mit Videos, Bildern, …)\n[https://hubs.mozilla.com/Av38AUU/detailed-tinted-room(https://hubs.mozilla.com/Av38AUU/detailed-tinted-room)] [https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome(https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome)]\nAvatare erstellen Mozilla Hubs - GLB Online Dienst - Readyplayer https://twitter.com/joerglohrer/status/1388023150626099201 [https://readyplayer.me/(https://readyplayer.me/)]\nBeispiel: (CC BY-NC-SA - Wolfprint 3D) https://d1a370nemizbjq.cloudfront.net/10b05c49-593a-4616-82e9-adcea09aa66c.glb\nHubs by Mozilla\nCreating Custom Avatars Advanced Avatar Customization http://tryquilt.io/]\nBlender files for AvatarBot Creating an Avatar using Hubs components in Blender\nOnline Editoren [https://modelviewer.dev/editor/(https://modelviewer.dev/editor/)]\nSoftware MakeHuman http://makehumancommunity.org/\nhttps://www.youtube.com/watch?v=kQjp5DYsR_c\u0026t=86s\nTutorials Altspace / Blender / Unity http://edvschwab.de/Altspace/Kurz%20Doku%20Blender.pdf [http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf(http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf)]\nSidequest https://sidequestvr.com/ Installation: https://sidequestvr.com/setup-howto\nHow to put custom songs onto Beat Saber on Oculus Quest\nAframe https://codepen.io/joerglohrer/full/dyXQqWG https://aframe.io/ https://www.codecademy.com/learn/learn-a-frame VR development within VR with Oculus Quest + Firefox Reality + Glitch + https://rocketvirtual.com/index.html Where to begin with VR in a browser? https://www.reddit.com/r/WebVR/comments/equgdt/vr_development_within_vr_with_oculus_quest/\nhttps://aframe-model-viewer.glitch.me/\nhttps://klausw.github.io/a-frame-car-sample/index.html\nThreeJS https://threejs.org/ https://www.jesuisundev.com/en/understand-threejs/\nTour Creator Google “Starting June 30, 2021, the Google Expeditions and Tour Creator will no longer be accessible.”\nUnity https://unity.com/de/learn/get-started\nOptik Pupillendistanz (PD) messen - IPD (interpupillary distance) https://apps.apple.com/de/app/eyemeasure/id1417435049 Die kostenfreie App misst den Augenabstand auf 0,5 mm genau ab iPhoneX oder iPadPro Oder einfach mit Lineal: https://imgur.com/a/gyYKB\nOculus Quest Tutorials Deutsch https://twitter.com/StubeDie\nEnglisch Foren https://www.reddit.com/r/OculusQuest/ https://www.reddit.com/r/OculusQuest2/\nStreaming / Playthrough / Livecasting / OBS Oculus Quest Recording / Live Streaming Guide How to stream on Twitch: the ultimate guide\nFile Transfer 3 different ways https://www.youtube.com/watch?v=APbbuJF4Ma4 https://www.android.com/filetransfer/ Wie übertrage ich Bilder oder Videos von meinem Computer auf mein Oculus Quest 2 oder Quest?\nFacebook video downloader here - https://fbdown.net/\nBrillenträger Sehstärke-Linsen Einsätze https://mixed.de/vr-optiker-sehstaerke-linsen-test/\nhttps://vroptiker.de/sehstaerke-linsen-einsaetze/oculus-quest2/ https://widmovr.com/product/oculus-quest-2-prescription-lens-adapters/ Not to do Sonnenlicht in die Linse) Sonnenlicht kann durch die Linsen gebündelt werden und das Display beschödigen.\nLinsen reinigen Grips - Handhalterungen https://www.youtube.com/watch?v=_52xWr_R4uM\u0026feature=youtu.be\u0026t=388\nHeadstrap VIVE DELUXE AUDIO STRAP https://www.vive.com/de/accessory/vive-deluxe-audio-strap/\nFrankenQuest 2 https://uploadvr.com/frankenquest-2-quest-2/ Adapter zum 3D-Druck: https://www.thingiverse.com/thing:4622970 Variante mit Kabelklemme (oben oder unten): https://www.thingiverse.com/thing:4628600/files :::success Druck skaliert auf 101% ::: Install guide Remove the Quest 2 straps following this guide: https://www.youtube.com/watch?v=PejiYjR7_44\u0026feature=youtu.be\u0026t=110 Snap the DAS onto the adaptor (pushing the round front section in first like in the picture). Snap the adaptor onto Quest 2. Use the velcro loop to attach the head strap to the headset. Oculus Quest 2 Comfort Head Strap Mods!\n3DDruck Oculus Quest 2 Elite Strap_V2_NAVIDA DESIGN [https://www.thingiverse.com/thing:4630780/files(https://www.thingiverse.com/thing:4630780/files)] Oculus Link Cable Clip for Deluxe Audio Strap “DAS” https://www.thingiverse.com/thing:4666749\nÜberblick: https://www.youtube.com/watch?v=sUhMk19PVq4 https://www.youtube.com/watch?v=CN9fYlUGVtk\nLens Adaptor Für Brillen [https://www.thingiverse.com/thing:3653631(https://www.thingiverse.com/thing:3653631)] Für Linsen [https://www.thingiverse.com/thing:3642004(https://www.thingiverse.com/thing:3642004)]\nEsimen Upgrade K3\nBatterie https://www.androidcentral.com/best-oculus-quest-battery-pack\n",
-  "wordCount" : "825",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/04-aframe.jpg","datePublished": "2021-08-15T00:00:00Z",
-  "dateModified": "2021-08-15T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2021/08/15/virtual-reality.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_1dfcfe78fc9fe5e3.jpg 360w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_c760999d4152ea8d.jpg 480w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_b0d515763010e548.jpg 720w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_fd29f0a2d5d5d6c5.jpg 1080w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_5d6d9484efaef630.jpg 1500w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe.jpg 2490w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe.jpg" alt="" 
-            width="2490" height="1344">
+        <img loading="eager" src="http://localhost:1313/2021/08/15/virtual-reality.html/04-aframe.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="vr---virtual-reality">VR - Virtual Reality<a hidden class="anchor" aria-hidden="true" href="#vr---virtual-reality">#</a></h1>
@@ -462,11 +394,12 @@ Für Linsen
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2021/11/17/wordpress-werkstatt.html/index.html b/public/2021/11/17/wordpress-werkstatt.html/index.html
index 11cc068..163b017 100644
--- a/public/2021/11/17/wordpress-werkstatt.html/index.html
+++ b/public/2021/11/17/wordpress-werkstatt.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>WordPress Werkstatt PHP | Jörg Lohrer</title>
 <meta name="keywords" content="ACF, WordPress, Formulare, JSON, Plugin">
 <meta name="description" content="Advanced Custom Fields und Formulareingaben">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="WordPress Werkstatt PHP" />
-<meta property="og:description" content="Advanced Custom Fields und Formulareingaben" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/04-termine-neu.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2021-11-17T00:00:00+00:00" />
-<meta property="article:modified_time" content="2021-11-17T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/04-termine-neu.png" />
-<meta name="twitter:title" content="WordPress Werkstatt PHP"/>
-<meta name="twitter:description" content="Advanced Custom Fields und Formulareingaben"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "WordPress Werkstatt PHP",
-      "item": "https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "WordPress Werkstatt PHP",
-  "name": "WordPress Werkstatt PHP",
-  "description": "Advanced Custom Fields und Formulareingaben",
-  "keywords": [
-    "ACF", "WordPress", "Formulare", "JSON", "Plugin"
-  ],
-  "articleBody": "WordPress Werkstatt PHP Zunächst wird auf relilab.org das kostenfreie Plugin ACF - Advanced Custom Fields installiert und aktiviert. Dies ermöglicht weitere individuelle Beitragsfelder für die Beiträge. Nun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels dieser JSON-Datei, die das abkürzt: mit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können: Zudem gibt es neu eine Kategorie “Termine”, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen: Jetzt wird das Plugin relilab-termine installiert und aktiviert Nun kann mittels Shortcode [relilab_termine] eine Terminübersicht als WordPress-Block erzeugt werden: JSON ACF-JSON-Export: [ { \"key\": \"group_6193936e4f12c\", \"title\": \"Termin\", \"fields\": [ { \"key\": \"field_619393f8e62e0\", \"label\": \"Startet am\", \"name\": \"relilab_startdate\", \"type\": \"date_time_picker\", \"instructions\": \"\", \"required\": 0, \"conditional_logic\": 0, \"wrapper\": { \"width\": \"\", \"class\": \"\", \"id\": \"\" }, \"display_format\": \"d.m.Y H:i\", \"return_format\": \"Y-m-d H:i\", \"first_day\": 1 }, { \"key\": \"field_619394a3e62e1\", \"label\": \"Endet am\", \"name\": \"relilab_enddate\", \"type\": \"date_time_picker\", \"instructions\": \"\", \"required\": 0, \"conditional_logic\": 0, \"wrapper\": { \"width\": \"\", \"class\": \"\", \"id\": \"\" }, \"display_format\": \"d.m.Y H:i\", \"return_format\": \"Y-m-d H:i\", \"first_day\": 1 } ], \"location\": [ [ { \"param\": \"post_type\", \"operator\": \"==\", \"value\": \"post\" } ] ], \"menu_order\": 0, \"position\": \"normal\", \"style\": \"default\", \"label_placement\": \"left\", \"instruction_placement\": \"label\", \"hide_on_screen\": \"\", \"active\": true, \"description\": \"\", \"show_in_rest\": 0, \"acfe_display_title\": \"\", \"acfe_autosync\": \"\", \"acfe_form\": 0, \"acfe_meta\": \"\", \"acfe_note\": \"\" } ] PHP Software PHP-Storm https://www.jetbrains.com/de-de/phpstorm/\nShortcode zum Sprechen bringen https://developer.wordpress.org/reference/functions/add_shortcode/ In PhpStorm add_shortcode( string $tag, callable $callback )\nalle Termine listen, die https://www.advancedcustomfields.com/resources/orde-posts-by-custom-fields/\nPHP-Storm nutzt als External Library dann WordPress Plugin Unsere Funktion:\n/** *Plugin Name: relilab Termine */ add_shortcode('termine','termineAusgeben'); function termineAusgeben( $atts ) { $posts = get_posts(array( 'post_type'\t=\u003e 'post', 'posts_per_page'\t=\u003e -1, 'category' =\u003e 'termine', 'meta_key'\t=\u003e 'relilab_startdate', 'orderby'\t=\u003e 'meta_value', 'order'\t=\u003e 'DESC' )); // ob_start(); global $post; ?\u003e \u003c?php foreach ($posts as $post) { setup_postdata( $post ) ?\u003e \u003c?php the_title(); ?\u003e (date: \u003c?php the_field('relilab_startdate'); ?\u003e) \u003c?php } ?\u003e \u003c?php wp_reset_postdata(); // return ob_get_clean(); } ",
-  "wordCount" : "320",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/04-termine-neu.png","datePublished": "2021-11-17T00:00:00Z",
-  "dateModified": "2021-11-17T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_d84b3ea31f65de04.png 360w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_76b59ae104e8ad4.png 480w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_ecfff05140c1e1bf.png 720w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_10d171ed75ea1064.png 1080w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png 1350w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png" alt="" 
-            width="1350" height="590">
+        <img loading="eager" src="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png" alt="">
         
 </figure>
   <div class="post-content"><h1 id="wordpress-werkstatt-php">WordPress Werkstatt PHP<a hidden class="anchor" aria-hidden="true" href="#wordpress-werkstatt-php">#</a></h1>
@@ -365,11 +297,12 @@ wp_reset_postdata();
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2021/12/03/bibelfussball.html/index.html b/public/2021/12/03/bibelfussball.html/index.html
index 9694187..3bf1541 100644
--- a/public/2021/12/03/bibelfussball.html/index.html
+++ b/public/2021/12/03/bibelfussball.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Bibelfußball - Nachschlage-Quiz zur Bibel | Jörg Lohrer</title>
 <meta name="keywords" content="Bibel, Fussball, Quiz, Tafel">
 <meta name="description" content="Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen.">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2021/12/03/bibelfussball.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2021/12/03/bibelfussball.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Bibelfußball - Nachschlage-Quiz zur Bibel" />
-<meta property="og:description" content="Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen." />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/bibelfussball1.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2021-12-03T00:00:00+00:00" />
-<meta property="article:modified_time" content="2021-12-03T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/bibelfussball1.png" />
-<meta name="twitter:title" content="Bibelfußball - Nachschlage-Quiz zur Bibel"/>
-<meta name="twitter:description" content="Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen."/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Bibelfußball - Nachschlage-Quiz zur Bibel",
-      "item": "https://joerg-lohrer.de/2021/12/03/bibelfussball.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Bibelfußball - Nachschlage-Quiz zur Bibel",
-  "name": "Bibelfußball - Nachschlage-Quiz zur Bibel",
-  "description": "Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen.",
-  "keywords": [
-    "Bibel", "Fussball", "Quiz", "Tafel"
-  ],
-  "articleBody": "Bibelfußball: Nachschlage-Quiz zur Bibel Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie. Hier umfangreiche Fragen mit Bibelstellen aus dem Alten und Neuen Testament, die einfach (bitte hier in’s Dokument hineinschreiben!) erweitert werden können:\nNeues Testament Frage Bibelstelle Lösung Ein Tier “Mt 26,74” ein Hahn An welchem Ort ist Paulus “Phil 1,13” Gefängnis Was ist wuchtig und voll Kraft “2Kor 10,10” Die Briefe Körperteile “Mk 4,23” Ohren Eine Farbe “Mt 23,27” Weiß Biblische Zahl “Mk 1,13” 40 Grundnahrungsmittel “Lk 11,3” Brot Macht man auch in der Schule “Gal 6,11” Schreiben Braucht man auf dem Bau “1 Thess 5,9” Helm Ist strafbar Hebr 10.34 Raub Eine Krankheit “Mt 8,15” Fieber Wem gehört die zerfallene Hütte “Apg 15,16” David Ein Gewürz “Offb 18,13” Zimt Wie heißt das Kind “Lk 1,31” Jesus Zwei Körperteile “Mt 5,38” “Auge , Zahn” Häufige biblische Zahl “Mt 4,2” 40 Angesehener Beruf “Mk 2,17” Arzt Ist unangenehm “Lk 22,24” Streit Was ist Gott “1 Kor 1,9” Treu Was soll man ablegen “Eph 4,25” Lüge Was fressen die Vögel “Mk 4,4” Körner Was ist für Gott möglich “Mt 19,26” Alles Ich kann es in der Küche finden “Lk 11,41” Schüsseln In jedem Zimmer zu finden “Joh 10,9” Tür Wie viel opfert die arme Witwe “Mk 12,42” 2 kl. Münzen Große Anzahl Soldaten “Mt 26, 53” Legionen Kleine Lebewesen “Lk 13 ,19” Vögel Brauchte jeder Ritter “Eph 6,1” Rüstung Schlechte Eigenschaft “Hebr 13,5” Habgier Sind aus Gold “Jak 2,2” Ringe Welche Farbe hat der Kranz “Offb 14,14” Gold Ein beliebtes Urlaubsland “Röm 15,24” Spanien Häufiger Beruf zur Zeit Jesu “Mt 13,48” Fischer Hohes Fest im Judentum “Joh 13,1” Paschafest “Großer, schwerer Gegenstand” “Mk 16,4” Stein Zeiteinheit “Mk 14,37” Stunde Lasst darin nicht nach “Kol 4,2” Beten Insel “Tit 1,5” Kreta Letztes Wort im Petrusbrief 1 Petr Amen Kleines Naturwunder “Offb 10,1” Regenbogen In jeder Wohnung zu finden “Lk 22,14” Tisch Transportmittel “Mk 1,20” Boot Bekommt man erst später “Apg 7,54” Zähne Was werden sie gewinnen “Lk 21,19” Das Leben Wichtiges Nahrungsmittel “Mt 5,13” Salz Gegenstand aus Holz “Mt 27,32” Kreuz Körperteil “Mt 28,9” Füße Angeborene Behinderung “Joh 9,1” Blindheit Geheimes Versteck “LK 19,46” Räuberhöhle Die Liebe tut nichts …? “Röm 13,10” Böses Bei uns als Drei Könige bekannt “Mt2,1” Sterndeuter Hilfsmittel für Kranke “MK 2,12” Tragbahre Stinkt “Lk 14,35” Misthaufen Darauf kann man schreiben “Joh 19,20” Schild Braucht man im Leben “Apg 23,11” Mut Was war in den 7 Körben? “Mk 8,8” Brot Leben am Bauernhof “Lk 15,16” Schweine Gibt’s vor den Ferien “Joh 21,24” Zeugnis “Gut, wenn man es nicht hat” “Apg 4,34” Not Zahl der Kapitel bei Mk Mk 16 Lebenswichtiges Organ “2Kor 9,7” Herz Sechste Frucht des Geistes “Gal 5,22” Güte Sehr unbeliebt bei Schülern “Lk 22,28” Prüfungen Man freut sich darüber “Phil 3,7” Gewinn Lebensfeindlicher Ort “Mk 1,3” Wüste Beruf im Freien “Joh 10,11” Hirte Was hat geholfen “Lk 17,19” Glaube Erstes Transportmittel Jesu “Joh 12,14” Esel Letztes Wort im NT Offb Allen Wie viele Verse hat Joh 6 Joh 71 Verse Wie viel lässt er zurück “Lk 15,4” 99 Man hat eine Menge davon “Joh 20,27” Finger Isst man hier normal nicht “Mt 3,4” Heuschrecken Babys brauchen eine Menge “Lk 2,12” Windeln Gehen oft sehr weit “Joh 12,20” Pilger Tier unter Naturschutz “Joh 10,12” Wolf Kann man öffnen und schließen “Lk 24,31” Augen Auch du bist es “Mt 3,16” Getauft Es war am Anfang “Joh 1,1” Das Wort Kürzestes Buch im NT – Philemon Was heisst Tabita auf deutsch? “Apg 9,36” Gazelle Worin sehen wir nur rätselhafte Umrisse? “1 Kor 13,12” Spiegel Wer steht vor der Frau? “Offb 12,4” Drache Wohin will Paulus hier reisen? “Römer 15, 24” Spanien Ein Tier “1 Petr 5,8” Löwe Welche Frucht kommt hier zur Sprache? “Mk 11, 13” Feige Welcher Prophet wird hier genannt? “Mt 3, 3” Jesaja Wer hat hier Angst? “Joh 19, 8” Pilatus Wie heißt Agrippas Frau? “Apg 25,23” Berenike Von welchem scharfen Werkzeug ist hier die Rede? “Offb 14,18” Sichel Was sind Jesu Worte? “Joh 6, 63” Geist und Leben Wie nennt sich Jesus hier? “Joh 9,5” Licht (der Welt) Was gibt es zu tragen? “Gal 6,2” Lasten Wie wird Jesus verglichen “Eph 2,20” Eckstein Name einer Frau aus dem AT “Hebr 11,21” Rahab Name einer Stadt (in Syrien) “Apg 9,3” Damaskus Was kommt aus den Mäulern der Pferde? “Offb 9,17” “Feuer, Rauch, Schwefel” Wie heißt der Sohn? “Phlm 1,10” Onesimus Bauwerk “1. Petr 2, 5” (lebendiges) Haus Körperteil “1. Petr 2,22” Mund Paar aus dem AT “1. Petr. 3, 6” Sara und Abraham Was wird gejagt? “1. Petr. 3, 11” Frieden Wieviele Menschen wurden in der Arche gerettet? “1. Petr. 3,20” acht Gesucht ist ein Adjektiv (wie sollen wir sein?) “1. Petr. 4, 9” gastfreundlich Altes Testament Frage Bibelstelle Lösung zwei Musikinstrumente “Ps 98,6” Trompeten und Hörner unechtes Körperteil “Ps 120,3” falsche Zunge Was wird geöffnet “Ps 78,2” Mund Wo wachsen die Bäume? “Ps 72,16” Libanon Wie viele Männer? “Hiob 32,1” 3 Mit wieviel Jahren wurde Zidkija König? “2. Kön 24,18” 21 Kleine Vögel “Ps 147,9” junge Raben Was regnet vom Himmel? “Ps 78,27” Fleisch “was kann schwimmen, obwohl es zu schwer dafür ist?” “2 Kön 6,6” Eisen Wie viele Steine suchte sich David? “1 Sam 17,40” 5 Ein Getränk “Joel 2, 19” Most Wie lange war Jona im Fisch? “Jona 2,1” drei Tage und drei Nächte Wie heißen die drei Söhne Noachs? “Gen 6,10” “Sem, Ham, Jafet” Wo singen die drei Jungen Männer? “Dan 3,51” Ofen Wie viele Tage ruhen sie sich in Jerusalem aus? “Esra 8,32” 3 Welche Früchte sind im Kuchen? “1 Chr 12,41” Traubenkuchen Wo ist das Mehl? Wo ist das Öl? “1 Kön 17,12” “Topf, Krug” “Was wird hochgehoben, damit es nicht nass wird?” “Jes 47,2” Schleppe Was wird gesät? “Hos 8,7” Wind Was bekommt Rut? “Rut 4,13” einen Sohn Ein Tier “Hab 3, 19” Hirsch Worin wird das Kleid gewaschen? “Gen 49,11” Wein Welche Farbe hat das Gewand? “Jes 63,2” rot Was ist süßer als Wein? “Hld 1,2” Liebe Was wächst und wird immer mächtiger? “Dan 4,8” Baum Wie viele Töchter hatte Rehabeam? “2 Chr 11,21” 60 Eine Waffe “Jer 5,12” Schwert Ein Kleidungsstück “Ps 109,29” Mantel Was denkt Eli von Hanna? “1 Sam 1,13” Er hält sie für betrunken Welche Frisur hatte Paulus? “Apg 18,18” Glatze Wie viele Pferde? “Jes 36,8” 2000 Ein Tier “Dtn 9,16” Kalb Ein weibliches Tier “Spr 17,12” Bärin Welche Farbe hat der Kranz? “Offb 14,14” gold Wie schmeckt Manna? “Ex 16,31” Honigkuchen/Semmel mit Honig Wie heißt der König von Baschan? “Ps 135,11” Og Wie viele Monate lebt Elisabeth zurückgezogen? “Lk 1,24” 5 Was reißen die anderen auf? “Ps 35,21” Mund Woher kam Melatja? “Neh 3,7” Gibeon Was zieht Josua aus? “Jos 5,15” Schuhe Wie alt war Barsillai? “2 Sam 19,33” 80 Von welchem Baum bekommt David Holz? “1 Chronik 14,1” Zeder Wer sieht einen Engel? “Num 22,23” Esel Welches Problem hat Jakob hier? “Gen 32, 32” er hinkt Was wächst denn hier? “Jona 4, 6” Rizinusstrauch Wer macht hier so einen Lärm? “Am 3, 4” Löwe ",
-  "wordCount" : "1248",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/bibelfussball1.png","datePublished": "2021-12-03T00:00:00Z",
-  "dateModified": "2021-12-03T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2021/12/03/bibelfussball.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_cfc0d14e0ade4d5d.png 360w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_8de13e8b84e096da.png 480w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_e5c07b8f3cc53a7c.png 720w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_69d21ef4a17ef29f.png 1080w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1.png 1080w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1.png" alt="" 
-            width="1080" height="1080">
+        <img loading="eager" src="http://localhost:1313/2021/12/03/bibelfussball.html/bibelfussball1.png" alt="">
         
 </figure>
   <div class="post-content"><h1 id="bibelfußball-nachschlage-quiz-zur-bibel">Bibelfußball: Nachschlage-Quiz zur Bibel<a hidden class="anchor" aria-hidden="true" href="#bibelfußball-nachschlage-quiz-zur-bibel">#</a></h1>
@@ -1003,11 +935,12 @@
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2022/02/16/moodle-iomad-linux.html/index.html b/public/2022/02/16/moodle-iomad-linux.html/index.html
index 0affade..4f770bb 100644
--- a/public/2022/02/16/moodle-iomad-linux.html/index.html
+++ b/public/2022/02/16/moodle-iomad-linux.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Moodle Server mit Ubuntu 20 LTS und Iomad | Jörg Lohrer</title>
 <meta name="keywords" content="Moodle, Ubuntu, Linux, Iomad, Server, MySql, Datenbank">
 <meta name="description" content="Installation von Iomad zur Moodle-Instanz-Verwaltung">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Moodle Server mit Ubuntu 20 LTS und Iomad" />
-<meta property="og:description" content="Installation von Iomad zur Moodle-Instanz-Verwaltung" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/title-gif.gif" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2022-02-16T00:00:00+00:00" />
-<meta property="article:modified_time" content="2022-02-16T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/title-gif.gif" />
-<meta name="twitter:title" content="Moodle Server mit Ubuntu 20 LTS und Iomad"/>
-<meta name="twitter:description" content="Installation von Iomad zur Moodle-Instanz-Verwaltung"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Moodle Server mit Ubuntu 20 LTS und Iomad",
-      "item": "https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Moodle Server mit Ubuntu 20 LTS und Iomad",
-  "name": "Moodle Server mit Ubuntu 20 LTS und Iomad",
-  "description": "Installation von Iomad zur Moodle-Instanz-Verwaltung",
-  "keywords": [
-    "Moodle", "Ubuntu", "Linux", "Iomad", "Server", "MySql", "Datenbank"
-  ],
-  "articleBody": "Moodle Server mit Ubuntu 20 LTS und Iomad Ubuntu Server-Image herunterladen https://releases.ubuntu.com/20.04/\nVirtualbox mit dem Ubuntu Image einrichten Netzwerkbrücke aktivieren IP-Adresse ermitteln ifconfig -\u003e 192.168.178.132\nAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen auf dem Mac sudo nano /etc/hosts die IP eintragen und moodle.local zuweisen: Moodle Server auf Virtualbox vorbereiten sudo -iwechselt auf root\nSSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux\nShellbefehle zur Installation: sudo apt update \u0026\u0026 apt upgrade -y apt install mariadb-server sudo apt install apache2 libapache2-mod-fcgid sudo apt install php php-cli php-fpm php-json php-common php-mysql php-zip php-gd php-mbstring php-curl php-xml php-pear php-bcmath php-intl php-xmlrpc php-soap a2enconf php7.4-fpm sudo a2enmod actions fcgid alias proxy_fcgi setenvif a2dismod php7.4 a2dismod mpm_prefork a2dismod mpm_worker a2enmod mpm_event systemctl restart php7.4-fpm apache2 anlegen: /etc/apache2/sites-available/moodle.conf ############################ ServerName moodle.local ServerAdmin webmaster@localhost DocumentRoot /var/www/moodle SetHandler \"proxy:unix:/var/run/php/php7.4-fpm.sock|fcgi://localhost/\" ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined #################################################################### Weitere Shellbefehle zur Installation: a2ensite moodle.conf systemctl reload apache2 mkdir /var/www/moodle echo '\u003c?php phpinfo(); ?\u003e' \u003e /var/www/moodle/info.php host eintrag hinzufügen: “192.168.178.xxx moodle.local” 192.168.178.xxx moodle.local 192.168.178.xxx www.moodle.local\nim Browser öffnen: http://moodle.local/info.php maschine speichern und klonen Anschließend IOMAD moodle installieren: https://www.iomad.org/wp-content/uploads/2021/03/Iomad-Installation-Guide.pdf\nDatenbank für moodle erzeugen via SSH: mysql CREATE DATABASE moodledb; CREATE USER 'moodleowner'@'localhost' IDENTIFIED BY '$mdb2passwd'; GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, INDEX, DROP, ALTER, CREATE TEMPORARY TABLES, LOCK TABLES ON moodledb.* TO 'moodleowner'@'localhost'; GRANT FILE ON *.* TO 'moodleowner'@'localhost'; quit Installation iomad cd /var/www/moodle git clone https://github.com/iomad/iomad.git cd iomad git checkout -b myiomad origin/IOMAD_310_STABLE mkdir /var/www/moodledata \u0026\u0026 chmod 777 /var/www/moodledata ändern!!!: /etc/apache2/sites-available/moodle.conf -\u003e DocumentRoot /var/www/moodle/iomad\nsystemctl restart php7.4-fpm apache2\nhttp://moodle.local aufrufen und config.php Datei mit Hilfe des Assistenten generieren lassen ![](03-config generieren.png)\nändern!!!: /moodle entfernen\nconfig.php \u003c?php // Moodle configuration file unset($CFG); global $CFG; $CFG = new stdClass(); $CFG-\u003edbtype = 'mariadb'; $CFG-\u003edblibrary = 'native'; $CFG-\u003edbhost = 'localhost'; $CFG-\u003edbname = 'moodledb'; $CFG-\u003edbuser = 'moodleowner'; $CFG-\u003edbpass = '$mdb2passwd'; $CFG-\u003eprefix = 'mdl_'; $CFG-\u003edboptions = array ( 'dbpersist' =\u003e 0, 'dbport' =\u003e '', 'dbsocket' =\u003e '', 'dbcollation' =\u003e 'utf8mb4_general_ci', ); $CFG-\u003ewwwroot = 'http://moodle.local'; $CFG-\u003edataroot = '/var/www/moodledata'; $CFG-\u003eadmin = 'admin'; $CFG-\u003edirectorypermissions = 0777; require_once(__DIR__ . '/lib/setup.php'); // There is no php closing tag in this file, // it is intentional because it prevents trailing whitespace problems! ",
-  "wordCount" : "361",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/title-gif.gif","datePublished": "2022-02-16T00:00:00Z",
-  "dateModified": "2022-02-16T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_bf4f906b30475a32.gif 360w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_678411e5b6d7a72f.gif 480w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_4dee7bac889e75c.gif 720w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_43abefe0d448fea9.gif 1080w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif.gif 1440w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif.gif" alt="" 
-            width="1440" height="810">
+        <img loading="eager" src="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/title-gif.gif" alt="">
         
 </figure>
   <div class="post-content"><h1 id="moodle-server-mit-ubuntu-20-lts-und-iomad">Moodle Server mit Ubuntu 20 LTS und Iomad<a hidden class="anchor" aria-hidden="true" href="#moodle-server-mit-ubuntu-20-lts-und-iomad">#</a></h1>
@@ -340,11 +272,12 @@ require_once(__DIR__ . &#39;/lib/setup.php&#39;);
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2022/03/19/ob-virtualcam.html/index.html b/public/2022/03/19/ob-virtualcam.html/index.html
index 55f1fb8..8acf2fa 100644
--- a/public/2022/03/19/ob-virtualcam.html/index.html
+++ b/public/2022/03/19/ob-virtualcam.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern | Jörg Lohrer</title>
 <meta name="keywords" content="Ubuntu, Google Remote Desktop, OBS, Zoom, relilabtutorial">
 <meta name="description" content="Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2022/03/19/ob-virtualcam.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2022/03/19/ob-virtualcam.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern" />
-<meta property="og:description" content="Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/29-autostartordner.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2022-03-19T00:00:00+00:00" />
-<meta property="article:modified_time" content="2022-03-19T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/29-autostartordner.jpg" />
-<meta name="twitter:title" content="Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern"/>
-<meta name="twitter:description" content="Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern",
-      "item": "https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern",
-  "name": "Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern",
-  "description": "Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren",
-  "keywords": [
-    "Ubuntu", "Google Remote Desktop", "OBS", "Zoom", "relilabtutorial"
-  ],
-  "articleBody": "Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern Instanz erstellen auf https://console.cloud.google.com/ Name, Region und Zone auswählen E2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde Betriebssystem Ubuntu 20.04 LTS Ubuntu Desktop auf Google Cloud Plattform installieren https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome https://bytexd.com/install-chrome-remote-desktop-headless/ https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\nVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren: sudo apt update sudo apt install --assume-yes wget tasksel wget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb sudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb Cinnamon Desktop installieren sudo DEBIAN_FRONTEND=noninteractive \\ apt install --assume-yes cinnamon-core desktop-base dbus-x11 sudo bash -c 'echo \"exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\" \u003e /etc/chrome-remote-desktop-session'\nZusätzliche Einstellungen: sudo systemctl disable lightdm.service Deutsche Tastatur in der Ubuntu-Konsole festlegen: sudo dpkg-reconfigure keyboard-configuration Optional: Google Chrome Browser installieren wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install --assume-yes ./google-chrome-stable_current_amd64.deb Chrome Remote Desktop konfiguieren und starten https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#configuring_and_starting_the_chrome_remote_desktop_service) Mit Google-Konto, das zur Remote-Stuerung benutzt werden soll, https://remotedesktop.google.com/headless aufrufen und den SSH-Befehl in der Konsole ausführen. 6-Stellige PIN festlegen. Prüfen ob der Dienst ausgeführt wird:\nsudo systemctl status chrome-remote-desktop@$USER Instanzzeitplan festlegen https://rominirani.com/hands-on-guide-to-scheduling-vm-instances-to-start-and-stop-a079a50e16c6\nOBS Installation https://obsproject.com/wiki/install-instructions#ubuntumint-installation\nsudo apt install ffmpeg sudo apt install v4l2loopback-dkms sudo add-apt-repository ppa:obsproject/obs-studio sudo apt update sudo apt install obs-studio Problem: Test mit v4l2-ctl --list-devices bringt Fehlermeldung:\nCannot open device /dev/video0, exiting. Lösung für virtuelle Kamera auf virtueller Maschine: sudo apt -y install v4l2loopback-dkms v4l2loopback-utils linux-modules-extra-$(uname -r) sudo modprobe v4l2loopback Jetzt: Problem: Trotzdem nach jedem Reboot wird die virtuelle Kamera nicht geladen: Lösung v4l2loopback bei Start laden: https://askubuntu.com/questions/1245212/how-do-i-automatically-run-modprobe-v4l2loopback-on-boot\nsudo nano /etc/modules hinzufügen: v4l2loopback\nZoom Installation https://support.zoom.us/hc/de/articles/204206269-IZoom-unter-Linux-installieren-oder-aktualisieren\nsudo apt install gdebi sudo apt update sudo apt upgrade sudo snap install zoom-client Inbetriebnahme des Remote Desktop Verbindung zur VM-Instanz herstellen Via https://remotedesktop.google.com/access auf das Remote Gerät zugreifen.: Sechsstelligen PIN eingeben: Keyboard / Tastatur auf deutsch umstellen: Apps auf dem Desktop verknüpfen: OBS einrichten OBS mit virtueller Kamera automatisch starten: Rechtsklick auf die Verknüpfung und dann beim Startbefehl --startvirtualcam ergänzen. Beim Systemstart mit virtueller Kamera starten: startup Applications wählen ebenfalls --startvirtualcam ergänzen Beim ersten Start von OBS “I will only be using the virtual camera” wählen: In den Einstellungen die Sprache auf Deutsch umstellen: Videoauflösung auf 1920x1080 umstellen: Szenensammlung importieren (Vorkonfigurierte Szenen für das relilab-Café immer aktuell auf Github) - relilab-cafe-obs-json.json\nGoogle Chrome einrichten Beim ersten Systemstart Password for new Keyring erstellen: Chrome zum Standardbrowser machen Google Chrome anmelden und Sync inkl. Lesezeichen aktivieren Zoom einrichten Zoom-Account anmelden Sprache ändern in Zoom Zoom starten und dann das Zoom-Symbol rechts in der unteren Leiste mit Rechtsklick der Maus das Menü zur Sprachänderung aufrufen: Problemlösungen Problem - keine Emojis in den Slides Lösung: https://medium.com/@harshmaur/emojis-missing-from-chrome-in-ubuntu-9c25fe10867c sudo apt-get remove fonts-noto-color-emoji sudo apt-get install fonts-noto-color-emoji Problem - kein Font Yanone Kaffeesatz in den Slides Lösung: https://zoomadmin.com/HowToInstall/UbuntuPackage/fonts-yanone-kaffeesatz sudo apt-get update -y sudo apt-get install -y fonts-yanone-kaffeesatz Mögliches Problem GUI (Ubuntu Desktop) has its own security layer which blocks the root account from login. So, even we have a properly enabled root account with password, it does not work in GUI interface. https://askubuntu.com/questions/1192471/login-as-root-on-ubuntu-desktop\nhttps://www.computernetworkingnotes.com/linux-tutorials/how-to-enable-and-disable-root-login-in-ubuntu.html\nAnstatt auf Cloud-Plattform mit Linux auf lokalem Windows-PC Autostart OBS inkl virtueller Kamera \u0026 Zoom Vorbereiten OBS inkl Virtueller Kamera Hinzufügen von --startvirtualcam zur OBS-Verknüpfung: open the start menu/tile thing and type in: Run and hit enter. Then type in shell:startup Dann die Verknüpfungen in den Autostartordner kopieren: Weitere Schritte wie oben\n",
-  "wordCount" : "528",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/29-autostartordner.jpg","datePublished": "2022-03-19T00:00:00Z",
-  "dateModified": "2022-03-19T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_501dd4177a668bc.jpg 360w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_e9a6869798f2e72b.jpg 480w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_8c2a859da22221b6.jpg 720w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_b440119272b11c89.jpg 1080w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_e6e295f9945366aa.jpg 1500w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg 1999w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg" alt="" 
-            width="1999" height="1373">
+        <img loading="eager" src="http://localhost:1313/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="auf-google-cloud-platform-mit-ubuntu-desktop-via-chrome-remote-desktop-obs-und-zoom-fernsteuern">Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern<a hidden class="anchor" aria-hidden="true" href="#auf-google-cloud-platform-mit-ubuntu-desktop-via-chrome-remote-desktop-obs-und-zoom-fernsteuern">#</a></h1>
@@ -393,11 +325,12 @@ Dann die Verknüpfungen in den Autostartordner kopieren:
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2023/02/26/jojos-schoko-zimt-schnecken.html/index.html b/public/2023/02/26/jojos-schoko-zimt-schnecken.html/index.html
index 710de5b..7d5f187 100644
--- a/public/2023/02/26/jojos-schoko-zimt-schnecken.html/index.html
+++ b/public/2023/02/26/jojos-schoko-zimt-schnecken.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Jojos Schoko-Zimt-Schnecken | Jörg Lohrer</title>
 <meta name="keywords" content="Schneckennudel, Hefeteig, Schoko, Zimt">
 <meta name="description" content="Rezept und Backanleitung">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Jojos Schoko-Zimt-Schnecken" />
-<meta property="og:description" content="Rezept und Backanleitung" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/schneckennudeln-titel.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2023-02-26T00:00:00+00:00" />
-<meta property="article:modified_time" content="2023-02-26T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/schneckennudeln-titel.jpg" />
-<meta name="twitter:title" content="Jojos Schoko-Zimt-Schnecken"/>
-<meta name="twitter:description" content="Rezept und Backanleitung"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Jojos Schoko-Zimt-Schnecken",
-      "item": "https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Jojos Schoko-Zimt-Schnecken",
-  "name": "Jojos Schoko-Zimt-Schnecken",
-  "description": "Rezept und Backanleitung",
-  "keywords": [
-    "Schneckennudel", "Hefeteig", "Schoko", "Zimt"
-  ],
-  "articleBody": "Schoko-Schnecken Hefeteig 200g Milch handwarm ½ Pk Vanillezucker 60g Zucker 22g Hefe verrühren 1 Ei Größe L dazu in der Teigknetmaschine 120g Weizenmehl 405 380g Dinkelmehl 630 dazu und wenn es ein fester Teig ist 5g Salz zugeben und 60g Butter kalt in Streifen schneiden und 5-10 Minuten einketen (-\u003e Fenstertest) danach Teig 30-60 Minuten ruhen/gehen lassen\nFüllung in der Zwischenzeit 10g brauner Zucker 30g Rohrohrzucker 50g weißer Zucker 100g Butter ½ Pk Vanillezucker 2 Teelöffel Zimt 5 Teelöffel Kaba verkneten zu einer cremigen Masse\nHefeteig ausrollen und mit der Füllung bestreichen Nach Belieben noch Raspel Schokolade darauf verteilen einrollen, in 16 Stücke schneiden und in Kuchenform setzen: Mit Frischhaltefolie abdecken und weitere ca. 30 Minuten gehen lassen, dann mit Eimilch abstreichen: Backofen auf 220°Celsius Ober-/Unterhitze vorheizen. In den Ofen und dabei auf 180° reduzieren. Nach 10 Minuten auf 160° reduzien: weitere 25 Minuten backen oder bis eine Kerntemperatur von 92° erreicht ist. Fertig: ",
-  "wordCount" : "154",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/schneckennudeln-titel.jpg","datePublished": "2023-02-26T00:00:00Z",
-  "dateModified": "2023-02-26T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_ae30c829f5365f12.jpg 360w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_f74390a8e3a232d.jpg 480w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_c37b70d4e207a955.jpg 720w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_fb9280ee4a63fc1a.jpg 1080w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_bd1cc2d0e9ee9609.jpg 1500w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg 2117w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg" alt="" 
-            width="2117" height="2822">
+        <img loading="eager" src="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="schoko-schnecken">Schoko-Schnecken<a hidden class="anchor" aria-hidden="true" href="#schoko-schnecken">#</a></h1>
@@ -269,11 +201,12 @@ weitere 25 Minuten backen oder bis eine Kerntemperatur von 92° erreicht ist. Fe
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2023/03/23/gleichnis-vom-saemann.html/index.html b/public/2023/03/23/gleichnis-vom-saemann.html/index.html
index 19515be..99438b2 100644
--- a/public/2023/03/23/gleichnis-vom-saemann.html/index.html
+++ b/public/2023/03/23/gleichnis-vom-saemann.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Das Gleichnis vom Sämann | Jörg Lohrer</title>
 <meta name="keywords" content="Gleichnis, Jesus, Bibel, Sämann, Eric Carle, Midjourney, ChatGPT, Deepl">
 <meta name="description" content="erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Das Gleichnis vom Sämann" />
-<meta property="og:description" content="erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/saemann-title.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2023-03-23T00:00:00+00:00" />
-<meta property="article:modified_time" content="2023-03-23T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/saemann-title.jpg" />
-<meta name="twitter:title" content="Das Gleichnis vom Sämann"/>
-<meta name="twitter:description" content="erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Das Gleichnis vom Sämann",
-      "item": "https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Das Gleichnis vom Sämann",
-  "name": "Das Gleichnis vom Sämann",
-  "description": "erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle",
-  "keywords": [
-    "Gleichnis", "Jesus", "Bibel", "Sämann", "Eric Carle", "Midjourney", "ChatGPT", "Deepl"
-  ],
-  "articleBody": "Das Gleichnis vom Sämann erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\nBild 1: “Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung” alternativ: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: “Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen” alternativ Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: “Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens” Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: “Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde” Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: “Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor” Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nAnleitung / Erstellung - The Making of 1. Geschichte erstellen mit ChatGPT-4 Screenshot ![](screen-chatgpt-saemann.png =x600)\nVolltext Beschreibe mir die Geschichte vom Sämann aus der Bibel für einen 8-jähringen in 5 Bildern Bild 1: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nGib mir noch schöne anrührende Überschriften zu den Bildern Bild 1: “Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung” Bild 2: “Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen” Bild 3: “Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens” Bild 4: “Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde” Bild 5: “Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor”\n2. Illustration durch Übersetzung der Bildbeschreibungen mit Deepl und damit Prompterstellung für midjourney Ergänzung der automatischen Übersetzung für den Prompt jeweils durch Illustration by Eric Carlefür den Stil, --q 2 für die höchste Qualitätsstufe und --v 5für Midjourney Version 5\nPrompt 1 A friendly farmer stands in an open field, a handful of seeds in his hand. He scatters the seeds far and wide to sow a harvest. Behind him you can see four different soils: one rocky, one thorny, one surrounded by birds and one fertile. Illustration by Eric Carle --q 2 --v 5\nPrompt 2 Some seeds fall on the rocky ground, where they have little soil. The seeds germinate quickly, but they do not have enough soil to root deeply. The picture shows small, weak plants starting to grow in the rocky soil. Illustration by Eric Carle --q 2 --v 5\nPrompt 3 Other seeds fall on the thorny ground, where they are surrounded by thorns and weeds. The plants begin to grow, but they are choked by the thorns that surround them. The picture shows how the thorns clasp the young plants and prevent them from growing tall and strong. Illustration by Eric Carle --q 2 --v 5\nPrompt 4 other seeds fall on the ground surrounded by birds, where they are immediately eaten by hungry birds. The picture shows happy birds enjoying the seeds before they even have a chance to grow. Illustration by Eric Carle --q 2 --v 5\nPrompt 5 Finally, some seeds fall on the fertile soil, where they can root deeply and grow. The picture shows large, healthy plants thriving in the sun and bearing abundant fruit. The farmer stands proudly next to the rich harvest and smiles, knowing that he has sown well. Illustration by Eric Carle --q 2 --v 5\nAlles von Gott erdacht, in der Bibel niedergeschrieben und mit künstlicher Intelligenz in Text und Bilder verwandelt unter der Lizenz CC-BY-SA Das heißt, ihr dürft alles Weiterverwenden, Verändern, Anpassen oder sogar verkaufen. Eine Namensnennung von Jörg Lohrer wäre nett.\n",
-  "wordCount" : "988",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/saemann-title.jpg","datePublished": "2023-03-23T00:00:00Z",
-  "dateModified": "2023-03-23T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_2cdc86888799663e.jpg 360w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_cdb4758e4816ceeb.jpg 480w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_7f1e56efa7effbaf.jpg 720w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg" alt="" 
-            width="1024" height="1024">
+        <img loading="eager" src="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="das-gleichnis-vom-sämann">Das Gleichnis vom Sämann<a hidden class="anchor" aria-hidden="true" href="#das-gleichnis-vom-sämann">#</a></h1>
@@ -285,11 +217,12 @@ Bild 5: &ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt ei
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2023/04/07/dampfnudeln.html/index.html b/public/2023/04/07/dampfnudeln.html/index.html
index a3814f1..c958733 100644
--- a/public/2023/04/07/dampfnudeln.html/index.html
+++ b/public/2023/04/07/dampfnudeln.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Hefefreuden - Dampfnudeln &amp; Minihefezopf | Jörg Lohrer</title>
 <meta name="keywords" content="Dampfnudel, Hefeteig, Hefezopf">
 <meta name="description" content="Rezept und Backanleitung">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2023/04/07/dampfnudeln.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2023/04/07/dampfnudeln.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Hefefreuden - Dampfnudeln &amp; Minihefezopf" />
-<meta property="og:description" content="Rezept und Backanleitung" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/Hefefreuden.jpg" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2023-04-07T00:00:00+00:00" />
-<meta property="article:modified_time" content="2023-04-07T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/Hefefreuden.jpg" />
-<meta name="twitter:title" content="Hefefreuden - Dampfnudeln &amp; Minihefezopf"/>
-<meta name="twitter:description" content="Rezept und Backanleitung"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Hefefreuden - Dampfnudeln \u0026 Minihefezopf",
-      "item": "https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Hefefreuden - Dampfnudeln \u0026 Minihefezopf",
-  "name": "Hefefreuden - Dampfnudeln \u0026 Minihefezopf",
-  "description": "Rezept und Backanleitung",
-  "keywords": [
-    "Dampfnudel", "Hefeteig", "Hefezopf"
-  ],
-  "articleBody": "Dampfnudeln \u0026 Minihefezopf Zutaten 400 ml Milch 120g Zucker 1 Pkg Hefe (42g) 3 Eier (ca 150g Vollei) 1000g Mehl (300g Weizen Type 405 \u0026 700g Dinkel Type 630) 10 g Salz 120 g Butter Rezept Milch, Zucker, Hefe handwarm mischen Eier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten Salz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten Mindestens 30 Minuten gehen lassen Dampfnudeln 6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen: weitere 30 Minuten gehen lassen dann bei 100°Celsius für 30 Minuten dampfgaren fertig mit Vanillesoße servieren Hefezopf Die restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten Mit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen Mit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren Nach 10 Minuten Back-Temperatur auf 160° reduzieren Entweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten ",
-  "wordCount" : "159",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/Hefefreuden.jpg","datePublished": "2023-04-07T00:00:00Z",
-  "dateModified": "2023-04-07T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_2de206b506beeb0b.jpg 360w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_50b88d6e688e4f04.jpg 480w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_7171013652ec903f.jpg 720w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_aea43730e0a654f7.jpg 1080w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden.jpg 1080w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden.jpg" alt="" 
-            width="1080" height="1920">
+        <img loading="eager" src="http://localhost:1313/2023/04/07/dampfnudeln.html/Hefefreuden.jpg" alt="">
         
 </figure>
   <div class="post-content"><h1 id="dampfnudeln--minihefezopf">Dampfnudeln &amp; Minihefezopf<a hidden class="anchor" aria-hidden="true" href="#dampfnudeln--minihefezopf">#</a></h1>
@@ -267,11 +199,12 @@
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/index.html b/public/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/index.html
index 8b89819..7156913 100644
--- a/public/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/index.html
+++ b/public/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>WordPress statt Padlet oder TaskCards | Jörg Lohrer</title>
 <meta name="keywords" content="WordPress, Padlet, Kanban, TaskCards, horizontales Scrollen">
 <meta name="description" content="Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="WordPress statt Padlet oder TaskCards" />
-<meta property="og:description" content="Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/wordpress-horizontales-scrollen.gif" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2023-07-25T00:00:00+00:00" />
-<meta property="article:modified_time" content="2023-07-25T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/wordpress-horizontales-scrollen.gif" />
-<meta name="twitter:title" content="WordPress statt Padlet oder TaskCards"/>
-<meta name="twitter:description" content="Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "WordPress statt Padlet oder TaskCards",
-      "item": "https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "WordPress statt Padlet oder TaskCards",
-  "name": "WordPress statt Padlet oder TaskCards",
-  "description": "Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen",
-  "keywords": [
-    "WordPress", "Padlet", "Kanban", "TaskCards", "horizontales Scrollen"
-  ],
-  "articleBody": "Eine Sammlung von Liedern für den Religionsunterricht ist auf Instagram in Zusammenarbeit von @relimomente @ezpz.lemon.sqz und @colibri260 entstanden und wurde zunächst hier auf TaskCards veröffentlicht.\nWeil TaskCards weder exportiert noch importiert werden können, es nur 2 kostenfreie gibt und somit kein #OER damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man das Ganze in Wordpress umsetzen kann:\nhttps://blogs.rpi-virtuell.de/rulieder Als Bonus sind\neinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch sein, Lebensweg, Liebe / Beziehung, Gemeinschaft, Belastungen, Hoffnung / Gerechtigkeit / Frieden, Wunder, Schöpfung, Die Frage nach Gott, Tod / Jenseitsvorstellungen, Biblische Geschichten, Songs zum Kirchenjahr Es gibt eine Übersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten. Und man kann weitere Lieder einreichen Alles was es dazu braucht ist: 1. “horizontales Scrollen” einfach umsetzbar mit verschiedenen WordPress-Plugins. Hier wurde der “horizontal Scroller” von Stackable benutzt.\n2. Spalten als “posts block” Es gibt wieder eine Vielzahl von WordPress-Blöcken, die Beiträge (posts) nach Kategorien sortiert in Spalten anzeigbar machen. Hier wurde “posts block” wiederum von Stackable benutzt. Sortieren der Beiträge in den Spalten Um die Beiträge nicht nach Erstellungsdatum sondern individuell in ihren Kategorien zu sortieren gibt es das Plugin “Intuitive Custom Post Order”, dass dies per Drag\u0026Drop ermöglicht. blogs.rpi-virtuell.de Die Blogs von rpi-virtuell haben alle hier beschriebenen Plugins schon vorinstalliert und müssen nur noch aktiviert werden. Somit steht deinen eigenen WordPress-TaskCards-Padlet-Sammlungen nichts mehr im Wege und du kannst sie kostenfrei und als offene Bildungsmaterialien anderen zugänglich machen.\n",
-  "wordCount" : "239",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/wordpress-horizontales-scrollen.gif","datePublished": "2023-07-25T00:00:00Z",
-  "dateModified": "2023-07-25T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif 320w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif" alt="" 
-            width="320" height="180">
+        <img loading="eager" src="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif" alt="">
         
 </figure>
   <div class="post-content"><p>Eine <strong>Sammlung von Liedern für den Religionsunterricht</strong> ist auf Instagram in Zusammenarbeit von <a href="https://www.instagram.com/relimomente/">@relimomente</a> <a href="https://www.instagram.com/ezpz.lemon.sqz">@ezpz.lemon.sqz</a> und <a href="https://www.instagram.com/colibri260">@colibri260</a> entstanden und wurde zunächst <strong><a href="https://www.taskcards.de/#/board/16af7347-ec26-468e-a093-34549dd2dae3/view">hier auf TaskCards</a></strong> veröffentlicht.</p>
@@ -250,11 +182,12 @@ Hier wurde der &ldquo;<a href="https://docs.wpstackable.com/article/502-how-to-u
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2024/01/26/offenheit-das-wesentliche.html/index.html b/public/2024/01/26/offenheit-das-wesentliche.html/index.html
index 1acf1e2..b9a69bd 100644
--- a/public/2024/01/26/offenheit-das-wesentliche.html/index.html
+++ b/public/2024/01/26/offenheit-das-wesentliche.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Offenheit - das Wesentliche | Jörg Lohrer</title>
 <meta name="keywords" content="Offenheit, OER, WordPress, Nextcloud, Element, Community">
 <meta name="description" content="Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Offenheit - das Wesentliche" />
-<meta property="og:description" content="Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/offenheit-wesentlich.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2024-01-26T00:00:00+00:00" />
-<meta property="article:modified_time" content="2024-01-26T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/offenheit-wesentlich.png" />
-<meta name="twitter:title" content="Offenheit - das Wesentliche"/>
-<meta name="twitter:description" content="Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "Offenheit - das Wesentliche",
-      "item": "https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Offenheit - das Wesentliche",
-  "name": "Offenheit - das Wesentliche",
-  "description": "Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade",
-  "keywords": [
-    "Offenheit", "OER", "WordPress", "Nextcloud", "Element", "Community"
-  ],
-  "articleBody": "Offenheit - das Wesentliche 1. Einleitung: Persönliche Reflexion über Offenheit Wenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt. Dashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\nMeine bisherigen Erfahrungen mit Offenheit haben mich gelehrt, dass es viel mehr ist als nur ein offenes Ohr für andere zu haben oder neue Ideen willkommen zu heißen. Es geht darum, mich selbst für neue Erfahrungen, Veränderungen und unterschiedliche Perspektiven zu öffnen. Ich habe gelernt, dass Offenheit eine Haltung ist, die Mut erfordert – den Mut, sich dem Unbekannten zu stellen, Veränderungen zu akzeptieren und manchmal auch das Risiko einzugehen, verletzlich zu sein.\nFür das kommende Jahr möchte ich mich noch stärker auf das Wesen der Offenheit konzentrieren. Ich habe erkannt, dass Offenheit nicht nur ein Weg ist, mein Leben zu bereichern, sondern auch ein Mittel, um effektiver zu kommunizieren, tiefere Beziehungen aufzubauen und eine bereichernde Arbeitsumgebung zu schaffen. Offenheit soll in meinem Alltag zur Grundlage meiner Entscheidungen und Interaktionen werden.\nDies bedeutet, dass ich bewusst Raum schaffen möchte für das Zuhören und Verstehen anderer Meinungen, auch wenn sie von meinen eigenen abweichen. Es bedeutet auch, mich neuen Herausforderungen und Möglichkeiten zu stellen, ohne von vornherein eine defensive Haltung einzunehmen. In beruflicher Hinsicht möchte ich offener für kreative und innovative Ansätze sein, die über herkömmliche Methoden hinausgehen, und ich strebe danach, Offenheit als ein Schlüsselelement in meiner Arbeitskultur zu etablieren.\nMeine Neujahrsvorsätze für 2024 drehen sich also darum, Offenheit in meinem Denken und Handeln zu kultivieren. Ich möchte lernen, flexibler zu sein, meine Komfortzone zu erweitern und mich aktiv auf das Unbekannte einzulassen. Durch diese Reise erhoffe ich mir, nicht nur persönlich zu wachsen, sondern auch positiv auf die Menschen um mich herum einzuwirken. Offenheit ist für mich das Schlüsselwort für 2024 – ein Jahr, in dem ich mich auf das Wesentliche konzentrieren und neue Wege des Lernens und der Gemeinschaft erkunden möchte.\n2. Offenheit in meinem Alltag: Eine neue Perspektive In meinem Streben nach Offenheit im neuen Jahr möchte ich diese nicht nur als abstraktes Konzept verstehen, sondern sie konkret in meinen Alltag integrieren. Offenheit in meiner täglichen Kommunikation und in meinen Beziehungen soll zu einem zentralen Fokus werden.\nErstens plane ich, in meinen beruflichen Beziehungen geschlossene Systemen zu überwinden. Dies bedeutet für mich, mich aktiv um eine Kultur der Offenheit und Transparenz zu bemühen. Ich möchte die Silo-Mentalität abbauen, die in vielen Organisationen vorherrscht, und stattdessen eine Umgebung schaffen, in der Wissen und Informationen frei geteilt werden. Durch das Überwinden geschlossener Systeme erhoffe ich mir, ein integratives und kollaboratives Arbeitsumfeld zu fördern, in dem Ideen und Innovationen gedeihen können. Das bedeutet Social-Media-Walls und geschlossene Plattformen (sowie meine 23.461 Tweets) hinter mir zu lassen und offene, dezentrale Anschlussmöglichkeiten zu erlernen um Offenheit auch substantiell und nachhaltig zu ermöglichen.\nEin weiterer Aspekt meiner Alltags-Offenheit bezieht sich auf meine persönliche Entwicklung. Ich möchte mich neuen Erfahrungen und Herausforderungen stellen, die mich aus meiner Komfortzone herausholen. Das kann bedeuten, Permakultur auszuprobieren, mich wieder musikalisch zu betätigen oder meine Kompetenzen online zu erweitern. Diese Schritte sollen nicht nur zur Selbstentfaltung beitragen, sondern auch meine Fähigkeit stärken, mit Veränderungen und Unsicherheiten umzugehen.\nSchließlich erkenne ich, dass Offenheit auch bedeutet, sich selbst gegenüber ehrlich zu sein. Es geht darum, meine eigenen Gefühle, Ängste und Hoffnungen anzuerkennen und sie nicht zu unterdrücken. Indem ich mir meiner eigenen inneren Welt bewusst werde, kann ich authentischer mit anderen interagieren und eine tiefere Selbstkenntnis entwickeln, die mich dann hoffentlich auch anschlussfähiger macht. Also mehr Offenheit in Arbeit und freiZEIT\nDurch diese konkreten Schritte hoffe ich, Offenheit zu einem integralen Bestandteil meines täglichen Lebens zu machen. Ich bin überzeugt, dass dies nicht nur mein persönliches Wachstum fördern, sondern auch meine Beziehungen zu anderen bereichern wird. Offen zu sein bedeutet für mich, aktiv und bewusst zu leben, immer bereit, neue Perspektiven zu erkunden und das Leben in all seinen Facetten zu umarmen. Indem ich Offenheit in meinen Alltag integriere, öffne ich die Tür zu einer Welt voller neuer Möglichkeiten, Lernerfahrungen und tiefgreifender Verbindungen.\n3. Offenheit in Bildung und Lernen: Ein lebenslanger Prozess In meinem Streben nach Offenheit im Jahr 2024 möchte ich mich besonders auf den Bereich der Bildung und des Lernens in offenen Communities konzentrieren. Offene Bildungsressourcen (OER) bieten eine wunderbare Gelegenheit, sich kontinuierlich weiterzuentwickeln und zu lernen. Meine Beteiligung an OER ist nicht nur ein berufliches Engagement, sondern auch ein persönliches Anliegen, das meine Leidenschaft für lebenslanges Lernen widerspiegelt.\nIch sehe OER als eine Möglichkeit, Bildung zugänglicher und inklusiver zu gestalten. Durch meine Beteiligung an Projekten und Initiativen, die OER-Communities fördern, möchte ich dazu beitragen, Wissen frei verfügbar zu machen und Lernmöglichkeiten für Menschen aus unterschiedlichen Hintergründen zu schaffen. Dies beinhaltet auch die Förderung von Netzwerkknoten und Gemeinschaften, die offene Bildungsressourcen unterstützen und entwickeln.\nEin weiterer Schwerpunkt für mich ist die kontinuierliche eigene Weiterbildung durch OER. Ich plane, Online-Kurse, Webinare und andere offene Bildungsangebote zu nutzen, um meine Fähigkeiten und mein Wissen zu erweitern. Dieses Engagement für das lebenslange Lernen ist ein Kernaspekt meiner persönlichen und beruflichen Entwicklung.\nIch möchte auch mein Netzwerk aus Gleichgesinnten erweitern, die den Wert offener Bildung erkennen und fördern, wie beispielsweise im Bündnis Freie Bildung. Durch den Austausch mit anderen, die in diesem Bereich aktiv sind, kann ich neue Ideen und Perspektiven gewinnen und gleichzeitig meine eigenen Erfahrungen teilen. Dieser Austausch wird mir helfen, meine Rolle in der OER-Community zu stärken und effektiver zur Weiterentwicklung von offenen Bildungsressourcen beizutragen.\nSchließlich sehe ich Offenheit in der Bildung als einen Weg, um kritisch zu denken und kreative Lösungen für Herausforderungen zu finden. Offene Bildungsressourcen ermutigen mich, über traditionelle Lernmethoden hinauszugehen und innovative Ansätze in meinem Lernprozess zu erkunden.\n4. Qualitätssicherung und Standardisierung in OER Mein Engagement für Offenheit im Bildungsbereich im Jahr 2024 beinhaltet auch einen starken Fokus auf die Qualitätssicherung und Standardisierung von Offenen Bildungsressourcen (OER). Mir ist bewusst, dass die Qualitätssicherung eine der größten Herausforderungen im Umgang mit OER darstellt, da es oft an standardisierten Bewertungskriterien fehlt.\nUm die Qualität von OER zu gewährleisten, plane ich, mich aktiv an der Entwicklung und Anwendung von Qualitätsstandards zu beteiligen. Dies könnte die Mitarbeit in Gremien oder Initiativen umfassen, die sich mit der Erstellung von Richtlinien und Best Practices für OER beschäftigen und beispielsweise auch eine intensivere Zusammenarbeit mit WirLernenOnline - Freie Bildung zum Mitmachen. Ich möchte sicherstellen, dass die mit mir gemeinschaftlich genutzten oder erstellten Ressourcen nicht nur frei zugänglich, sondern auch von hoher Qualität, wiederauffindbar und nachhaltig zugänglich sind.\nEin weiterer Schritt in Richtung Qualitätssicherung ist die Teilnahme am Veranstaltungen wie dem OERcamp, um mein Wissen über die besten Methoden zur Erstellung und Bewertung von OER zu vertiefen. Durch das Erlernen von Techniken zur effektiven Überprüfung und Bewertung von Bildungsmaterialien kann ich zur Verbesserung der Qualität der Ressourcen, mit denen ich arbeite, beitragen.\nDarüber hinaus möchte ich mich für die Förderung einer Kultur der kontinuierlichen Verbesserung und des Feedbacks innerhalb der OER-Community einsetzen. Dies bedeutet, offene Diskussionen über die Qualität von Ressourcen zu fördern und Plattformen, wie beispielsweise rpi-virtuell, dem relilab oder die ZUM für Peer-Reviews und Nutzerfeedback zu nutzen. Ich glaube, dass eine solche Kultur nicht nur die Qualität der Ressourcen verbessert, sondern auch das Bewusstsein und das Engagement der Community für hohe Standards stärkt.\nInsgesamt sehe ich die Qualitätssicherung und Standardisierung in OER als wesentliche Elemente meiner Bemühungen um Offenheit im Bildungsbereich. Durch die Fokussierung auf diese Aspekte hoffe ich, nicht nur zu meiner persönlichen Entwicklung beizutragen, sondern auch die Effektivität und Glaubwürdigkeit von OER als Werkzeug für lebenslanges Lernen zu stärken.\n5. Die Rolle der Technologie: Ermöglicher von Offenheit In meinem Bestreben, Offenheit in meinem Leben im Jahr 2024 zu fördern, erkenne ich die entscheidende Rolle, die Technologie dabei spielt. Ich sehe Technologie als einen wesentlichen Ermöglicher an, der es mir ermöglicht, Offenheit in verschiedenen Bereichen meines Lebens zu integrieren und zu erweitern.\nEiner der Hauptaspekte, in denen ich Technologie nutzen möchte, ist die Verbesserung meiner Zugänglichkeit und Teilnahme an offenen Bildungsressourcen und Plattformen. Dies umfasst die Nutzung digitaler Plattformen für OER, die es mir und anderen ermöglichen, auf eine Vielzahl von Bildungsmaterialien zuzugreifen und diese mit anderen zu teilen. Ich plane, diese Tools zu nutzen, um mein Wissen zu erweitern und gleichzeitig zur Gemeinschaft beizutragen, indem ich eigene Inhalte erstelle und offen teile. Nicht nur die dezentrale offene Bereitstellung, freie Lizenzen und offene Schnittstellen scheinen mir hier wichtig sondern auch die Offenheit der Gemeinschaft und die zugrundeliegenden Open-Source-Technologien, die uns zusammenbringen und zusammenhalten.\nDarüber hinaus möchte ich moderne Kommunikationstechnologien nutzen, um meine Beziehungen sowohl im persönlichen als auch im beruflichen Bereich zu stärken. Dies beinhaltet die Nutzung von sozialen Medien auf Basis des offenen Fediverse joerglohrer@reliverse.social, die Messaging App Element auf der Basis des offenen Matrix-Protokolls @joerglohrer:rpi-virtuell.de, und Publikationsmöglichkeiten über das offene ActivityPub Protokoll, das beispielsweise auch in WordPress integriert ist. Durch diese Technologien kann ich meine Netzwerke pflegen und erweitern, während ich gleichzeitig offen für neue Perspektiven und Möglichkeiten bleibe.\n“Lassen Sie uns im Fediversum bloggen und podcasten und schreiben und filmen, als ob unser Leben davon abhinge. Denn unser demokratisches Leben hängt davon ab! (Michael Blume - Nur noch das Fediversum kann uns retten)\nEin weiterer Bereich, in dem ich Technologie als Ermöglicher von Offenheit sehe, ist die persönliche Organisation und Produktivität. Die Nutzung digitaler Tools wie Kalender-Apps, Aufgabenmanager und Cloud-Speicher in einer Open source Kollaborationslösung wie der Nextcloud erleichtert es mir, organisiert zu bleiben und meinen Alltag effizient zu gestalten. Offenere Hardwarelösungen, die sich daran anbinden lassen mit z.B. einem FairPhone für die mobile Arbeit soll mir ermöglichen offener und flexibler zu sein, indem sie mir erlauben, meine Zeit und Ressourcen besser zu verwalten und unabhängiger von lizenzierten und geschlossenen Systemen zu werden.\nSchließlich sehe ich in den noch kommenden technischen Entwicklungen ebenfalls großes Potenzial, Offenheit in noch nie dagewesener Weise zu fördern. Ich bin gespannt darauf, wie neue Technologien wie Künstliche Intelligenz, erweiterte Realität und Big Data genutzt werden können, um Bildung, Arbeit und persönliche Entwicklung zu revolutionieren. Ich plane, nicht nur offen für das Erlernen und die Anwendung dieser Technologien zu sein, sondern in offenen Lernszenarien auch an der gemeinschaftlichen Entwicklung zu partizipieren, beispielsweise im Forum Offene KI in der Bildung der Wikimedia.\n6. Ausblick: Aufbau einer Community of Trust durch Offenheit Während ich also einen Ausblick auf das Jahr 2024 wage, sehe ich den Aufbau und die Pflege einer „Community of Trust“ – einer Gemeinschaft, die auf Vertrauen basiert – als zentrales Ziel meiner Bemühungen um Offenheit an. Eine solche Gemeinschaft zeichnet sich durch gegenseitigen Respekt, Transparenz und Unterstützung aus und bildet die Grundlage für nachhaltige und bedeutungsvolle Beziehungen sowohl im beruflichen als auch im privaten Bereich.\nKontakte und Vernetzung: Aktives Networking: Ich plane, mein Netzwerk aktiv zu erweitern, indem ich mich an Gemeinschaften und Gruppen beteilige, die ähnliche Werte teilen. Dies kann durch Teilnahme an Konferenzen, Workshops und Online-Foren geschehen, wo ich Gleichgesinnte treffen und mich mit ihnen austauschen kann.\nKultur der Digitalität: Ich beabsichtige, digitale Technologien und soziale Medien zu nutzen, um mein Netzwerk zu erweitern und zu pflegen. Dies ermöglicht es mir, mit Menschen aus verschiedenen Teilen der Welt in Kontakt zu treten und Ideen und Erfahrungen auszutauschen.\nKollaborative Projekte: Durch die Arbeit an gemeinsamen Projekten, die Offenheit und Kreativität fördern, kann ich enge Beziehungen zu anderen aufbauen und gleichzeitig zur Gemeinschaft beitragen.\nCommunity of Trust: Vertrauensfördernde Maßnahmen: Um eine Atmosphäre des Vertrauens zu schaffen, möchte ich offene Kommunikation und transparente Praktiken in allen meinen Interaktionen anwenden. Dies beinhaltet das Teilen von Wissen und Erfahrungen sowie das Zulassen von Verletzlichkeit und Echtheit in meinen Beziehungen.\nGegenseitige Unterstützung: Eine Community of Trust basiert auf gegenseitiger Unterstützung und Ermutigung. Ich plane, anderen aktiv zu helfen und Unterstützung anzubieten, wo immer es möglich ist, und hoffe, dass dies zu einer Kultur der Zusammenarbeit und des Teilens beiträgt.\nLangfristige Beziehungen: Mein Ziel ist es, langfristige Beziehungen aufzubauen, die auf gemeinsamen Werten und gegenseitigem Vertrauen basieren. Diese Beziehungen werden nicht nur mein persönliches Wachstum fördern, sondern auch dazu beitragen, eine stärkere und widerstandsfähigere Gemeinschaft zu schaffen.\nAbschließend ist mein Ausblick für das Jahr 2024 und darüber hinaus, eine Community of Trust zu kultivieren, die sich durch gegenseitigen Respekt und eine gemeinsame Vision für Offenheit auszeichnet. Ich glaube, dass durch die Entwicklung einer solchen Gemeinschaft nicht nur persönliche und berufliche Beziehungen gestärkt werden, sondern auch ein Umfeld entsteht, in dem Innovation und Kreativität gedeihen können. Der Schlüssel dazu liegt in der aktiven Pflege von Beziehungen, dem Engagement für transparente Kommunikation und der Bereitschaft, sich auf andere einzulassen und von ihnen zu lernen.\nDies ist ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade\nBeitragsbild Public Domain CC0 Midjourney Prompt: “A Community of Trust based on Openness, silhouettes of people of all genders and ages that merge into each other and overlap, watercolors –v 6.0 –seed 1235164279”\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ",
-  "wordCount" : "2188",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/offenheit-wesentlich.png","datePublished": "2024-01-26T00:00:00Z",
-  "dateModified": "2024-01-26T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_9f8387cc36991f0b.png 360w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_e9d2e1e0a4ad2353.png 480w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_dfa0a93531bbd5ec.png 720w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png" alt="" 
-            width="1024" height="1024">
+        <img loading="eager" src="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png" alt="">
         
 </figure>
   <div class="post-content"><h1 id="offenheit---das-wesentliche">Offenheit - das Wesentliche<a hidden class="anchor" aria-hidden="true" href="#offenheit---das-wesentliche">#</a></h1>
@@ -293,11 +225,12 @@ Midjourney Prompt: &ldquo;A Community of Trust based on Openness, silhouettes of
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2024/03/05/bottomup-markdown.html/index.html b/public/2024/03/05/bottomup-markdown.html/index.html
index 0a1906d..be973b2 100644
--- a/public/2024/03/05/bottomup-markdown.html/index.html
+++ b/public/2024/03/05/bottomup-markdown.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>BottomUp -&gt; MarkDown - 5V-Power für deine OER! | Jörg Lohrer</title>
 <meta name="keywords" content="Offenheit, OER, MarkDown, Community">
 <meta name="description" content="Open Educational Resources mit MarkDown">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2024/03/05/bottomup-markdown.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2024/03/05/bottomup-markdown.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="BottomUp -&gt; MarkDown - 5V-Power für deine OER!" />
-<meta property="og:description" content="Open Educational Resources mit MarkDown" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/bottomup-markdown.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2024-03-05T00:00:00+00:00" />
-<meta property="article:modified_time" content="2024-03-05T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/bottomup-markdown.png" />
-<meta name="twitter:title" content="BottomUp -&gt; MarkDown - 5V-Power für deine OER!"/>
-<meta name="twitter:description" content="Open Educational Resources mit MarkDown"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "BottomUp -\u003e MarkDown - 5V-Power für deine OER!",
-      "item": "https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "BottomUp -\u003e MarkDown - 5V-Power für deine OER!",
-  "name": "BottomUp -\u003e MarkDown - 5V-Power für deine OER!",
-  "description": "Open Educational Resources mit MarkDown",
-  "keywords": [
-    "Offenheit", "OER", "MarkDown", "Community"
-  ],
-  "articleBody": "Eine Session-Idee auf dem #OERcamp 24 in Hamburg Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\nIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\nBottomUp MarkDown: Verwahren \u0026 Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! Austausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ",
-  "wordCount" : "368",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/bottomup-markdown.png","datePublished": "2024-03-05T00:00:00Z",
-  "dateModified": "2024-03-05T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_416a995fc1e1a178.png 360w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_646ea7b88a9cd64b.png 480w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_654ee7bc51ec82a3.png 720w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_e741eb9eecca2f90.png 1080w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_bf20d8d38d5b89b3.png 1500w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown.png 1938w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown.png" alt="" 
-            width="1938" height="1044">
+        <img loading="eager" src="http://localhost:1313/2024/03/05/bottomup-markdown.html/bottomup-markdown.png" alt="">
         
 </figure>
   <div class="post-content"><h2 id="eine-session-idee-auf-dem-oercamp-24-in-hamburg">Eine Session-Idee auf dem #OERcamp 24 in Hamburg<a hidden class="anchor" aria-hidden="true" href="#eine-session-idee-auf-dem-oercamp-24-in-hamburg">#</a></h2>
@@ -259,11 +191,12 @@
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/2024/04/03/kibedenken-bewusstsein.html/index.html b/public/2024/04/03/kibedenken-bewusstsein.html/index.html
index 430a6f5..b49c46c 100644
--- a/public/2024/04/03/kibedenken-bewusstsein.html/index.html
+++ b/public/2024/04/03/kibedenken-bewusstsein.html/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>KIBedenken - Bewusstsein | Jörg Lohrer</title>
 <meta name="keywords" content="Künstliche Intelligenz, Bewusstsein, Religionspädagogik, Community">
 <meta name="description" content="Intelligenz oder Bewusstsein?">
 <meta name="author" content="Jörg Lohrer">
-<link rel="canonical" href="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,73 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="KIBedenken - Bewusstsein" />
-<meta property="og:description" content="Intelligenz oder Bewusstsein?" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/" />
-<meta property="og:image" content="https://joerg-lohrer.de/kibedenken.png" /><meta property="article:section" content="posts" />
-<meta property="article:published_time" content="2024-04-03T00:00:00+00:00" />
-<meta property="article:modified_time" content="2024-04-03T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:image" content="https://joerg-lohrer.de/kibedenken.png" />
-<meta name="twitter:title" content="KIBedenken - Bewusstsein"/>
-<meta name="twitter:description" content="Intelligenz oder Bewusstsein?"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }, 
-    {
-      "@type": "ListItem",
-      "position":  2 ,
-      "name": "KIBedenken - Bewusstsein",
-      "item": "https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "KIBedenken - Bewusstsein",
-  "name": "KIBedenken - Bewusstsein",
-  "description": "Intelligenz oder Bewusstsein?",
-  "keywords": [
-    "Künstliche Intelligenz", "Bewusstsein", "Religionspädagogik", "Community"
-  ],
-  "articleBody": "#KIBedenken - Bewusstsein Den für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen Yuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube:\nIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\nIch denke, hier wird eine Spur gelegt, die sich unterscheidet von der reinen Funktion von KI zur intelligenten Verbesserung und Unterstützung von Lernprozessen oder vielfältigem Kompetenzerwerb hin zur Selbstreflexion der Lernenden. Auch im Blick auf (religionsbezogene) Bildung kennen wir den Mensch nicht nur biologisch, wie die Würmer und Affen sondern auch ausgestattet mit Würde, Entscheidungsfreiheit und als Beziehungswesen, das auf ein Gegenüber ausgerichtet sein kann und, wie Harari sagt, nicht im selben Team wie die Computer spielt. Sinn, Seele und Verstand erhalten wir weder aus uns selbst heraus noch von einer wie auch immer gearteten Intelligenz. Liebe, Gnade, Hoffnung, Frieden, Gemeinschaft, Trost, Zuversicht und viele weiteren lebensbedeutsame Erfahrungen gewinnen im Angesicht von Maschinen aus meiner Sicht an elementarer Bedeutung.\nDies ist ein Beitrag zur Blogparade #KIBedenken von Joscha Falck und Nele Hirsch\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ",
-  "wordCount" : "666",
-  "inLanguage": "de",
-  "image":"https://joerg-lohrer.de/kibedenken.png","datePublished": "2024-04-03T00:00:00Z",
-  "dateModified": "2024-04-03T00:00:00Z",
-  "author":{
-    "@type": "Person",
-    "name": "Jörg Lohrer"
-  },
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -139,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -167,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -211,9 +145,7 @@
 </div>
   </header> 
 <figure class="entry-cover">
-        <img loading="eager" srcset="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_c6fdb364e96b682f.png 360w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_11a75069a9c1aee8.png 480w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_3b73dc800dd9f742.png 720w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png" alt="Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*" 
-            width="1024" height="1024">
+        <img loading="eager" src="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png" alt="Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*">
         <p><a href="https://creativecommons.org/publicdomain/zero/1.0/deed.de">CC0</a> Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio <a href="https://de.wikipedia.org/wiki/Narziss#">(siehe wikipedia #Narziss)</a> erstellt mit der KI Midjourney und dem Prompt: <em>photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water &ndash;v6.0</em></p>
 </figure>
   <div class="post-content"><h1 id="kibedenken---bewusstsein">#KIBedenken - Bewusstsein<a hidden class="anchor" aria-hidden="true" href="#kibedenken---bewusstsein">#</a></h1>
@@ -249,11 +181,201 @@ Liebe, Gnade, Hoffnung, Frieden, Gemeinschaft, Trost, Zuversicht und viele weite
     <ul class="post-tags">
     </ul>
   </footer>
+<section id="comments" class="article-content">
+  <h2>Kommentare</h2>
+  <p>Mit einem Mastodon- oder Fediverse-Account kannst du <a href="https://reliverse.social/@joerglohrer/112208546053995638">hier antworten</a></p>
+
+  <p id="mastodon-comments-list"><button id="load-comment">Kommentare laden</button></p>
+  <div id="comments-wrapper">
+    <noscript><p>Loading comments relies on JavaScript. Try enabling JavaScript and reloading, or visit <a href="https://reliverse.social/@joerglohrer/112208546053995638">the original post</a> on Mastodon.</p></noscript>
+  </div>
+  <noscript>You need JavaScript to view the comments.</noscript>
+  <script src="/js/purify.min.js"></script>
+  <script type="text/javascript">
+    function escapeHtml(unsafe) {
+      return unsafe
+           .replace(/&/g, "&amp;")
+           .replace(/</g, "&lt;")
+           .replace(/>/g, "&gt;")
+           .replace(/"/g, "&quot;")
+           .replace(/'/g, "&#039;");
+    }
+    function emojify(input, emojis) {
+      let output = input;
+
+      emojis.forEach(emoji => {
+        let picture = document.createElement("picture");
+
+        let source = document.createElement("source");
+        source.setAttribute("srcset", escapeHtml(emoji.url));
+        source.setAttribute("media", "(prefers-reduced-motion: no-preference)");
+
+        let img = document.createElement("img");
+        img.className = "emoji";
+        img.setAttribute("src", escapeHtml(emoji.static_url));
+        img.setAttribute("alt", `:${ emoji.shortcode }:`);
+        img.setAttribute("title", `:${ emoji.shortcode }:`);
+        img.setAttribute("width", "20");
+        img.setAttribute("height", "20");
+
+        picture.appendChild(source);
+        picture.appendChild(img);
+
+        output = output.replace(`:${ emoji.shortcode }:`, picture.outerHTML);
+      });
+
+      return output;
+    }
+
+    function loadComments() {
+      let commentsWrapper = document.getElementById("comments-wrapper");
+      document.getElementById("load-comment").innerHTML = "Loading";
+      fetch('https://reliverse.social/api/v1/statuses/112208546053995638/context')
+        .then(function(response) {
+          return response.json();
+        })
+        .then(function(data) {
+          let descendants = data['descendants'];
+          if(
+            descendants &&
+            Array.isArray(descendants) &&
+            descendants.length > 0
+          ) {
+            commentsWrapper.innerHTML = "";
+
+            descendants.forEach(function(status) {
+                console.log(descendants)
+              if( status.account.display_name.length > 0 ) {
+                status.account.display_name = escapeHtml(status.account.display_name);
+                status.account.display_name = emojify(status.account.display_name, status.account.emojis);
+              } else {
+                status.account.display_name = status.account.username;
+              };
+
+              let instance = "";
+              if( status.account.acct.includes("@") ) {
+                instance = status.account.acct.split("@")[1];
+              } else {
+                instance = "reliverse.social";
+              }
+
+              const isReply = status.in_reply_to_id !== "112208546053995638";
+
+              let op = false;
+              if( status.account.acct == "joerglohrer" ) {
+                op = true;
+              }
+
+              status.content = emojify(status.content, status.emojis);
+
+              let avatarSource = document.createElement("source");
+              avatarSource.setAttribute("srcset", escapeHtml(status.account.avatar));
+              avatarSource.setAttribute("media", "(prefers-reduced-motion: no-preference)");
+
+              let avatarImg = document.createElement("img");
+              avatarImg.className = "avatar";
+              avatarImg.setAttribute("src", escapeHtml(status.account.avatar_static));
+              avatarImg.setAttribute("alt", `@${ status.account.username }@${ instance } avatar`);
+
+              let avatarPicture = document.createElement("picture");
+              avatarPicture.appendChild(avatarSource);
+              avatarPicture.appendChild(avatarImg);
+
+              let avatar = document.createElement("a");
+              avatar.className = "avatar-link";
+              avatar.setAttribute("href", status.account.url);
+              avatar.setAttribute("rel", "external nofollow");
+              avatar.setAttribute("title", `View profile at @${ status.account.username }@${ instance }`);
+              avatar.appendChild(avatarPicture);
+
+              let instanceBadge = document.createElement("a");
+              instanceBadge.className = "instance";
+              instanceBadge.setAttribute("href", status.account.url);
+              instanceBadge.setAttribute("title", `@${ status.account.username }@${ instance }`);
+              instanceBadge.setAttribute("rel", "external nofollow");
+              instanceBadge.textContent = instance;
+
+              let display = document.createElement("span");
+              display.className = "display";
+              display.setAttribute("itemprop", "author");
+              display.setAttribute("itemtype", "http://schema.org/Person");
+              display.innerHTML = status.account.display_name;
+
+              let header = document.createElement("header");
+              header.className = "author";
+              header.appendChild(display);
+              header.appendChild(instanceBadge);
+
+              let permalink = document.createElement("a");
+              permalink.setAttribute("href", status.url);
+              permalink.setAttribute("itemprop", "url");
+              permalink.setAttribute("title", `View comment at ${ instance }`);
+              permalink.setAttribute("rel", "external nofollow");
+              permalink.textContent = new Date( status.created_at ).toLocaleString('en-US', {
+                dateStyle: "long",
+                timeStyle: "short",
+              });
+
+              let timestamp = document.createElement("time");
+              timestamp.setAttribute("datetime", status.created_at);
+              timestamp.appendChild(permalink);
+
+              let main = document.createElement("main");
+              main.setAttribute("itemprop", "text");
+              main.innerHTML = status.content;
+
+              let interactions = document.createElement("footer");
+              if(status.favourites_count > 0) {
+                let faves = document.createElement("a");
+                faves.className = "faves";
+                faves.setAttribute("href", `${ status.url }/favourites`);
+                faves.setAttribute("title", `Favorites from ${ instance }`);
+                faves.textContent = status.favourites_count;
+
+                interactions.appendChild(faves);
+              }
+
+              let comment = document.createElement("article");
+              comment.id = `comment-${ status.id }`;
+              comment.className = isReply ? "comment comment-reply" : "comment";
+              comment.setAttribute("itemprop", "comment");
+              comment.setAttribute("itemtype", "http://schema.org/Comment");
+              comment.appendChild(avatar);
+              comment.appendChild(header);
+              comment.appendChild(timestamp);
+              comment.appendChild(main);
+              comment.appendChild(interactions);
+
+              if(op === true) {
+                comment.classList.add("op");
+
+                avatar.classList.add("op");
+                avatar.setAttribute(
+                  "title",
+                  "Blog post author; " + avatar.getAttribute("title")
+                );
+
+                instanceBadge.classList.add("op");
+                instanceBadge.setAttribute(
+                  "title",
+                  "Blog post author: " + instanceBadge.getAttribute("title")
+                );
+              }
+
+              commentsWrapper.innerHTML += DOMPurify.sanitize(comment.outerHTML);
+            });
+          }
+        });
+      }
+      document.getElementById("load-comment").addEventListener("click", loadComments);
+  </script>
+</section>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/404.html b/public/404.html
index 4576471..afbee15 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>404 Page not found | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/404.html">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/404.html">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/404.html">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/404.html">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,15 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="404 Page not found" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/404.html" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="404 Page not found"/>
-<meta name="twitter:description" content=""/>
-
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -81,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -109,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -142,7 +134,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/archives/index.html b/public/archives/index.html
index a6905b0..be1a9b8 100644
--- a/public/archives/index.html
+++ b/public/archives/index.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Archive | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="archives">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/archives/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/archives/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/archives/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/archives/">
 <noscript>
     <style>
         #theme-toggle,
@@ -55,61 +55,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Archive" />
-<meta property="og:description" content="archives" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/archives/" /><meta property="article:section" content="" />
-
-
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Archive"/>
-<meta name="twitter:description" content="archives"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Archive",
-      "item": "https://joerg-lohrer.de/archives/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Archive",
-  "name": "Archive",
-  "description": "archives",
-  "keywords": [
-    
-  ],
-  "articleBody": "",
-  "wordCount" : "0",
-  "inLanguage": "de",
-  "datePublished": "0001-01-01T00:00:00Z",
-  "dateModified": "0001-01-01T00:00:00Z",
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/archives/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -127,7 +73,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -155,17 +101,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span class="active">Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -200,7 +146,7 @@
         <h3 class="archive-entry-title entry-hint-parent">KIBedenken - Bewusstsein
         </h3>
         <div class="archive-meta"><span title='2024-04-03 00:00:00 +0000 UTC'>April 3, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to KIBedenken - Bewusstsein" href="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/"></a>
+        <a class="entry-link" aria-label="post link to KIBedenken - Bewusstsein" href="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/"></a>
       </div>
     </div>
   </div>
@@ -211,7 +157,7 @@
         <h3 class="archive-entry-title entry-hint-parent">BottomUp -&gt; MarkDown - 5V-Power für deine OER!
         </h3>
         <div class="archive-meta"><span title='2024-03-05 00:00:00 +0000 UTC'>März 5, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to BottomUp -&gt; MarkDown - 5V-Power für deine OER!" href="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/"></a>
+        <a class="entry-link" aria-label="post link to BottomUp -&gt; MarkDown - 5V-Power für deine OER!" href="http://localhost:1313/2024/03/05/bottomup-markdown.html/"></a>
       </div>
     </div>
   </div>
@@ -222,7 +168,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Offenheit - das Wesentliche
         </h3>
         <div class="archive-meta"><span title='2024-01-26 00:00:00 +0000 UTC'>Januar 26, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Offenheit - das Wesentliche" href="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/"></a>
+        <a class="entry-link" aria-label="post link to Offenheit - das Wesentliche" href="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/"></a>
       </div>
     </div>
   </div>
@@ -237,7 +183,7 @@
         <h3 class="archive-entry-title entry-hint-parent">WordPress statt Padlet oder TaskCards
         </h3>
         <div class="archive-meta"><span title='2023-07-25 00:00:00 +0000 UTC'>Juli 25, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to WordPress statt Padlet oder TaskCards" href="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"></a>
+        <a class="entry-link" aria-label="post link to WordPress statt Padlet oder TaskCards" href="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"></a>
       </div>
     </div>
   </div>
@@ -248,7 +194,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Hefefreuden - Dampfnudeln &amp; Minihefezopf
         </h3>
         <div class="archive-meta"><span title='2023-04-07 00:00:00 +0000 UTC'>April 7, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Hefefreuden - Dampfnudeln & Minihefezopf" href="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/"></a>
+        <a class="entry-link" aria-label="post link to Hefefreuden - Dampfnudeln & Minihefezopf" href="http://localhost:1313/2023/04/07/dampfnudeln.html/"></a>
       </div>
     </div>
   </div>
@@ -259,7 +205,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Das Gleichnis vom Sämann
         </h3>
         <div class="archive-meta"><span title='2023-03-23 00:00:00 +0000 UTC'>März 23, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Das Gleichnis vom Sämann" href="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/"></a>
+        <a class="entry-link" aria-label="post link to Das Gleichnis vom Sämann" href="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/"></a>
       </div>
     </div>
   </div>
@@ -270,7 +216,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Jojos Schoko-Zimt-Schnecken
         </h3>
         <div class="archive-meta"><span title='2023-02-26 00:00:00 +0000 UTC'>Februar 26, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Jojos Schoko-Zimt-Schnecken" href="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/"></a>
+        <a class="entry-link" aria-label="post link to Jojos Schoko-Zimt-Schnecken" href="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/"></a>
       </div>
     </div>
   </div>
@@ -285,7 +231,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern
         </h3>
         <div class="archive-meta"><span title='2022-03-19 00:00:00 +0000 UTC'>März 19, 2022</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern" href="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/"></a>
+        <a class="entry-link" aria-label="post link to Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern" href="http://localhost:1313/2022/03/19/ob-virtualcam.html/"></a>
       </div>
     </div>
   </div>
@@ -296,7 +242,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Moodle Server mit Ubuntu 20 LTS und Iomad
         </h3>
         <div class="archive-meta"><span title='2022-02-16 00:00:00 +0000 UTC'>Februar 16, 2022</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Moodle Server mit Ubuntu 20 LTS und Iomad" href="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/"></a>
+        <a class="entry-link" aria-label="post link to Moodle Server mit Ubuntu 20 LTS und Iomad" href="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/"></a>
       </div>
     </div>
   </div>
@@ -311,7 +257,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Bibelfußball - Nachschlage-Quiz zur Bibel
         </h3>
         <div class="archive-meta"><span title='2021-12-03 00:00:00 +0000 UTC'>Dezember 3, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Bibelfußball - Nachschlage-Quiz zur Bibel" href="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/"></a>
+        <a class="entry-link" aria-label="post link to Bibelfußball - Nachschlage-Quiz zur Bibel" href="http://localhost:1313/2021/12/03/bibelfussball.html/"></a>
       </div>
     </div>
   </div>
@@ -322,7 +268,7 @@
         <h3 class="archive-entry-title entry-hint-parent">WordPress Werkstatt PHP
         </h3>
         <div class="archive-meta"><span title='2021-11-17 00:00:00 +0000 UTC'>November 17, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to WordPress Werkstatt PHP" href="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/"></a>
+        <a class="entry-link" aria-label="post link to WordPress Werkstatt PHP" href="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/"></a>
       </div>
     </div>
   </div>
@@ -333,7 +279,7 @@
         <h3 class="archive-entry-title entry-hint-parent">VR - Virtual Reality
         </h3>
         <div class="archive-meta"><span title='2021-08-15 00:00:00 +0000 UTC'>August 15, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to VR - Virtual Reality" href="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/"></a>
+        <a class="entry-link" aria-label="post link to VR - Virtual Reality" href="http://localhost:1313/2021/08/15/virtual-reality.html/"></a>
       </div>
     </div>
   </div>
@@ -348,7 +294,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Pflanzenschild mit QR-Code
         </h3>
         <div class="archive-meta"><span title='2019-03-26 00:00:00 +0000 UTC'>März 26, 2019</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Pflanzenschild mit QR-Code" href="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/"></a>
+        <a class="entry-link" aria-label="post link to Pflanzenschild mit QR-Code" href="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/"></a>
       </div>
     </div>
   </div>
@@ -363,13 +309,13 @@
         <h3 class="archive-entry-title entry-hint-parent">Lutherkürbis - Reformation an Halloween
         </h3>
         <div class="archive-meta"><span title='2017-10-31 00:00:00 +0000 UTC'>Oktober 31, 2017</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Lutherkürbis - Reformation an Halloween" href="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/"></a>
+        <a class="entry-link" aria-label="post link to Lutherkürbis - Reformation an Halloween" href="http://localhost:1313/2017/10/31/lutherkuerbis.html/"></a>
       </div>
       <div class="archive-entry">
         <h3 class="archive-entry-title entry-hint-parent">Telegram Bot für Octopi
         </h3>
         <div class="archive-meta"><span title='2017-10-23 00:00:00 +0000 UTC'>Oktober 23, 2017</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Telegram Bot für Octopi" href="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/"></a>
+        <a class="entry-link" aria-label="post link to Telegram Bot für Octopi" href="http://localhost:1313/2017/10/23/telegram-octopi.html/"></a>
       </div>
     </div>
   </div>
@@ -384,7 +330,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven
         </h3>
         <div class="archive-meta"><span title='2013-05-29 00:00:00 +0000 UTC'>Mai 29, 2013</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven" href="https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"></a>
+        <a class="entry-link" aria-label="post link to Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven" href="http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"></a>
       </div>
     </div>
   </div>
@@ -395,7 +341,7 @@
         <h3 class="archive-entry-title entry-hint-parent">Premium, Freemium, Mium mium mium
         </h3>
         <div class="archive-meta"><span title='2013-02-07 00:00:00 +0000 UTC'>Februar 7, 2013</span>&nbsp;·&nbsp;Jörg Lohrer</div>
-        <a class="entry-link" aria-label="post link to Premium, Freemium, Mium mium mium" href="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/"></a>
+        <a class="entry-link" aria-label="post link to Premium, Freemium, Mium mium mium" href="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/"></a>
       </div>
     </div>
   </div>
@@ -403,7 +349,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css b/public/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css
new file mode 100644
index 0000000..1216ca5
--- /dev/null
+++ b/public/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css
@@ -0,0 +1,7 @@
+/*
+  PaperMod v7
+  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
+  Copyright (c) 2020 nanxiaobei and adityatelange
+  Copyright (c) 2021-2024 adityatelange
+*/
+:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238)}.dark{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51)}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;margin:auto var(--gap)}.logo{flex-wrap:inherit}.logo a{font-size:24px;font-weight:700}.logo a img,.logo a svg{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}button#theme-toggle{font-size:26px;margin:auto 4px}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px}#menu .active{font-weight:500;border-bottom:2px solid}.lang-switch li,.lang-switch ul,.logo-switches{display:inline-flex;margin:auto 4px}.lang-switch{display:flex;flex-wrap:inherit}.lang-switch a{margin:auto 3px;font-size:16px;font-weight:500}.logo-switches{flex-wrap:inherit}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:1px solid var(--border)}.post-entry:active{transform:scale(.96)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);pointer-events:none;width:100%;height:auto}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:2px;font-size:40px}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.breadcrumbs a{font-size:16px}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a,.toc a:hover{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlight:not(table){margin:10px auto;background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.post-content li>.highlight{margin-inline-end:0}.post-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.post-content .highlight pre{margin:0}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0!important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.post-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px;margin:1rem 0}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.toc{margin:0 2px 40px;border:1px solid var(--border);background:var(--code-bg);border-radius:var(--radius);padding:.4em}.dark .toc{background:var(--entry)}.toc details summary{cursor:zoom-in;margin-inline-start:20px}.toc details[open] summary{cursor:zoom-out}.toc .details{display:inline;font-weight:500}.toc .inner{margin:0 20px;padding:10px 20px}.toc li ul{margin-inline-start:var(--gap)}.toc summary:focus{outline:0}.post-footer{margin-top:56px}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:8px;font-weight:500;user-select:none}.paginav{display:flex;line-height:30px}.paginav a{padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--radius)}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:small;color:var(--secondary)}.paginav .prev,.paginav .next{width:50%}.paginav span:hover:not(.title){box-shadow:0 1px}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}.mastodon-comment{color:#000;margin:.4rem;padding:.4rem;opacity:.8;display:flex;flex-direction:column}.mastodon-comment .author{display:flex}.mastodon-comment .author .details{margin:10px;padding:10px}.mastodon-comment .author .date{margin-left:auto;font-size:small}.mastodon-comment .author a:link,.mastodon-comment .author a:visited,.mastodon-comment .status a:link{text-decoration:none;border-bottom:0}.mastodon-comment .content{padding:5px}.mastodon-comment .status{display:block}.mastodon-comment .status>div{display:inline-block;margin-right:15px}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:10px}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px}.button{background:var(--tertiary);border-radius:var(--radius);margin:8px;padding:6px;transition:transform .1s}.button-inner{padding:0 8px}.button:active{transform:scale(.96)}#searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}#searchbox input:focus{border-color:var(--secondary)}#searchResults li{list-style:none;border-radius:var(--radius);padding:10px;margin:10px 0;position:relative;font-weight:500}#searchResults{margin:10px 0;width:100%}#searchResults li:active{transition:transform .1s;transform:scale(.98)}#searchResults a{position:absolute;width:100%;height:100%;top:0;left:0;outline:none}#searchResults .focus{transform:scale(.98);border:2px solid var(--tertiary)}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:active{background:var(--tertiary);transform:scale(.96)}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}::-webkit-scrollbar-track{background:0 0}.list:not(.dark)::-webkit-scrollbar-track{background:var(--code-bg)}::-webkit-scrollbar-thumb{background:var(--tertiary);border:5px solid var(--theme);border-radius:var(--radius)}.list:not(.dark)::-webkit-scrollbar-thumb{border:5px solid var(--code-bg)}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::-webkit-scrollbar:not(.highlighttable,.highlight table,.gist .highlight){background:var(--theme)}.post-content .highlighttable td .highlight pre code::-webkit-scrollbar{display:none}.post-content :not(table) ::-webkit-scrollbar-thumb{border:2px solid var(--code-block-bg);background:#717175}.post-content :not(table) ::-webkit-scrollbar-thumb:hover{background:#a3a3a5}.gist table::-webkit-scrollbar-thumb{border:2px solid #fff;background:#adadad}.gist table::-webkit-scrollbar-thumb:hover{background:#707070}.post-content table::-webkit-scrollbar-thumb{border-width:2px}@media screen and (min-width:768px){::-webkit-scrollbar{width:19px;height:11px}}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}}
\ No newline at end of file
diff --git a/public/category/index.html b/public/category/index.html
index d97a677..96e1dd9 100644
--- a/public/category/index.html
+++ b/public/category/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Category | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/category/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/category/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/category/index.xml">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/category/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/category/index.xml">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/category/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,15 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Category" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/category/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Category"/>
-<meta name="twitter:description" content=""/>
-
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -82,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -110,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -148,7 +140,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/category/index.xml b/public/category/index.xml
index 71a3465..86a3540 100644
--- a/public/category/index.xml
+++ b/public/category/index.xml
@@ -2,10 +2,10 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
   <channel>
     <title>Category on Jörg Lohrer</title>
-    <link>https://joerg-lohrer.de/category/</link>
+    <link>http://localhost:1313/category/</link>
     <description>Recent content in Category on Jörg Lohrer</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>de</language>
-    <atom:link href="https://joerg-lohrer.de/category/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/category/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/css/mastodon-comment.css b/public/css/mastodon-comment.css
new file mode 100644
index 0000000..c67e2fe
--- /dev/null
+++ b/public/css/mastodon-comment.css
@@ -0,0 +1,43 @@
+.mastodon-comment {
+    color: #000;
+    margin: 0.4rem;
+    padding: 0.4rem;
+    opacity: 0.8;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .mastodon-comment .author {
+    display: flex;
+  }
+  
+  .mastodon-comment .author .details {
+    margin: 10px;
+    padding: 10px;
+  }
+  
+  .mastodon-comment .author .date {
+    margin-left: auto;
+    font-size: small;
+  }
+  
+  .mastodon-comment .author a:link,
+  .mastodon-comment .author a:visited,
+  .mastodon-comment .status a:link {
+    text-decoration: none;
+    border-bottom: 0px;
+  }
+  
+  .mastodon-comment .content {
+    padding: 5px;
+  }
+  
+  .mastodon-comment .status {
+    display: block;
+  }
+  
+  .mastodon-comment .status > div {
+    display: inline-block;
+    margin-right: 15px;
+  }
+  
\ No newline at end of file
diff --git a/public/css/mastodon-comments.css b/public/css/mastodon-comments.css
new file mode 100644
index 0000000..c67e2fe
--- /dev/null
+++ b/public/css/mastodon-comments.css
@@ -0,0 +1,43 @@
+.mastodon-comment {
+    color: #000;
+    margin: 0.4rem;
+    padding: 0.4rem;
+    opacity: 0.8;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .mastodon-comment .author {
+    display: flex;
+  }
+  
+  .mastodon-comment .author .details {
+    margin: 10px;
+    padding: 10px;
+  }
+  
+  .mastodon-comment .author .date {
+    margin-left: auto;
+    font-size: small;
+  }
+  
+  .mastodon-comment .author a:link,
+  .mastodon-comment .author a:visited,
+  .mastodon-comment .status a:link {
+    text-decoration: none;
+    border-bottom: 0px;
+  }
+  
+  .mastodon-comment .content {
+    padding: 5px;
+  }
+  
+  .mastodon-comment .status {
+    display: block;
+  }
+  
+  .mastodon-comment .status > div {
+    display: inline-block;
+    margin-right: 15px;
+  }
+  
\ No newline at end of file
diff --git a/public/impressum/index.html b/public/impressum/index.html
index ab9fdc0..d268747 100644
--- a/public/impressum/index.html
+++ b/public/impressum/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Impressum | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="Impressum
@@ -14,16 +14,16 @@ Haftungsausschluss:
 Haftung für Inhalte
 Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/impressum/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/impressum/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/impressum/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/impressum/">
 <noscript>
     <style>
         #theme-toggle,
@@ -60,71 +60,7 @@ Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Rich
         }
 
     </style>
-</noscript><meta property="og:title" content="Impressum" />
-<meta property="og:description" content="Impressum
-Angaben gemäß § 5 TMG
-Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com
-Haftungsausschluss:
-Haftung für Inhalte
-Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen." />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/impressum/" /><meta property="article:section" content="" />
-<meta property="article:published_time" content="2013-01-01T00:00:00+00:00" />
-<meta property="article:modified_time" content="2013-01-01T00:00:00+00:00" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Impressum"/>
-<meta name="twitter:description" content="Impressum
-Angaben gemäß § 5 TMG
-Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com
-Haftungsausschluss:
-Haftung für Inhalte
-Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen."/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Impressum",
-      "item": "https://joerg-lohrer.de/impressum/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Impressum",
-  "name": "Impressum",
-  "description": "Impressum Angaben gemäß § 5 TMG\nVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com\nHaftungsausschluss: Haftung für Inhalte Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\n",
-  "keywords": [
-    
-  ],
-  "articleBody": "Impressum Angaben gemäß § 5 TMG\nVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com\nHaftungsausschluss: Haftung für Inhalte Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\nHaftung für Links Mein Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.\nUrheberrecht Die durch den Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen jedoch nicht der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind sowohl für den privaten, als auch für den kommerziellen Gebrauch unter Namensnennung und der Creative Commons Lizenz CC BY-SA gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Solltest Du trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.\nDatenschutz Die Nutzung meiner Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf meiner Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Deine ausdrückliche Zustimmung nicht an Dritte weitergegeben. Ich weise darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.\n",
-  "wordCount" : "472",
-  "inLanguage": "de",
-  "datePublished": "2013-01-01T00:00:00Z",
-  "dateModified": "2013-01-01T00:00:00Z",
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/impressum/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="" id="top">
@@ -142,7 +78,7 @@ Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Rich
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -170,17 +106,17 @@ Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Rich
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span class="active">Impressum</span>
                 </a>
             </li>
@@ -230,11 +166,12 @@ Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Rich
     <ul class="post-tags">
     </ul>
   </footer>
+
 </article>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/index.html b/public/index.html
index 4342f53..990d48e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,26 +2,26 @@
 <html lang="de" dir="auto">
 
 <head>
-	<meta name="generator" content="Hugo 0.142.0"><meta charset="utf-8">
+	<meta name="generator" content="Hugo 0.142.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Jörg Lohrer</title>
 
 <meta name="description" content="">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/index.xml">
-<link rel="alternate" type="application/json" href="https://joerg-lohrer.de/index.json">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/index.xml">
+<link rel="alternate" type="application/json" href="http://localhost:1313/index.json">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/">
 <noscript>
     <style>
         #theme-toggle,
@@ -58,28 +58,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Jörg Lohrer" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Jörg Lohrer"/>
-<meta name="twitter:description" content=""/>
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "Organization",
-  "name": "Jörg Lohrer",
-  "url": "https://joerg-lohrer.de/",
-  "description": "",
-  "thumbnailUrl": "https://joerg-lohrer.de/favicon.ico",
-  "sameAs": [
-      "https://reliverse.social/@joerglohrer", "mailto:lohrer@comenius?subject=Kontakt%20%C3%BCber%20joerg-lohrer.de\u0026body=Hallo%20J%C3%B6rg,%0D%0A%0D%0Aich%20nehme%20%C3%BCber%20deine%20Webseite%20Kontakt%20mit%20dir%20auf.", "https://www.linkedin.com/in/joerglohrer", "/index.xml", "/index.json"
-  ]
-}
-</script>
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -97,7 +76,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -125,17 +104,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span class="active">Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -155,7 +134,7 @@
 </header>
 <main class="main"><div class="profile">
     <div class="profile_inner">
-        <img draggable="false" src="https://joerg-lohrer.de/joerg-profil-2024.webp" alt="Mein Profilbild" title="Mein Profilbild"
+        <img draggable="false" src="http://localhost:1313/joerg-profil-2024.webp" alt="Mein Profilbild" title="Mein Profilbild"
             height="120" width="120" />
         <h1>Hi 🖖</h1>
         <span>Willkommen auf meinem Blog 🤗</span><div class="social-icons" >
@@ -228,7 +207,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/index.json b/public/index.json
index dc6e6d4..802f7dd 100644
--- a/public/index.json
+++ b/public/index.json
@@ -1 +1 @@
-[{"content":"#KIBedenken - Bewusstsein Den für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen Yuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube:\nIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\nIch denke, hier wird eine Spur gelegt, die sich unterscheidet von der reinen Funktion von KI zur intelligenten Verbesserung und Unterstützung von Lernprozessen oder vielfältigem Kompetenzerwerb hin zur Selbstreflexion der Lernenden. Auch im Blick auf (religionsbezogene) Bildung kennen wir den Mensch nicht nur biologisch, wie die Würmer und Affen sondern auch ausgestattet mit Würde, Entscheidungsfreiheit und als Beziehungswesen, das auf ein Gegenüber ausgerichtet sein kann und, wie Harari sagt, nicht im selben Team wie die Computer spielt. Sinn, Seele und Verstand erhalten wir weder aus uns selbst heraus noch von einer wie auch immer gearteten Intelligenz. Liebe, Gnade, Hoffnung, Frieden, Gemeinschaft, Trost, Zuversicht und viele weiteren lebensbedeutsame Erfahrungen gewinnen im Angesicht von Maschinen aus meiner Sicht an elementarer Bedeutung.\nDies ist ein Beitrag zur Blogparade #KIBedenken von Joscha Falck und Nele Hirsch\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/","summary":"\u003ch1 id=\"kibedenken---bewusstsein\"\u003e#KIBedenken - Bewusstsein\u003c/h1\u003e\n\u003cp\u003eDen für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen \u003ca href=\"https://youtu.be/XmhLmZwc2es?si=AOomz4ygJI35j-o8\u0026amp;t=4502\"\u003eYuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube\u003c/a\u003e:\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003eIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\u003c/p\u003e","title":"KIBedenken - Bewusstsein"},{"content":"Eine Session-Idee auf dem #OERcamp 24 in Hamburg Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\nIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\nBottomUp MarkDown: Verwahren \u0026amp; Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! Austausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/","summary":"\u003ch2 id=\"eine-session-idee-auf-dem-oercamp-24-in-hamburg\"\u003eEine Session-Idee auf dem #OERcamp 24 in Hamburg\u003c/h2\u003e\n\u003cp\u003eEntfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\u003c/p\u003e\n\u003cp\u003eIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\u003c/p\u003e\n\u003ch2 id=\"bottomup-markdown\"\u003eBottomUp MarkDown:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eVerwahren \u0026amp; Vervielfältigen\u003c/strong\u003e: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerwenden\u003c/strong\u003e: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerarbeiten\u003c/strong\u003e: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVermischen\u003c/strong\u003e: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerbreiten\u003c/strong\u003e: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"in-dieser-session\"\u003eIn dieser Session:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eEntfessele die Markdown-Mania\u003c/strong\u003e: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGestalte deine Inhalte mit Superkräften\u003c/strong\u003e: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVeröffentliche deine OER im Internet\u003c/strong\u003e: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eWerde Teil der OER-Community\u003c/strong\u003e: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown!\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bottomup-markdown.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"BottomUp -\u003e MarkDown - 5V-Power für deine OER!"},{"content":"Offenheit - das Wesentliche 1. Einleitung: Persönliche Reflexion über Offenheit Wenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt. Dashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\nMeine bisherigen Erfahrungen mit Offenheit haben mich gelehrt, dass es viel mehr ist als nur ein offenes Ohr für andere zu haben oder neue Ideen willkommen zu heißen. Es geht darum, mich selbst für neue Erfahrungen, Veränderungen und unterschiedliche Perspektiven zu öffnen. Ich habe gelernt, dass Offenheit eine Haltung ist, die Mut erfordert – den Mut, sich dem Unbekannten zu stellen, Veränderungen zu akzeptieren und manchmal auch das Risiko einzugehen, verletzlich zu sein.\nFür das kommende Jahr möchte ich mich noch stärker auf das Wesen der Offenheit konzentrieren. Ich habe erkannt, dass Offenheit nicht nur ein Weg ist, mein Leben zu bereichern, sondern auch ein Mittel, um effektiver zu kommunizieren, tiefere Beziehungen aufzubauen und eine bereichernde Arbeitsumgebung zu schaffen. Offenheit soll in meinem Alltag zur Grundlage meiner Entscheidungen und Interaktionen werden.\nDies bedeutet, dass ich bewusst Raum schaffen möchte für das Zuhören und Verstehen anderer Meinungen, auch wenn sie von meinen eigenen abweichen. Es bedeutet auch, mich neuen Herausforderungen und Möglichkeiten zu stellen, ohne von vornherein eine defensive Haltung einzunehmen. In beruflicher Hinsicht möchte ich offener für kreative und innovative Ansätze sein, die über herkömmliche Methoden hinausgehen, und ich strebe danach, Offenheit als ein Schlüsselelement in meiner Arbeitskultur zu etablieren.\nMeine Neujahrsvorsätze für 2024 drehen sich also darum, Offenheit in meinem Denken und Handeln zu kultivieren. Ich möchte lernen, flexibler zu sein, meine Komfortzone zu erweitern und mich aktiv auf das Unbekannte einzulassen. Durch diese Reise erhoffe ich mir, nicht nur persönlich zu wachsen, sondern auch positiv auf die Menschen um mich herum einzuwirken. Offenheit ist für mich das Schlüsselwort für 2024 – ein Jahr, in dem ich mich auf das Wesentliche konzentrieren und neue Wege des Lernens und der Gemeinschaft erkunden möchte.\n2. Offenheit in meinem Alltag: Eine neue Perspektive In meinem Streben nach Offenheit im neuen Jahr möchte ich diese nicht nur als abstraktes Konzept verstehen, sondern sie konkret in meinen Alltag integrieren. Offenheit in meiner täglichen Kommunikation und in meinen Beziehungen soll zu einem zentralen Fokus werden.\nErstens plane ich, in meinen beruflichen Beziehungen geschlossene Systemen zu überwinden. Dies bedeutet für mich, mich aktiv um eine Kultur der Offenheit und Transparenz zu bemühen. Ich möchte die Silo-Mentalität abbauen, die in vielen Organisationen vorherrscht, und stattdessen eine Umgebung schaffen, in der Wissen und Informationen frei geteilt werden. Durch das Überwinden geschlossener Systeme erhoffe ich mir, ein integratives und kollaboratives Arbeitsumfeld zu fördern, in dem Ideen und Innovationen gedeihen können. Das bedeutet Social-Media-Walls und geschlossene Plattformen (sowie meine 23.461 Tweets) hinter mir zu lassen und offene, dezentrale Anschlussmöglichkeiten zu erlernen um Offenheit auch substantiell und nachhaltig zu ermöglichen.\nEin weiterer Aspekt meiner Alltags-Offenheit bezieht sich auf meine persönliche Entwicklung. Ich möchte mich neuen Erfahrungen und Herausforderungen stellen, die mich aus meiner Komfortzone herausholen. Das kann bedeuten, Permakultur auszuprobieren, mich wieder musikalisch zu betätigen oder meine Kompetenzen online zu erweitern. Diese Schritte sollen nicht nur zur Selbstentfaltung beitragen, sondern auch meine Fähigkeit stärken, mit Veränderungen und Unsicherheiten umzugehen.\nSchließlich erkenne ich, dass Offenheit auch bedeutet, sich selbst gegenüber ehrlich zu sein. Es geht darum, meine eigenen Gefühle, Ängste und Hoffnungen anzuerkennen und sie nicht zu unterdrücken. Indem ich mir meiner eigenen inneren Welt bewusst werde, kann ich authentischer mit anderen interagieren und eine tiefere Selbstkenntnis entwickeln, die mich dann hoffentlich auch anschlussfähiger macht. Also mehr Offenheit in Arbeit und freiZEIT\nDurch diese konkreten Schritte hoffe ich, Offenheit zu einem integralen Bestandteil meines täglichen Lebens zu machen. Ich bin überzeugt, dass dies nicht nur mein persönliches Wachstum fördern, sondern auch meine Beziehungen zu anderen bereichern wird. Offen zu sein bedeutet für mich, aktiv und bewusst zu leben, immer bereit, neue Perspektiven zu erkunden und das Leben in all seinen Facetten zu umarmen. Indem ich Offenheit in meinen Alltag integriere, öffne ich die Tür zu einer Welt voller neuer Möglichkeiten, Lernerfahrungen und tiefgreifender Verbindungen.\n3. Offenheit in Bildung und Lernen: Ein lebenslanger Prozess In meinem Streben nach Offenheit im Jahr 2024 möchte ich mich besonders auf den Bereich der Bildung und des Lernens in offenen Communities konzentrieren. Offene Bildungsressourcen (OER) bieten eine wunderbare Gelegenheit, sich kontinuierlich weiterzuentwickeln und zu lernen. Meine Beteiligung an OER ist nicht nur ein berufliches Engagement, sondern auch ein persönliches Anliegen, das meine Leidenschaft für lebenslanges Lernen widerspiegelt.\nIch sehe OER als eine Möglichkeit, Bildung zugänglicher und inklusiver zu gestalten. Durch meine Beteiligung an Projekten und Initiativen, die OER-Communities fördern, möchte ich dazu beitragen, Wissen frei verfügbar zu machen und Lernmöglichkeiten für Menschen aus unterschiedlichen Hintergründen zu schaffen. Dies beinhaltet auch die Förderung von Netzwerkknoten und Gemeinschaften, die offene Bildungsressourcen unterstützen und entwickeln.\nEin weiterer Schwerpunkt für mich ist die kontinuierliche eigene Weiterbildung durch OER. Ich plane, Online-Kurse, Webinare und andere offene Bildungsangebote zu nutzen, um meine Fähigkeiten und mein Wissen zu erweitern. Dieses Engagement für das lebenslange Lernen ist ein Kernaspekt meiner persönlichen und beruflichen Entwicklung.\nIch möchte auch mein Netzwerk aus Gleichgesinnten erweitern, die den Wert offener Bildung erkennen und fördern, wie beispielsweise im Bündnis Freie Bildung. Durch den Austausch mit anderen, die in diesem Bereich aktiv sind, kann ich neue Ideen und Perspektiven gewinnen und gleichzeitig meine eigenen Erfahrungen teilen. Dieser Austausch wird mir helfen, meine Rolle in der OER-Community zu stärken und effektiver zur Weiterentwicklung von offenen Bildungsressourcen beizutragen.\nSchließlich sehe ich Offenheit in der Bildung als einen Weg, um kritisch zu denken und kreative Lösungen für Herausforderungen zu finden. Offene Bildungsressourcen ermutigen mich, über traditionelle Lernmethoden hinauszugehen und innovative Ansätze in meinem Lernprozess zu erkunden.\n4. Qualitätssicherung und Standardisierung in OER Mein Engagement für Offenheit im Bildungsbereich im Jahr 2024 beinhaltet auch einen starken Fokus auf die Qualitätssicherung und Standardisierung von Offenen Bildungsressourcen (OER). Mir ist bewusst, dass die Qualitätssicherung eine der größten Herausforderungen im Umgang mit OER darstellt, da es oft an standardisierten Bewertungskriterien fehlt.\nUm die Qualität von OER zu gewährleisten, plane ich, mich aktiv an der Entwicklung und Anwendung von Qualitätsstandards zu beteiligen. Dies könnte die Mitarbeit in Gremien oder Initiativen umfassen, die sich mit der Erstellung von Richtlinien und Best Practices für OER beschäftigen und beispielsweise auch eine intensivere Zusammenarbeit mit WirLernenOnline - Freie Bildung zum Mitmachen. Ich möchte sicherstellen, dass die mit mir gemeinschaftlich genutzten oder erstellten Ressourcen nicht nur frei zugänglich, sondern auch von hoher Qualität, wiederauffindbar und nachhaltig zugänglich sind.\nEin weiterer Schritt in Richtung Qualitätssicherung ist die Teilnahme am Veranstaltungen wie dem OERcamp, um mein Wissen über die besten Methoden zur Erstellung und Bewertung von OER zu vertiefen. Durch das Erlernen von Techniken zur effektiven Überprüfung und Bewertung von Bildungsmaterialien kann ich zur Verbesserung der Qualität der Ressourcen, mit denen ich arbeite, beitragen.\nDarüber hinaus möchte ich mich für die Förderung einer Kultur der kontinuierlichen Verbesserung und des Feedbacks innerhalb der OER-Community einsetzen. Dies bedeutet, offene Diskussionen über die Qualität von Ressourcen zu fördern und Plattformen, wie beispielsweise rpi-virtuell, dem relilab oder die ZUM für Peer-Reviews und Nutzerfeedback zu nutzen. Ich glaube, dass eine solche Kultur nicht nur die Qualität der Ressourcen verbessert, sondern auch das Bewusstsein und das Engagement der Community für hohe Standards stärkt.\nInsgesamt sehe ich die Qualitätssicherung und Standardisierung in OER als wesentliche Elemente meiner Bemühungen um Offenheit im Bildungsbereich. Durch die Fokussierung auf diese Aspekte hoffe ich, nicht nur zu meiner persönlichen Entwicklung beizutragen, sondern auch die Effektivität und Glaubwürdigkeit von OER als Werkzeug für lebenslanges Lernen zu stärken.\n5. Die Rolle der Technologie: Ermöglicher von Offenheit In meinem Bestreben, Offenheit in meinem Leben im Jahr 2024 zu fördern, erkenne ich die entscheidende Rolle, die Technologie dabei spielt. Ich sehe Technologie als einen wesentlichen Ermöglicher an, der es mir ermöglicht, Offenheit in verschiedenen Bereichen meines Lebens zu integrieren und zu erweitern.\nEiner der Hauptaspekte, in denen ich Technologie nutzen möchte, ist die Verbesserung meiner Zugänglichkeit und Teilnahme an offenen Bildungsressourcen und Plattformen. Dies umfasst die Nutzung digitaler Plattformen für OER, die es mir und anderen ermöglichen, auf eine Vielzahl von Bildungsmaterialien zuzugreifen und diese mit anderen zu teilen. Ich plane, diese Tools zu nutzen, um mein Wissen zu erweitern und gleichzeitig zur Gemeinschaft beizutragen, indem ich eigene Inhalte erstelle und offen teile. Nicht nur die dezentrale offene Bereitstellung, freie Lizenzen und offene Schnittstellen scheinen mir hier wichtig sondern auch die Offenheit der Gemeinschaft und die zugrundeliegenden Open-Source-Technologien, die uns zusammenbringen und zusammenhalten.\nDarüber hinaus möchte ich moderne Kommunikationstechnologien nutzen, um meine Beziehungen sowohl im persönlichen als auch im beruflichen Bereich zu stärken. Dies beinhaltet die Nutzung von sozialen Medien auf Basis des offenen Fediverse joerglohrer@reliverse.social, die Messaging App Element auf der Basis des offenen Matrix-Protokolls @joerglohrer:rpi-virtuell.de, und Publikationsmöglichkeiten über das offene ActivityPub Protokoll, das beispielsweise auch in WordPress integriert ist. Durch diese Technologien kann ich meine Netzwerke pflegen und erweitern, während ich gleichzeitig offen für neue Perspektiven und Möglichkeiten bleibe.\n\u0026ldquo;Lassen Sie uns im Fediversum bloggen und podcasten und schreiben und filmen, als ob unser Leben davon abhinge. Denn unser demokratisches Leben hängt davon ab! (Michael Blume - Nur noch das Fediversum kann uns retten)\nEin weiterer Bereich, in dem ich Technologie als Ermöglicher von Offenheit sehe, ist die persönliche Organisation und Produktivität. Die Nutzung digitaler Tools wie Kalender-Apps, Aufgabenmanager und Cloud-Speicher in einer Open source Kollaborationslösung wie der Nextcloud erleichtert es mir, organisiert zu bleiben und meinen Alltag effizient zu gestalten. Offenere Hardwarelösungen, die sich daran anbinden lassen mit z.B. einem FairPhone für die mobile Arbeit soll mir ermöglichen offener und flexibler zu sein, indem sie mir erlauben, meine Zeit und Ressourcen besser zu verwalten und unabhängiger von lizenzierten und geschlossenen Systemen zu werden.\nSchließlich sehe ich in den noch kommenden technischen Entwicklungen ebenfalls großes Potenzial, Offenheit in noch nie dagewesener Weise zu fördern. Ich bin gespannt darauf, wie neue Technologien wie Künstliche Intelligenz, erweiterte Realität und Big Data genutzt werden können, um Bildung, Arbeit und persönliche Entwicklung zu revolutionieren. Ich plane, nicht nur offen für das Erlernen und die Anwendung dieser Technologien zu sein, sondern in offenen Lernszenarien auch an der gemeinschaftlichen Entwicklung zu partizipieren, beispielsweise im Forum Offene KI in der Bildung der Wikimedia.\n6. Ausblick: Aufbau einer Community of Trust durch Offenheit Während ich also einen Ausblick auf das Jahr 2024 wage, sehe ich den Aufbau und die Pflege einer „Community of Trust“ – einer Gemeinschaft, die auf Vertrauen basiert – als zentrales Ziel meiner Bemühungen um Offenheit an. Eine solche Gemeinschaft zeichnet sich durch gegenseitigen Respekt, Transparenz und Unterstützung aus und bildet die Grundlage für nachhaltige und bedeutungsvolle Beziehungen sowohl im beruflichen als auch im privaten Bereich.\nKontakte und Vernetzung: Aktives Networking: Ich plane, mein Netzwerk aktiv zu erweitern, indem ich mich an Gemeinschaften und Gruppen beteilige, die ähnliche Werte teilen. Dies kann durch Teilnahme an Konferenzen, Workshops und Online-Foren geschehen, wo ich Gleichgesinnte treffen und mich mit ihnen austauschen kann.\nKultur der Digitalität: Ich beabsichtige, digitale Technologien und soziale Medien zu nutzen, um mein Netzwerk zu erweitern und zu pflegen. Dies ermöglicht es mir, mit Menschen aus verschiedenen Teilen der Welt in Kontakt zu treten und Ideen und Erfahrungen auszutauschen.\nKollaborative Projekte: Durch die Arbeit an gemeinsamen Projekten, die Offenheit und Kreativität fördern, kann ich enge Beziehungen zu anderen aufbauen und gleichzeitig zur Gemeinschaft beitragen.\nCommunity of Trust: Vertrauensfördernde Maßnahmen: Um eine Atmosphäre des Vertrauens zu schaffen, möchte ich offene Kommunikation und transparente Praktiken in allen meinen Interaktionen anwenden. Dies beinhaltet das Teilen von Wissen und Erfahrungen sowie das Zulassen von Verletzlichkeit und Echtheit in meinen Beziehungen.\nGegenseitige Unterstützung: Eine Community of Trust basiert auf gegenseitiger Unterstützung und Ermutigung. Ich plane, anderen aktiv zu helfen und Unterstützung anzubieten, wo immer es möglich ist, und hoffe, dass dies zu einer Kultur der Zusammenarbeit und des Teilens beiträgt.\nLangfristige Beziehungen: Mein Ziel ist es, langfristige Beziehungen aufzubauen, die auf gemeinsamen Werten und gegenseitigem Vertrauen basieren. Diese Beziehungen werden nicht nur mein persönliches Wachstum fördern, sondern auch dazu beitragen, eine stärkere und widerstandsfähigere Gemeinschaft zu schaffen.\nAbschließend ist mein Ausblick für das Jahr 2024 und darüber hinaus, eine Community of Trust zu kultivieren, die sich durch gegenseitigen Respekt und eine gemeinsame Vision für Offenheit auszeichnet. Ich glaube, dass durch die Entwicklung einer solchen Gemeinschaft nicht nur persönliche und berufliche Beziehungen gestärkt werden, sondern auch ein Umfeld entsteht, in dem Innovation und Kreativität gedeihen können. Der Schlüssel dazu liegt in der aktiven Pflege von Beziehungen, dem Engagement für transparente Kommunikation und der Bereitschaft, sich auf andere einzulassen und von ihnen zu lernen.\nDies ist ein Beitrag zu Teil 1 \u0026ldquo;Mein (schulisches) Motto für 2024\u0026rdquo; der EduBlogparade\nBeitragsbild Public Domain CC0 Midjourney Prompt: \u0026ldquo;A Community of Trust based on Openness, silhouettes of people of all genders and ages that merge into each other and overlap, watercolors \u0026ndash;v 6.0 \u0026ndash;seed 1235164279\u0026rdquo;\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/","summary":"\u003ch1 id=\"offenheit---das-wesentliche\"\u003eOffenheit - das Wesentliche\u003c/h1\u003e\n\u003ch3 id=\"1-einleitung-persönliche-reflexion-über-offenheit\"\u003e1. Einleitung: Persönliche Reflexion über Offenheit\u003c/h3\u003e\n\u003cp\u003eWenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt.\nDashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\u003c/p\u003e","title":"Offenheit - das Wesentliche"},{"content":"Eine Sammlung von Liedern für den Religionsunterricht ist auf Instagram in Zusammenarbeit von @relimomente @ezpz.lemon.sqz und @colibri260 entstanden und wurde zunächst hier auf TaskCards veröffentlicht.\nWeil TaskCards weder exportiert noch importiert werden können, es nur 2 kostenfreie gibt und somit kein #OER damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man das Ganze in Wordpress umsetzen kann:\nhttps://blogs.rpi-virtuell.de/rulieder Als Bonus sind\neinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch sein, Lebensweg, Liebe / Beziehung, Gemeinschaft, Belastungen, Hoffnung / Gerechtigkeit / Frieden, Wunder, Schöpfung, Die Frage nach Gott, Tod / Jenseitsvorstellungen, Biblische Geschichten, Songs zum Kirchenjahr Es gibt eine Übersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten. Und man kann weitere Lieder einreichen Alles was es dazu braucht ist: 1. \u0026ldquo;horizontales Scrollen\u0026rdquo; einfach umsetzbar mit verschiedenen WordPress-Plugins. Hier wurde der \u0026ldquo;horizontal Scroller\u0026rdquo; von Stackable benutzt.\n2. Spalten als \u0026ldquo;posts block\u0026rdquo; Es gibt wieder eine Vielzahl von WordPress-Blöcken, die Beiträge (posts) nach Kategorien sortiert in Spalten anzeigbar machen. Hier wurde \u0026ldquo;posts block\u0026rdquo; wiederum von Stackable benutzt. Sortieren der Beiträge in den Spalten Um die Beiträge nicht nach Erstellungsdatum sondern individuell in ihren Kategorien zu sortieren gibt es das Plugin \u0026ldquo;Intuitive Custom Post Order\u0026rdquo;, dass dies per Drag\u0026amp;Drop ermöglicht. blogs.rpi-virtuell.de Die Blogs von rpi-virtuell haben alle hier beschriebenen Plugins schon vorinstalliert und müssen nur noch aktiviert werden. Somit steht deinen eigenen WordPress-TaskCards-Padlet-Sammlungen nichts mehr im Wege und du kannst sie kostenfrei und als offene Bildungsmaterialien anderen zugänglich machen.\n","permalink":"https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/","summary":"\u003cp\u003eEine \u003cstrong\u003eSammlung von Liedern für den Religionsunterricht\u003c/strong\u003e ist auf Instagram in Zusammenarbeit von \u003ca href=\"https://www.instagram.com/relimomente/\"\u003e@relimomente\u003c/a\u003e \u003ca href=\"https://www.instagram.com/ezpz.lemon.sqz\"\u003e@ezpz.lemon.sqz\u003c/a\u003e und \u003ca href=\"https://www.instagram.com/colibri260\"\u003e@colibri260\u003c/a\u003e entstanden und wurde zunächst \u003cstrong\u003e\u003ca href=\"https://www.taskcards.de/#/board/16af7347-ec26-468e-a093-34549dd2dae3/view\"\u003ehier auf TaskCards\u003c/a\u003e\u003c/strong\u003e veröffentlicht.\u003c/p\u003e\n\u003cp\u003eWeil TaskCards  \u003ca href=\"https://twitter.com/TaskCards_/status/1678706884323205122\"\u003eweder exportiert noch importiert\u003c/a\u003e werden können, es nur 2 kostenfreie gibt und somit kein \u003ca href=\"https://open-educational-resources.de/5rs-auf-deutsch/\"\u003e#OER\u003c/a\u003e damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man \u003cstrong\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003edas Ganze in Wordpress\u003c/a\u003e\u003c/strong\u003e umsetzen kann:\u003c/p\u003e\n\u003ch2 id=\"httpsblogsrpi-virtuellderuliederhttpsblogsrpi-virtuellderulieder\"\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003ehttps://blogs.rpi-virtuell.de/rulieder\u003c/a\u003e\u003c/h2\u003e\n\u003cp\u003eAls Bonus sind\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eeinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar :\n\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/mensch-sein/\"\u003eMensch sein\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/lebensweg/\"\u003eLebensweg\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/liebe-beziehung/\"\u003eLiebe / Beziehung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/gemeinschaft/\"\u003eGemeinschaft\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/belastungen/\"\u003eBelastungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/hoffnung-gerechtigkeit-frieden/\"\u003eHoffnung / Gerechtigkeit / Frieden\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/wunder/\"\u003eWunder\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/schoepfung/\"\u003eSchöpfung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/die-frage-nach-gott/\"\u003eDie Frage nach Gott\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/tod-jenseits/\"\u003eTod / Jenseitsvorstellungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/biblische-geschichten/\"\u003eBiblische Geschichten\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/songs-zum-kirchenjahr/\"\u003eSongs zum Kirchenjahr\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eEs gibt eine \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/tag/45minuten/\"\u003eÜbersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eUnd man kann \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/beitrag-einreichen/\"\u003eweitere Lieder einreichen\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"alles-was-es-dazu-braucht-ist\"\u003eAlles was es dazu braucht ist:\u003c/h2\u003e\n\u003ch3 id=\"1-horizontales-scrollen\"\u003e1. \u0026ldquo;horizontales Scrollen\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"wordpress-horizontales-scrollen.gif\" alt=\"\"  /\u003e\n\neinfach umsetzbar mit verschiedenen WordPress-Plugins.\nHier wurde der \u0026ldquo;\u003ca href=\"https://docs.wpstackable.com/article/502-how-to-use-the-horizontal-scroller\"\u003ehorizontal Scroller\u003c/a\u003e\u0026rdquo; von Stackable benutzt.\u003c/p\u003e","title":"WordPress statt Padlet oder TaskCards"},{"content":"Dampfnudeln \u0026amp; Minihefezopf Zutaten 400 ml Milch 120g Zucker 1 Pkg Hefe (42g) 3 Eier (ca 150g Vollei) 1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630) 10 g Salz 120 g Butter Rezept Milch, Zucker, Hefe handwarm mischen Eier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten Salz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten Mindestens 30 Minuten gehen lassen Dampfnudeln 6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen: weitere 30 Minuten gehen lassen dann bei 100°Celsius für 30 Minuten dampfgaren fertig mit Vanillesoße servieren Hefezopf Die restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten Mit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen Mit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren Nach 10 Minuten Back-Temperatur auf 160° reduzieren Entweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten ","permalink":"https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/","summary":"\u003ch1 id=\"dampfnudeln--minihefezopf\"\u003eDampfnudeln \u0026amp; Minihefezopf\u003c/h1\u003e\n\u003ch2 id=\"zutaten\"\u003eZutaten\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e400 ml Milch\u003c/li\u003e\n\u003cli\u003e120g Zucker\u003c/li\u003e\n\u003cli\u003e1 Pkg Hefe (42g)\u003c/li\u003e\n\u003cli\u003e3 Eier (ca 150g Vollei)\u003c/li\u003e\n\u003cli\u003e1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630)\u003c/li\u003e\n\u003cli\u003e10 g Salz\u003c/li\u003e\n\u003cli\u003e120 g Butter\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"rezept\"\u003eRezept\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eMilch, Zucker, Hefe handwarm mischen\u003c/li\u003e\n\u003cli\u003eEier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten\u003c/li\u003e\n\u003cli\u003eSalz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten\u003c/li\u003e\n\u003cli\u003eMindestens 30 Minuten gehen lassen\n\u003cimg loading=\"lazy\" src=\"Hefeteig.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"dampfnudeln\"\u003eDampfnudeln\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen:\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-auf-Lochblech.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003eweitere 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003edann bei 100°Celsius für 30 Minuten dampfgaren\u003c/li\u003e\n\u003cli\u003efertig\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-im-Dampfgarer.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003emit Vanillesoße servieren \u003cimg loading=\"lazy\" src=\"Dampfnudel-mit-Vanillesosse.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"hefezopf\"\u003eHefezopf\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDie restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten\u003c/li\u003e\n\u003cli\u003eMit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003eMit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren\u003c/li\u003e\n\u003cli\u003eNach 10 Minuten Back-Temperatur auf 160° reduzieren\u003c/li\u003e\n\u003cli\u003eEntweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten\n\u003cimg loading=\"lazy\" src=\"Hefezopf.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e","title":"Hefefreuden - Dampfnudeln \u0026 Minihefezopf"},{"content":"Das Gleichnis vom Sämann erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\nBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; alternativ: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; alternativ Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo; Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nAnleitung / Erstellung - The Making of 1. Geschichte erstellen mit ChatGPT-4 Screenshot ![](screen-chatgpt-saemann.png =x600)\nVolltext Beschreibe mir die Geschichte vom Sämann aus der Bibel für einen 8-jähringen in 5 Bildern Bild 1: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nGib mir noch schöne anrührende Überschriften zu den Bildern Bild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; Bild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; Bild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Bild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Bild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo;\n2. Illustration durch Übersetzung der Bildbeschreibungen mit Deepl und damit Prompterstellung für midjourney Ergänzung der automatischen Übersetzung für den Prompt jeweils durch Illustration by Eric Carlefür den Stil, --q 2 für die höchste Qualitätsstufe und --v 5für Midjourney Version 5\nPrompt 1 A friendly farmer stands in an open field, a handful of seeds in his hand. He scatters the seeds far and wide to sow a harvest. Behind him you can see four different soils: one rocky, one thorny, one surrounded by birds and one fertile. Illustration by Eric Carle --q 2 --v 5\nPrompt 2 Some seeds fall on the rocky ground, where they have little soil. The seeds germinate quickly, but they do not have enough soil to root deeply. The picture shows small, weak plants starting to grow in the rocky soil. Illustration by Eric Carle --q 2 --v 5\nPrompt 3 Other seeds fall on the thorny ground, where they are surrounded by thorns and weeds. The plants begin to grow, but they are choked by the thorns that surround them. The picture shows how the thorns clasp the young plants and prevent them from growing tall and strong. Illustration by Eric Carle --q 2 --v 5\nPrompt 4 other seeds fall on the ground surrounded by birds, where they are immediately eaten by hungry birds. The picture shows happy birds enjoying the seeds before they even have a chance to grow. Illustration by Eric Carle --q 2 --v 5\nPrompt 5 Finally, some seeds fall on the fertile soil, where they can root deeply and grow. The picture shows large, healthy plants thriving in the sun and bearing abundant fruit. The farmer stands proudly next to the rich harvest and smiles, knowing that he has sown well. Illustration by Eric Carle --q 2 --v 5\nAlles von Gott erdacht, in der Bibel niedergeschrieben und mit künstlicher Intelligenz in Text und Bilder verwandelt unter der Lizenz CC-BY-SA Das heißt, ihr dürft alles Weiterverwenden, Verändern, Anpassen oder sogar verkaufen. Eine Namensnennung von Jörg Lohrer wäre nett.\n","permalink":"https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/","summary":"\u003ch1 id=\"das-gleichnis-vom-sämann\"\u003eDas Gleichnis vom Sämann\u003c/h1\u003e\n\u003cp\u003eerstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\u003c/p\u003e\n\u003ch3 id=\"bild-1-der-liebevolle-sämann-und-die-vier-böden-eine-ernte-voller-hoffnung\"\u003eBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bild1-saemann.jpeg\" alt=\"\"  /\u003e\n\nalternativ:\n\u003cimg loading=\"lazy\" src=\"bild1-alternativ-saemann.jpeg\" alt=\"\"  /\u003e\n\nEin freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\u003c/p\u003e","title":"Das Gleichnis vom Sämann"},{"content":"Schoko-Schnecken Hefeteig 200g Milch handwarm ½ Pk Vanillezucker 60g Zucker 22g Hefe verrühren 1 Ei Größe L dazu in der Teigknetmaschine 120g Weizenmehl 405 380g Dinkelmehl 630 dazu und wenn es ein fester Teig ist 5g Salz zugeben und 60g Butter kalt in Streifen schneiden und 5-10 Minuten einketen (-\u0026gt; Fenstertest) danach Teig 30-60 Minuten ruhen/gehen lassen\nFüllung in der Zwischenzeit 10g brauner Zucker 30g Rohrohrzucker 50g weißer Zucker 100g Butter ½ Pk Vanillezucker 2 Teelöffel Zimt 5 Teelöffel Kaba verkneten zu einer cremigen Masse\nHefeteig ausrollen und mit der Füllung bestreichen Nach Belieben noch Raspel Schokolade darauf verteilen einrollen, in 16 Stücke schneiden und in Kuchenform setzen: Mit Frischhaltefolie abdecken und weitere ca. 30 Minuten gehen lassen, dann mit Eimilch abstreichen: Backofen auf 220°Celsius Ober-/Unterhitze vorheizen. In den Ofen und dabei auf 180° reduzieren. Nach 10 Minuten auf 160° reduzien: weitere 25 Minuten backen oder bis eine Kerntemperatur von 92° erreicht ist. Fertig: ","permalink":"https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/","summary":"\u003ch1 id=\"schoko-schnecken\"\u003eSchoko-Schnecken\u003c/h1\u003e\n\u003ch2 id=\"hefeteig\"\u003eHefeteig\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003e200g Milch\u003c/strong\u003e handwarm\n\u003cstrong\u003e½ Pk Vanillezucker\n60g Zucker\n22g Hefe\u003c/strong\u003e\nverrühren\n\u003cstrong\u003e1 Ei Größe L\u003c/strong\u003e dazu\nin der Teigknetmaschine\n\u003cstrong\u003e120g Weizenmehl 405\n380g Dinkelmehl 630\u003c/strong\u003e\ndazu und wenn es ein fester Teig ist\n\u003cstrong\u003e5g Salz\u003c/strong\u003e zugeben\nund\n\u003cstrong\u003e60g Butter\u003c/strong\u003e kalt in Streifen schneiden und\n5-10 Minuten einketen (-\u0026gt; Fenstertest)\ndanach Teig 30-60 Minuten ruhen/gehen lassen\u003c/p\u003e\n\u003ch2 id=\"füllung\"\u003eFüllung\u003c/h2\u003e\n\u003cp\u003ein der Zwischenzeit\n\u003cstrong\u003e10g brauner Zucker\n30g Rohrohrzucker\n50g weißer Zucker\n100g Butter\n½ Pk Vanillezucker\n2 Teelöffel Zimt\n5 Teelöffel Kaba\u003c/strong\u003e\nverkneten zu einer cremigen Masse\u003c/p\u003e","title":"Jojos Schoko-Zimt-Schnecken"},{"content":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern Instanz erstellen auf https://console.cloud.google.com/ Name, Region und Zone auswählen E2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde Betriebssystem Ubuntu 20.04 LTS Ubuntu Desktop auf Google Cloud Plattform installieren https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome https://bytexd.com/install-chrome-remote-desktop-headless/ https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\nVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren: sudo apt update sudo apt install --assume-yes wget tasksel wget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb sudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb Cinnamon Desktop installieren sudo DEBIAN_FRONTEND=noninteractive \\ apt install --assume-yes cinnamon-core desktop-base dbus-x11 sudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\nZusätzliche Einstellungen: sudo systemctl disable lightdm.service Deutsche Tastatur in der Ubuntu-Konsole festlegen: sudo dpkg-reconfigure keyboard-configuration Optional: Google Chrome Browser installieren wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install --assume-yes ./google-chrome-stable_current_amd64.deb Chrome Remote Desktop konfiguieren und starten https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#configuring_and_starting_the_chrome_remote_desktop_service) Mit Google-Konto, das zur Remote-Stuerung benutzt werden soll, https://remotedesktop.google.com/headless aufrufen und den SSH-Befehl in der Konsole ausführen. 6-Stellige PIN festlegen. Prüfen ob der Dienst ausgeführt wird:\nsudo systemctl status chrome-remote-desktop@$USER Instanzzeitplan festlegen https://rominirani.com/hands-on-guide-to-scheduling-vm-instances-to-start-and-stop-a079a50e16c6\nOBS Installation https://obsproject.com/wiki/install-instructions#ubuntumint-installation\nsudo apt install ffmpeg sudo apt install v4l2loopback-dkms sudo add-apt-repository ppa:obsproject/obs-studio sudo apt update sudo apt install obs-studio Problem: Test mit v4l2-ctl --list-devices bringt Fehlermeldung:\nCannot open device /dev/video0, exiting. Lösung für virtuelle Kamera auf virtueller Maschine: sudo apt -y install v4l2loopback-dkms v4l2loopback-utils linux-modules-extra-$(uname -r) sudo modprobe v4l2loopback Jetzt: Problem: Trotzdem nach jedem Reboot wird die virtuelle Kamera nicht geladen: Lösung v4l2loopback bei Start laden: https://askubuntu.com/questions/1245212/how-do-i-automatically-run-modprobe-v4l2loopback-on-boot\nsudo nano /etc/modules hinzufügen: v4l2loopback\nZoom Installation https://support.zoom.us/hc/de/articles/204206269-IZoom-unter-Linux-installieren-oder-aktualisieren\nsudo apt install gdebi sudo apt update sudo apt upgrade sudo snap install zoom-client Inbetriebnahme des Remote Desktop Verbindung zur VM-Instanz herstellen Via https://remotedesktop.google.com/access auf das Remote Gerät zugreifen.: Sechsstelligen PIN eingeben: Keyboard / Tastatur auf deutsch umstellen: Apps auf dem Desktop verknüpfen: OBS einrichten OBS mit virtueller Kamera automatisch starten: Rechtsklick auf die Verknüpfung und dann beim Startbefehl --startvirtualcam ergänzen. Beim Systemstart mit virtueller Kamera starten: startup Applications wählen ebenfalls --startvirtualcam ergänzen Beim ersten Start von OBS \u0026ldquo;I will only be using the virtual camera\u0026rdquo; wählen: In den Einstellungen die Sprache auf Deutsch umstellen: Videoauflösung auf 1920x1080 umstellen: Szenensammlung importieren (Vorkonfigurierte Szenen für das relilab-Café immer aktuell auf Github) - relilab-cafe-obs-json.json\nGoogle Chrome einrichten Beim ersten Systemstart Password for new Keyring erstellen: Chrome zum Standardbrowser machen Google Chrome anmelden und Sync inkl. Lesezeichen aktivieren Zoom einrichten Zoom-Account anmelden Sprache ändern in Zoom Zoom starten und dann das Zoom-Symbol rechts in der unteren Leiste mit Rechtsklick der Maus das Menü zur Sprachänderung aufrufen: Problemlösungen Problem - keine Emojis in den Slides Lösung: https://medium.com/@harshmaur/emojis-missing-from-chrome-in-ubuntu-9c25fe10867c sudo apt-get remove fonts-noto-color-emoji sudo apt-get install fonts-noto-color-emoji Problem - kein Font Yanone Kaffeesatz in den Slides Lösung: https://zoomadmin.com/HowToInstall/UbuntuPackage/fonts-yanone-kaffeesatz sudo apt-get update -y sudo apt-get install -y fonts-yanone-kaffeesatz Mögliches Problem GUI (Ubuntu Desktop) has its own security layer which blocks the root account from login. So, even we have a properly enabled root account with password, it does not work in GUI interface. https://askubuntu.com/questions/1192471/login-as-root-on-ubuntu-desktop\nhttps://www.computernetworkingnotes.com/linux-tutorials/how-to-enable-and-disable-root-login-in-ubuntu.html\nAnstatt auf Cloud-Plattform mit Linux auf lokalem Windows-PC Autostart OBS inkl virtueller Kamera \u0026amp; Zoom Vorbereiten OBS inkl Virtueller Kamera Hinzufügen von --startvirtualcam zur OBS-Verknüpfung: open the start menu/tile thing and type in: Run and hit enter. Then type in shell:startup Dann die Verknüpfungen in den Autostartordner kopieren: Weitere Schritte wie oben\n","permalink":"https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/","summary":"\u003ch1 id=\"auf-google-cloud-platform-mit-ubuntu-desktop-via-chrome-remote-desktop-obs-und-zoom-fernsteuern\"\u003eAuf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern\u003c/h1\u003e\n\u003ch2 id=\"instanz-erstellen-auf-httpsconsolecloudgooglecomhttpsconsolecloudgooglecom\"\u003eInstanz erstellen auf \u003ca href=\"https://console.cloud.google.com/\"\u003ehttps://console.cloud.google.com/\u003c/a\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eName, Region und Zone auswählen\u003c/li\u003e\n\u003cli\u003eE2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde\u003c/li\u003e\n\u003cli\u003e\u003c/li\u003e\n\u003cli\u003eBetriebssystem Ubuntu 20.04 LTS\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"ubuntu-desktop-auf-google-cloud-plattform-installieren\"\u003eUbuntu Desktop auf Google Cloud Plattform installieren\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\"\u003ehttps://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\u003c/a\u003e\n\u003ca href=\"https://bytexd.com/install-chrome-remote-desktop-headless/\"\u003ehttps://bytexd.com/install-chrome-remote-desktop-headless/\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"via-sshterminal-update-tasksel-und-google-remote-desktop-installieren\"\u003eVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren:\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo apt update\nsudo apt install --assume-yes wget tasksel\nwget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb\nsudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb\n\u003c/code\u003e\u003c/pre\u003e\u003ch3 id=\"cinnamon-desktop-installieren\"\u003eCinnamon Desktop installieren\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo DEBIAN_FRONTEND=noninteractive \\\n    apt install --assume-yes cinnamon-core desktop-base dbus-x11\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e\u003ccode\u003esudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\u003c/code\u003e\u003c/p\u003e","title":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern"},{"content":"Moodle Server mit Ubuntu 20 LTS und Iomad Ubuntu Server-Image herunterladen https://releases.ubuntu.com/20.04/\nVirtualbox mit dem Ubuntu Image einrichten Netzwerkbrücke aktivieren IP-Adresse ermitteln ifconfig -\u0026gt; 192.168.178.132\nAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen auf dem Mac sudo nano /etc/hosts die IP eintragen und moodle.local zuweisen: Moodle Server auf Virtualbox vorbereiten sudo -iwechselt auf root\nSSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux\nShellbefehle zur Installation: sudo apt update \u0026amp;\u0026amp; apt upgrade -y apt install mariadb-server sudo apt install apache2 libapache2-mod-fcgid sudo apt install php php-cli php-fpm php-json php-common php-mysql php-zip php-gd php-mbstring php-curl php-xml php-pear php-bcmath php-intl php-xmlrpc php-soap a2enconf php7.4-fpm sudo a2enmod actions fcgid alias proxy_fcgi setenvif a2dismod php7.4 a2dismod mpm_prefork a2dismod mpm_worker a2enmod mpm_event systemctl restart php7.4-fpm apache2 anlegen: /etc/apache2/sites-available/moodle.conf ############################ \u0026lt;VirtualHost *:80\u0026gt; ServerName moodle.local ServerAdmin webmaster@localhost DocumentRoot /var/www/moodle \u0026lt;FilesMatch \\.php$\u0026gt; SetHandler \u0026#34;proxy:unix:/var/run/php/php7.4-fpm.sock|fcgi://localhost/\u0026#34; \u0026lt;/FilesMatch\u0026gt; ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined \u0026lt;/VirtualHost\u0026gt; #################################################################### Weitere Shellbefehle zur Installation: a2ensite moodle.conf systemctl reload apache2 mkdir /var/www/moodle echo \u0026#39;\u0026lt;?php phpinfo(); ?\u0026gt;\u0026#39; \u0026gt; /var/www/moodle/info.php host eintrag hinzufügen: \u0026ldquo;192.168.178.xxx moodle.local\u0026rdquo; 192.168.178.xxx moodle.local 192.168.178.xxx www.moodle.local\nim Browser öffnen: http://moodle.local/info.php maschine speichern und klonen Anschließend IOMAD moodle installieren: https://www.iomad.org/wp-content/uploads/2021/03/Iomad-Installation-Guide.pdf\nDatenbank für moodle erzeugen via SSH: mysql CREATE DATABASE moodledb; CREATE USER \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39; IDENTIFIED BY \u0026#39;$mdb2passwd\u0026#39;; GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, INDEX, DROP, ALTER, CREATE TEMPORARY TABLES, LOCK TABLES ON moodledb.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; GRANT FILE ON *.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; quit Installation iomad cd /var/www/moodle git clone https://github.com/iomad/iomad.git cd iomad git checkout -b myiomad origin/IOMAD_310_STABLE mkdir /var/www/moodledata \u0026amp;\u0026amp; chmod 777 /var/www/moodledata ändern!!!: /etc/apache2/sites-available/moodle.conf -\u0026gt; DocumentRoot /var/www/moodle/iomad\nsystemctl restart php7.4-fpm apache2\nhttp://moodle.local aufrufen und config.php Datei mit Hilfe des Assistenten generieren lassen ![](03-config generieren.png)\nändern!!!: /moodle entfernen\nconfig.php \u0026lt;?php // Moodle configuration file unset($CFG); global $CFG; $CFG = new stdClass(); $CFG-\u0026gt;dbtype = \u0026#39;mariadb\u0026#39;; $CFG-\u0026gt;dblibrary = \u0026#39;native\u0026#39;; $CFG-\u0026gt;dbhost = \u0026#39;localhost\u0026#39;; $CFG-\u0026gt;dbname = \u0026#39;moodledb\u0026#39;; $CFG-\u0026gt;dbuser = \u0026#39;moodleowner\u0026#39;; $CFG-\u0026gt;dbpass = \u0026#39;$mdb2passwd\u0026#39;; $CFG-\u0026gt;prefix = \u0026#39;mdl_\u0026#39;; $CFG-\u0026gt;dboptions = array ( \u0026#39;dbpersist\u0026#39; =\u0026gt; 0, \u0026#39;dbport\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbsocket\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbcollation\u0026#39; =\u0026gt; \u0026#39;utf8mb4_general_ci\u0026#39;, ); $CFG-\u0026gt;wwwroot = \u0026#39;http://moodle.local\u0026#39;; $CFG-\u0026gt;dataroot = \u0026#39;/var/www/moodledata\u0026#39;; $CFG-\u0026gt;admin = \u0026#39;admin\u0026#39;; $CFG-\u0026gt;directorypermissions = 0777; require_once(__DIR__ . \u0026#39;/lib/setup.php\u0026#39;); // There is no php closing tag in this file, // it is intentional because it prevents trailing whitespace problems! ","permalink":"https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/","summary":"\u003ch1 id=\"moodle-server-mit-ubuntu-20-lts-und-iomad\"\u003eMoodle Server mit Ubuntu 20 LTS und Iomad\u003c/h1\u003e\n\u003ch2 id=\"ubuntu-server-image-herunterladen\"\u003eUbuntu Server-Image herunterladen\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://releases.ubuntu.com/20.04/\"\u003ehttps://releases.ubuntu.com/20.04/\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"virtualbox-mit-dem-ubuntu-image-einrichten\"\u003eVirtualbox mit dem Ubuntu Image einrichten\u003c/h2\u003e\n\u003ch3 id=\"netzwerkbrücke-aktivieren\"\u003eNetzwerkbrücke aktivieren\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"01-netzwerkbruecke.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch3 id=\"ip-adresse-ermitteln\"\u003eIP-Adresse ermitteln\u003c/h3\u003e\n\u003cp\u003e\u003ccode\u003eifconfig \u003c/code\u003e -\u0026gt; 192.168.178.132\u003c/p\u003e\n\u003ch3 id=\"auf-dem-mac-oder-pc-die-auflösung-des-hosts-verknüpfen\"\u003eAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen\u003c/h3\u003e\n\u003cp\u003eauf dem Mac \u003ccode\u003esudo nano /etc/hosts\u003c/code\u003e die IP eintragen und moodle.local zuweisen:\n\u003cimg loading=\"lazy\" src=\"02-hosts-eintragen.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch2 id=\"moodle-server-auf-virtualbox-vorbereiten\"\u003eMoodle Server auf Virtualbox vorbereiten\u003c/h2\u003e\n\u003cp\u003e\u003ccode\u003esudo -i\u003c/code\u003ewechselt auf root\u003c/p\u003e\n\u003ch3 id=\"ssh-zugriff-ermöglichen\"\u003eSSH Zugriff ermöglichen\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"https://linuxconfig.org/allow-ssh-root-login-on-ubuntu-20-04-focal-fossa-linux\"\u003eAllow SSH root login on Ubuntu 20.04 Focal Fossa Linux\u003c/a\u003e\u003c/p\u003e","title":"Moodle Server mit Ubuntu 20 LTS und Iomad"},{"content":"Bibelfußball: Nachschlage-Quiz zur Bibel Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie. Hier umfangreiche Fragen mit Bibelstellen aus dem Alten und Neuen Testament, die einfach (bitte hier in\u0026rsquo;s Dokument hineinschreiben!) erweitert werden können:\nNeues Testament Frage Bibelstelle Lösung Ein Tier \u0026ldquo;Mt 26,74\u0026rdquo; ein Hahn An welchem Ort ist Paulus \u0026ldquo;Phil 1,13\u0026rdquo; Gefängnis Was ist wuchtig und voll Kraft \u0026ldquo;2Kor 10,10\u0026rdquo; Die Briefe Körperteile \u0026ldquo;Mk 4,23\u0026rdquo; Ohren Eine Farbe \u0026ldquo;Mt 23,27\u0026rdquo; Weiß Biblische Zahl \u0026ldquo;Mk 1,13\u0026rdquo; 40 Grundnahrungsmittel \u0026ldquo;Lk 11,3\u0026rdquo; Brot Macht man auch in der Schule \u0026ldquo;Gal 6,11\u0026rdquo; Schreiben Braucht man auf dem Bau \u0026ldquo;1 Thess 5,9\u0026rdquo; Helm Ist strafbar Hebr 10.34 Raub Eine Krankheit \u0026ldquo;Mt 8,15\u0026rdquo; Fieber Wem gehört die zerfallene Hütte \u0026ldquo;Apg 15,16\u0026rdquo; David Ein Gewürz \u0026ldquo;Offb 18,13\u0026rdquo; Zimt Wie heißt das Kind \u0026ldquo;Lk 1,31\u0026rdquo; Jesus Zwei Körperteile \u0026ldquo;Mt 5,38\u0026rdquo; \u0026ldquo;Auge , Zahn\u0026rdquo; Häufige biblische Zahl \u0026ldquo;Mt 4,2\u0026rdquo; 40 Angesehener Beruf \u0026ldquo;Mk 2,17\u0026rdquo; Arzt Ist unangenehm \u0026ldquo;Lk 22,24\u0026rdquo; Streit Was ist Gott \u0026ldquo;1 Kor 1,9\u0026rdquo; Treu Was soll man ablegen \u0026ldquo;Eph 4,25\u0026rdquo; Lüge Was fressen die Vögel \u0026ldquo;Mk 4,4\u0026rdquo; Körner Was ist für Gott möglich \u0026ldquo;Mt 19,26\u0026rdquo; Alles Ich kann es in der Küche finden \u0026ldquo;Lk 11,41\u0026rdquo; Schüsseln In jedem Zimmer zu finden \u0026ldquo;Joh 10,9\u0026rdquo; Tür Wie viel opfert die arme Witwe \u0026ldquo;Mk 12,42\u0026rdquo; 2 kl. Münzen Große Anzahl Soldaten \u0026ldquo;Mt 26, 53\u0026rdquo; Legionen Kleine Lebewesen \u0026ldquo;Lk 13 ,19\u0026rdquo; Vögel Brauchte jeder Ritter \u0026ldquo;Eph 6,1\u0026rdquo; Rüstung Schlechte Eigenschaft \u0026ldquo;Hebr 13,5\u0026rdquo; Habgier Sind aus Gold \u0026ldquo;Jak 2,2\u0026rdquo; Ringe Welche Farbe hat der Kranz \u0026ldquo;Offb 14,14\u0026rdquo; Gold Ein beliebtes Urlaubsland \u0026ldquo;Röm 15,24\u0026rdquo; Spanien Häufiger Beruf zur Zeit Jesu \u0026ldquo;Mt 13,48\u0026rdquo; Fischer Hohes Fest im Judentum \u0026ldquo;Joh 13,1\u0026rdquo; Paschafest \u0026ldquo;Großer, schwerer Gegenstand\u0026rdquo; \u0026ldquo;Mk 16,4\u0026rdquo; Stein Zeiteinheit \u0026ldquo;Mk 14,37\u0026rdquo; Stunde Lasst darin nicht nach \u0026ldquo;Kol 4,2\u0026rdquo; Beten Insel \u0026ldquo;Tit 1,5\u0026rdquo; Kreta Letztes Wort im Petrusbrief 1 Petr Amen Kleines Naturwunder \u0026ldquo;Offb 10,1\u0026rdquo; Regenbogen In jeder Wohnung zu finden \u0026ldquo;Lk 22,14\u0026rdquo; Tisch Transportmittel \u0026ldquo;Mk 1,20\u0026rdquo; Boot Bekommt man erst später \u0026ldquo;Apg 7,54\u0026rdquo; Zähne Was werden sie gewinnen \u0026ldquo;Lk 21,19\u0026rdquo; Das Leben Wichtiges Nahrungsmittel \u0026ldquo;Mt 5,13\u0026rdquo; Salz Gegenstand aus Holz \u0026ldquo;Mt 27,32\u0026rdquo; Kreuz Körperteil \u0026ldquo;Mt 28,9\u0026rdquo; Füße Angeborene Behinderung \u0026ldquo;Joh 9,1\u0026rdquo; Blindheit Geheimes Versteck \u0026ldquo;LK 19,46\u0026rdquo; Räuberhöhle Die Liebe tut nichts …? \u0026ldquo;Röm 13,10\u0026rdquo; Böses Bei uns als Drei Könige bekannt \u0026ldquo;Mt2,1\u0026rdquo; Sterndeuter Hilfsmittel für Kranke \u0026ldquo;MK 2,12\u0026rdquo; Tragbahre Stinkt \u0026ldquo;Lk 14,35\u0026rdquo; Misthaufen Darauf kann man schreiben \u0026ldquo;Joh 19,20\u0026rdquo; Schild Braucht man im Leben \u0026ldquo;Apg 23,11\u0026rdquo; Mut Was war in den 7 Körben? \u0026ldquo;Mk 8,8\u0026rdquo; Brot Leben am Bauernhof \u0026ldquo;Lk 15,16\u0026rdquo; Schweine Gibt’s vor den Ferien \u0026ldquo;Joh 21,24\u0026rdquo; Zeugnis \u0026ldquo;Gut, wenn man es nicht hat\u0026rdquo; \u0026ldquo;Apg 4,34\u0026rdquo; Not Zahl der Kapitel bei Mk Mk 16 Lebenswichtiges Organ \u0026ldquo;2Kor 9,7\u0026rdquo; Herz Sechste Frucht des Geistes \u0026ldquo;Gal 5,22\u0026rdquo; Güte Sehr unbeliebt bei Schülern \u0026ldquo;Lk 22,28\u0026rdquo; Prüfungen Man freut sich darüber \u0026ldquo;Phil 3,7\u0026rdquo; Gewinn Lebensfeindlicher Ort \u0026ldquo;Mk 1,3\u0026rdquo; Wüste Beruf im Freien \u0026ldquo;Joh 10,11\u0026rdquo; Hirte Was hat geholfen \u0026ldquo;Lk 17,19\u0026rdquo; Glaube Erstes Transportmittel Jesu \u0026ldquo;Joh 12,14\u0026rdquo; Esel Letztes Wort im NT Offb Allen Wie viele Verse hat Joh 6 Joh 71 Verse Wie viel lässt er zurück \u0026ldquo;Lk 15,4\u0026rdquo; 99 Man hat eine Menge davon \u0026ldquo;Joh 20,27\u0026rdquo; Finger Isst man hier normal nicht \u0026ldquo;Mt 3,4\u0026rdquo; Heuschrecken Babys brauchen eine Menge \u0026ldquo;Lk 2,12\u0026rdquo; Windeln Gehen oft sehr weit \u0026ldquo;Joh 12,20\u0026rdquo; Pilger Tier unter Naturschutz \u0026ldquo;Joh 10,12\u0026rdquo; Wolf Kann man öffnen und schließen \u0026ldquo;Lk 24,31\u0026rdquo; Augen Auch du bist es \u0026ldquo;Mt 3,16\u0026rdquo; Getauft Es war am Anfang \u0026ldquo;Joh 1,1\u0026rdquo; Das Wort Kürzestes Buch im NT \u0026ndash; Philemon Was heisst Tabita auf deutsch? \u0026ldquo;Apg 9,36\u0026rdquo; Gazelle Worin sehen wir nur rätselhafte Umrisse? \u0026ldquo;1 Kor 13,12\u0026rdquo; Spiegel Wer steht vor der Frau? \u0026ldquo;Offb 12,4\u0026rdquo; Drache Wohin will Paulus hier reisen? \u0026ldquo;Römer 15, 24\u0026rdquo; Spanien Ein Tier \u0026ldquo;1 Petr 5,8\u0026rdquo; Löwe Welche Frucht kommt hier zur Sprache? \u0026ldquo;Mk 11, 13\u0026rdquo; Feige Welcher Prophet wird hier genannt? \u0026ldquo;Mt 3, 3\u0026rdquo; Jesaja Wer hat hier Angst? \u0026ldquo;Joh 19, 8\u0026rdquo; Pilatus Wie heißt Agrippas Frau? \u0026ldquo;Apg 25,23\u0026rdquo; Berenike Von welchem scharfen Werkzeug ist hier die Rede? \u0026ldquo;Offb 14,18\u0026rdquo; Sichel Was sind Jesu Worte? \u0026ldquo;Joh 6, 63\u0026rdquo; Geist und Leben Wie nennt sich Jesus hier? \u0026ldquo;Joh 9,5\u0026rdquo; Licht (der Welt) Was gibt es zu tragen? \u0026ldquo;Gal 6,2\u0026rdquo; Lasten Wie wird Jesus verglichen \u0026ldquo;Eph 2,20\u0026rdquo; Eckstein Name einer Frau aus dem AT \u0026ldquo;Hebr 11,21\u0026rdquo; Rahab Name einer Stadt (in Syrien) \u0026ldquo;Apg 9,3\u0026rdquo; Damaskus Was kommt aus den Mäulern der Pferde? \u0026ldquo;Offb 9,17\u0026rdquo; \u0026ldquo;Feuer, Rauch, Schwefel\u0026rdquo; Wie heißt der Sohn? \u0026ldquo;Phlm 1,10\u0026rdquo; Onesimus Bauwerk \u0026ldquo;1. Petr 2, 5\u0026rdquo; (lebendiges) Haus Körperteil \u0026ldquo;1. Petr 2,22\u0026rdquo; Mund Paar aus dem AT \u0026ldquo;1. Petr. 3, 6\u0026rdquo; Sara und Abraham Was wird gejagt? \u0026ldquo;1. Petr. 3, 11\u0026rdquo; Frieden Wieviele Menschen wurden in der Arche gerettet? \u0026ldquo;1. Petr. 3,20\u0026rdquo; acht Gesucht ist ein Adjektiv (wie sollen wir sein?) \u0026ldquo;1. Petr. 4, 9\u0026rdquo; gastfreundlich Altes Testament Frage Bibelstelle Lösung zwei Musikinstrumente \u0026ldquo;Ps 98,6\u0026rdquo; Trompeten und Hörner unechtes Körperteil \u0026ldquo;Ps 120,3\u0026rdquo; falsche Zunge Was wird geöffnet \u0026ldquo;Ps 78,2\u0026rdquo; Mund Wo wachsen die Bäume? \u0026ldquo;Ps 72,16\u0026rdquo; Libanon Wie viele Männer? \u0026ldquo;Hiob 32,1\u0026rdquo; 3 Mit wieviel Jahren wurde Zidkija König? \u0026ldquo;2. Kön 24,18\u0026rdquo; 21 Kleine Vögel \u0026ldquo;Ps 147,9\u0026rdquo; junge Raben Was regnet vom Himmel? \u0026ldquo;Ps 78,27\u0026rdquo; Fleisch \u0026ldquo;was kann schwimmen, obwohl es zu schwer dafür ist?\u0026rdquo; \u0026ldquo;2 Kön 6,6\u0026rdquo; Eisen Wie viele Steine suchte sich David? \u0026ldquo;1 Sam 17,40\u0026rdquo; 5 Ein Getränk \u0026ldquo;Joel 2, 19\u0026rdquo; Most Wie lange war Jona im Fisch? \u0026ldquo;Jona 2,1\u0026rdquo; drei Tage und drei Nächte Wie heißen die drei Söhne Noachs? \u0026ldquo;Gen 6,10\u0026rdquo; \u0026ldquo;Sem, Ham, Jafet\u0026rdquo; Wo singen die drei Jungen Männer? \u0026ldquo;Dan 3,51\u0026rdquo; Ofen Wie viele Tage ruhen sie sich in Jerusalem aus? \u0026ldquo;Esra 8,32\u0026rdquo; 3 Welche Früchte sind im Kuchen? \u0026ldquo;1 Chr 12,41\u0026rdquo; Traubenkuchen Wo ist das Mehl? Wo ist das Öl? \u0026ldquo;1 Kön 17,12\u0026rdquo; \u0026ldquo;Topf, Krug\u0026rdquo; \u0026ldquo;Was wird hochgehoben, damit es nicht nass wird?\u0026rdquo; \u0026ldquo;Jes 47,2\u0026rdquo; Schleppe Was wird gesät? \u0026ldquo;Hos 8,7\u0026rdquo; Wind Was bekommt Rut? \u0026ldquo;Rut 4,13\u0026rdquo; einen Sohn Ein Tier \u0026ldquo;Hab 3, 19\u0026rdquo; Hirsch Worin wird das Kleid gewaschen? \u0026ldquo;Gen 49,11\u0026rdquo; Wein Welche Farbe hat das Gewand? \u0026ldquo;Jes 63,2\u0026rdquo; rot Was ist süßer als Wein? \u0026ldquo;Hld 1,2\u0026rdquo; Liebe Was wächst und wird immer mächtiger? \u0026ldquo;Dan 4,8\u0026rdquo; Baum Wie viele Töchter hatte Rehabeam? \u0026ldquo;2 Chr 11,21\u0026rdquo; 60 Eine Waffe \u0026ldquo;Jer 5,12\u0026rdquo; Schwert Ein Kleidungsstück \u0026ldquo;Ps 109,29\u0026rdquo; Mantel Was denkt Eli von Hanna? \u0026ldquo;1 Sam 1,13\u0026rdquo; Er hält sie für betrunken Welche Frisur hatte Paulus? \u0026ldquo;Apg 18,18\u0026rdquo; Glatze Wie viele Pferde? \u0026ldquo;Jes 36,8\u0026rdquo; 2000 Ein Tier \u0026ldquo;Dtn 9,16\u0026rdquo; Kalb Ein weibliches Tier \u0026ldquo;Spr 17,12\u0026rdquo; Bärin Welche Farbe hat der Kranz? \u0026ldquo;Offb 14,14\u0026rdquo; gold Wie schmeckt Manna? \u0026ldquo;Ex 16,31\u0026rdquo; Honigkuchen/Semmel mit Honig Wie heißt der König von Baschan? \u0026ldquo;Ps 135,11\u0026rdquo; Og Wie viele Monate lebt Elisabeth zurückgezogen? \u0026ldquo;Lk 1,24\u0026rdquo; 5 Was reißen die anderen auf? \u0026ldquo;Ps 35,21\u0026rdquo; Mund Woher kam Melatja? \u0026ldquo;Neh 3,7\u0026rdquo; Gibeon Was zieht Josua aus? \u0026ldquo;Jos 5,15\u0026rdquo; Schuhe Wie alt war Barsillai? \u0026ldquo;2 Sam 19,33\u0026rdquo; 80 Von welchem Baum bekommt David Holz? \u0026ldquo;1 Chronik 14,1\u0026rdquo; Zeder Wer sieht einen Engel? \u0026ldquo;Num 22,23\u0026rdquo; Esel Welches Problem hat Jakob hier? \u0026ldquo;Gen 32, 32\u0026rdquo; er hinkt Was wächst denn hier? \u0026ldquo;Jona 4, 6\u0026rdquo; Rizinusstrauch Wer macht hier so einen Lärm? \u0026ldquo;Am 3, 4\u0026rdquo; Löwe ","permalink":"https://joerg-lohrer.de/2021/12/03/bibelfussball.html/","summary":"\u003ch1 id=\"bibelfußball-nachschlage-quiz-zur-bibel\"\u003eBibelfußball: Nachschlage-Quiz zur Bibel\u003c/h1\u003e\n\u003cp\u003eBibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie.\n\u003cimg loading=\"lazy\" src=\"bibelfussball1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Bibelfußball - Nachschlage-Quiz zur Bibel"},{"content":"WordPress Werkstatt PHP Zunächst wird auf relilab.org das kostenfreie Plugin ACF - Advanced Custom Fields installiert und aktiviert. Dies ermöglicht weitere individuelle Beitragsfelder für die Beiträge. Nun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels dieser JSON-Datei, die das abkürzt: mit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können: Zudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen: Jetzt wird das Plugin relilab-termine installiert und aktiviert Nun kann mittels Shortcode [relilab_termine] eine Terminübersicht als WordPress-Block erzeugt werden: JSON ACF-JSON-Export: [ { \u0026#34;key\u0026#34;: \u0026#34;group_6193936e4f12c\u0026#34;, \u0026#34;title\u0026#34;: \u0026#34;Termin\u0026#34;, \u0026#34;fields\u0026#34;: [ { \u0026#34;key\u0026#34;: \u0026#34;field_619393f8e62e0\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Startet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_startdate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 }, { \u0026#34;key\u0026#34;: \u0026#34;field_619394a3e62e1\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Endet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_enddate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 } ], \u0026#34;location\u0026#34;: [ [ { \u0026#34;param\u0026#34;: \u0026#34;post_type\u0026#34;, \u0026#34;operator\u0026#34;: \u0026#34;==\u0026#34;, \u0026#34;value\u0026#34;: \u0026#34;post\u0026#34; } ] ], \u0026#34;menu_order\u0026#34;: 0, \u0026#34;position\u0026#34;: \u0026#34;normal\u0026#34;, \u0026#34;style\u0026#34;: \u0026#34;default\u0026#34;, \u0026#34;label_placement\u0026#34;: \u0026#34;left\u0026#34;, \u0026#34;instruction_placement\u0026#34;: \u0026#34;label\u0026#34;, \u0026#34;hide_on_screen\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;active\u0026#34;: true, \u0026#34;description\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;show_in_rest\u0026#34;: 0, \u0026#34;acfe_display_title\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_autosync\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_form\u0026#34;: 0, \u0026#34;acfe_meta\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_note\u0026#34;: \u0026#34;\u0026#34; } ] PHP Software PHP-Storm https://www.jetbrains.com/de-de/phpstorm/\nShortcode zum Sprechen bringen https://developer.wordpress.org/reference/functions/add_shortcode/ In PhpStorm add_shortcode( string $tag, callable $callback )\nalle Termine listen, die https://www.advancedcustomfields.com/resources/orde-posts-by-custom-fields/\nPHP-Storm nutzt als External Library dann WordPress Plugin Unsere Funktion:\n/** *Plugin Name: relilab Termine */ add_shortcode(\u0026#39;termine\u0026#39;,\u0026#39;termineAusgeben\u0026#39;); function termineAusgeben( $atts ) { $posts = get_posts(array( \u0026#39;post_type\u0026#39;\t=\u0026gt; \u0026#39;post\u0026#39;, \u0026#39;posts_per_page\u0026#39;\t=\u0026gt; -1, \u0026#39;category\u0026#39; =\u0026gt; \u0026#39;termine\u0026#39;, \u0026#39;meta_key\u0026#39;\t=\u0026gt; \u0026#39;relilab_startdate\u0026#39;, \u0026#39;orderby\u0026#39;\t=\u0026gt; \u0026#39;meta_value\u0026#39;, \u0026#39;order\u0026#39;\t=\u0026gt; \u0026#39;DESC\u0026#39; )); // ob_start(); global $post; ?\u0026gt; \u0026lt;ul\u0026gt; \u0026lt;?php foreach ($posts as $post) { setup_postdata( $post ) ?\u0026gt; \u0026lt;li\u0026gt; \u0026lt;a href=\u0026#34;\u0026lt;?php the_permalink(); ?\u0026gt;\u0026#34;\u0026gt;\u0026lt;?php the_title(); ?\u0026gt; (date: \u0026lt;?php the_field(\u0026#39;relilab_startdate\u0026#39;); ?\u0026gt;)\u0026lt;/a\u0026gt; \u0026lt;/li\u0026gt; \u0026lt;?php } ?\u0026gt; \u0026lt;/ul\u0026gt; \u0026lt;?php wp_reset_postdata(); // return ob_get_clean(); } ","permalink":"https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/","summary":"\u003ch1 id=\"wordpress-werkstatt-php\"\u003eWordPress Werkstatt PHP\u003c/h1\u003e\n\u003cp\u003eZunächst wird auf relilab.org das kostenfreie \u003ca href=\"https://de.wordpress.org/plugins/advanced-custom-fields/\"\u003ePlugin ACF - Advanced Custom Fields\u003c/a\u003e installiert und aktiviert.\nDies ermöglicht weitere individuelle Beitragsfelder für die Beiträge.\nNun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels \u003ca href=\"#ACF-JSON-Export\"\u003edieser JSON-Datei\u003c/a\u003e, die das abkürzt:\n\u003cimg loading=\"lazy\" src=\"h01-json-import.png\" alt=\"\"  /\u003e\n\nmit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können:\n\u003cimg loading=\"lazy\" src=\"02-terminfelder.png\" alt=\"\"  /\u003e\n\nZudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen:\n\u003cimg loading=\"lazy\" src=\"03-kategorien.png\" alt=\"\"  /\u003e\n\nJetzt wird das \u003ca href=\"https://github.com/rpi-virtuell/relilab-termine\"\u003ePlugin relilab-termine\u003c/a\u003e installiert und aktiviert\nNun kann mittels Shortcode \u003ccode\u003e[relilab_termine]\u003c/code\u003e eine Terminübersicht als WordPress-Block erzeugt werden:\n\u003cimg loading=\"lazy\" src=\"04-termine-neu.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"WordPress Werkstatt PHP"},{"content":"VR - Virtual Reality Ausschreibung Torsten \u0026amp; Jörg Ausgehend vom Lernbaustein https://relilab.org/vr/ beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\nTheorie Immersion \u0026amp; Präsenz https://www.immersivelearning.institute/ https://omnia360.de/blog/was-ist-immersion/ https://en.wikipedia.org/wiki/Immersive_learning https://www.sciencedirect.com/science/article/pii/S0360131519303276\nForschung A Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence https://vhil.stanford.edu/360-video-database/\nhttps://www.researchgate.net/publication/335733502_Getting_your_game_on_Using_virtual_reality_to_improve_real_table_tennis_skills\n\u0026ldquo;Diese Studie ergänzt die spärliche, aber wachsende Literatur, indem sie den Transfer von Fertigkeiten aus der realen Welt durch Virtual Reality in einer sportlichen Aufgabe demonstriert.\u0026rdquo;\nhttps://mixed.de/vr-und-philosophie-youtuber-zeigt-ungewoehnliche-vr-apps/amp/ Der norwegische Forscher Joakim Vindenes unterhält einen Blog, Podcast und Youtube-Kanal, in denen er außergewöhnliche VR-Apps vorstellt und sich mit der philosophischen Dimension des Mediums auseinandersetzt.\nhttps://www.youtube.com/watch?v=VY5HaEhUm2Q A look at what it would be like to plug into an infinite VR experience machine.\nReligionen https://www.matrise.no/2019/06/hinduism-and-virtual-reality/\nhttps://www.matrise.no/2020/01/the-existential-problem-of-vr-existentialism/\nEmpathie https://www.youtube.com/watch?v=L6m79wqNiMA\u0026amp;feature=youtu.be\u0026amp;t=150\n\u0026ldquo;VR is a storytelling vehicle, but it\u0026rsquo;s an empathy vehicle.\u0026rdquo;\nTherapie Feeling Good during the COVID19 Epidemic Virtual Reality Can Help Us to Overcome the Psychological Burden of Coronavirus - https://www.covidfeelgood.com/home\nDie Verkörperung von Mitgefühl in der virtuellen Realität und ihre Auswirkungen auf Patienten mit Depressionen https://scitec-media.ch/2016/03/04/game-technologien-helfen-gegen-depressionen/ https://www.youtube.com/watch?v=GwxJVCESc-E https://www.cambridge.org/core/journals/bjpsych-open/article/embodying-selfcompassion-within-virtual-reality-and-its-effects-on-patients-with-depression/\nTheater https://www.brendanabradley.com/futurestages\nKörperlichkeit https://www.matrise.no/2018/07/virtual-embodiment/ https://www.matrise.no/2020/10/virtual-reality-depersonalization-derealization/\nPraxis Padlets [https://padlet.com/petiteprof79/xrinfo(https://padlet.com/petiteprof79/xrinfo)] XR-Info - Stephanie Wössner | CC BY-SA @petiteprof79 https://padlet.com/strsa/ar Augmented Reality (AR) \u0026amp; 360°, (VR) | Gestartet von Tobias Erles (@Mr_Airless) und Sabine Strauss (@Sallythechin) beim Barcamp #wildcampen18, erweitert bei #wildcampen19 zusammen mit Jan Hartwig (@hartifical) Artikel Virtual und Augmented Reality im Klassenraum? Ein Überblick bildungsrelevanter Angebote - Steffen Jauch am 16.10.2029 bei bpb Unterricht Eine Auswahl an Unterrichtsbeispielen mit Virtual Reality Szenarien von Stephanie Wössner @petiteprof79 Communities https://educatorsinvr.com/\nReligiöse Erfahrungsräume im Oculus Store Wander https://www.oculus.com/experiences/quest/2078376005587859/\nFilme [https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/(https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/)]\nIn Sidequest Vanishing Grace [https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo(https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo)]\nVanishing Grace ist eine emotionale Reise über die Opfer, die wir bringen müssen, um unseren Platz in der Welt einzunehmen.\nCubism [https://sidequestvr.com/app/403/cubism-demo(https://sidequestvr.com/app/403/cubism-demo)]\nDeism The virtual reality god simulator [https://sidequestvr.com/app/85/deisim(https://sidequestvr.com/app/85/deisim)]\nLiminal https://sidequestvr.com/app/1042/liminal Wählen Sie aus, wie Sie sich fühlen und was Sie leisten wollen: Ruhe, Energie, Schmerzlinderung und Ehrfurcht.\n3D-Modelle https://sketchfab.com/3d-models/abandoned-warehouse-interior-scene-1d5285f2e0fd4211a27c8042496d5959#\nCC BY-NC Medieval Church, Calatrava la Nueva, Spain Processed in Reality Capture from 76 Faro laser scans and 4100 photographs https://sketchfab.com/3d-models/medieval-church-calatrava-la-nueva-spain-171a047c08bc4dd588cca5ac744e8065\nAvatare Erfahrungswelten: 360 Grad Filme Kölner Dom in 360°: Privatkonzert | WDR Der Domchor gibt ein nächtliches Konzert – und der einzige Zuschauer bist du. Unter Leitung des Domkapellmeisters Professor Eberhard Metternich singt der Chor das Ave Maria von Franz Biebl in einer eher ungewöhnlichen Aufstellung. Und du stehst mittendrin. https://dom360.wdr.de/privatkonzert-bei-nacht/] INSIDE AUSCHWITZ - Das ehemalige Konzentrationslager in 360° | WDR Anne Frank VR https://www.annefrank.org/\nWithin [https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr(https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr)] [https://account.altvr.com/channels/VRChurch(https://account.altvr.com/channels/VRChurch)]\nProgrammierung Learn VR Development: Tips, tricks, and guides to develop VR and AR applications Reddit - Learn Virtual Reality Development Mozilla Hubs Dokumentation [https://hubs.mozilla.com/docs/welcome.html(https://hubs.mozilla.com/docs/welcome.html)] Vorlagen https://v3l.de/relilabvr (relilab-VR-Hub mit Videos, Bildern, \u0026hellip;)\n[https://hubs.mozilla.com/Av38AUU/detailed-tinted-room(https://hubs.mozilla.com/Av38AUU/detailed-tinted-room)] [https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome(https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome)]\nAvatare erstellen Mozilla Hubs - GLB Online Dienst - Readyplayer https://twitter.com/joerglohrer/status/1388023150626099201 [https://readyplayer.me/(https://readyplayer.me/)]\nBeispiel: (CC BY-NC-SA - Wolfprint 3D) https://d1a370nemizbjq.cloudfront.net/10b05c49-593a-4616-82e9-adcea09aa66c.glb\nHubs by Mozilla\nCreating Custom Avatars Advanced Avatar Customization http://tryquilt.io/]\nBlender files for AvatarBot Creating an Avatar using Hubs components in Blender\nOnline Editoren [https://modelviewer.dev/editor/(https://modelviewer.dev/editor/)]\nSoftware MakeHuman http://makehumancommunity.org/\nhttps://www.youtube.com/watch?v=kQjp5DYsR_c\u0026amp;t=86s\nTutorials Altspace / Blender / Unity http://edvschwab.de/Altspace/Kurz%20Doku%20Blender.pdf [http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf(http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf)]\nSidequest https://sidequestvr.com/ Installation: https://sidequestvr.com/setup-howto\nHow to put custom songs onto Beat Saber on Oculus Quest\nAframe https://codepen.io/joerglohrer/full/dyXQqWG https://aframe.io/ https://www.codecademy.com/learn/learn-a-frame VR development within VR with Oculus Quest + Firefox Reality + Glitch + https://rocketvirtual.com/index.html Where to begin with VR in a browser? https://www.reddit.com/r/WebVR/comments/equgdt/vr_development_within_vr_with_oculus_quest/\nhttps://aframe-model-viewer.glitch.me/\nhttps://klausw.github.io/a-frame-car-sample/index.html\nThreeJS https://threejs.org/ https://www.jesuisundev.com/en/understand-threejs/\nTour Creator Google \u0026ldquo;Starting June 30, 2021, the Google Expeditions and Tour Creator will no longer be accessible.\u0026rdquo;\nUnity https://unity.com/de/learn/get-started\nOptik Pupillendistanz (PD) messen - IPD (interpupillary distance) https://apps.apple.com/de/app/eyemeasure/id1417435049 Die kostenfreie App misst den Augenabstand auf 0,5 mm genau ab iPhoneX oder iPadPro Oder einfach mit Lineal: https://imgur.com/a/gyYKB\nOculus Quest Tutorials Deutsch https://twitter.com/StubeDie\nEnglisch Foren https://www.reddit.com/r/OculusQuest/ https://www.reddit.com/r/OculusQuest2/\nStreaming / Playthrough / Livecasting / OBS Oculus Quest Recording / Live Streaming Guide How to stream on Twitch: the ultimate guide\nFile Transfer 3 different ways https://www.youtube.com/watch?v=APbbuJF4Ma4 https://www.android.com/filetransfer/ Wie übertrage ich Bilder oder Videos von meinem Computer auf mein Oculus Quest 2 oder Quest?\nFacebook video downloader here - https://fbdown.net/\nBrillenträger Sehstärke-Linsen Einsätze https://mixed.de/vr-optiker-sehstaerke-linsen-test/\nhttps://vroptiker.de/sehstaerke-linsen-einsaetze/oculus-quest2/ https://widmovr.com/product/oculus-quest-2-prescription-lens-adapters/ Not to do Sonnenlicht in die Linse) Sonnenlicht kann durch die Linsen gebündelt werden und das Display beschödigen.\nLinsen reinigen Grips - Handhalterungen https://www.youtube.com/watch?v=_52xWr_R4uM\u0026amp;feature=youtu.be\u0026amp;t=388\nHeadstrap VIVE DELUXE AUDIO STRAP https://www.vive.com/de/accessory/vive-deluxe-audio-strap/\nFrankenQuest 2 https://uploadvr.com/frankenquest-2-quest-2/ Adapter zum 3D-Druck: https://www.thingiverse.com/thing:4622970 Variante mit Kabelklemme (oben oder unten): https://www.thingiverse.com/thing:4628600/files :::success Druck skaliert auf 101% ::: Install guide Remove the Quest 2 straps following this guide: https://www.youtube.com/watch?v=PejiYjR7_44\u0026amp;feature=youtu.be\u0026amp;t=110 Snap the DAS onto the adaptor (pushing the round front section in first like in the picture). Snap the adaptor onto Quest 2. Use the velcro loop to attach the head strap to the headset. Oculus Quest 2 Comfort Head Strap Mods!\n3DDruck Oculus Quest 2 Elite Strap_V2_NAVIDA DESIGN [https://www.thingiverse.com/thing:4630780/files(https://www.thingiverse.com/thing:4630780/files)] Oculus Link Cable Clip for Deluxe Audio Strap \u0026ldquo;DAS\u0026rdquo; https://www.thingiverse.com/thing:4666749\nÜberblick: https://www.youtube.com/watch?v=sUhMk19PVq4 https://www.youtube.com/watch?v=CN9fYlUGVtk\nLens Adaptor Für Brillen [https://www.thingiverse.com/thing:3653631(https://www.thingiverse.com/thing:3653631)] Für Linsen [https://www.thingiverse.com/thing:3642004(https://www.thingiverse.com/thing:3642004)]\nEsimen Upgrade K3\nBatterie https://www.androidcentral.com/best-oculus-quest-battery-pack\n","permalink":"https://joerg-lohrer.de/2021/08/15/virtual-reality.html/","summary":"\u003ch1 id=\"vr---virtual-reality\"\u003eVR - Virtual Reality\u003c/h1\u003e\n\u003ch1 id=\"ausschreibung-torsten--jörg\"\u003eAusschreibung Torsten \u0026amp; Jörg\u003c/h1\u003e\n\u003cp\u003eAusgehend vom Lernbaustein \u003ca href=\"https://relilab.org/vr/\"\u003ehttps://relilab.org/vr/\u003c/a\u003e beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\u003c/p\u003e\n\u003ch1 id=\"theorie\"\u003eTheorie\u003c/h1\u003e\n\u003ch2 id=\"immersion--präsenz\"\u003eImmersion \u0026amp; Präsenz\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://www.immersivelearning.institute/\"\u003ehttps://www.immersivelearning.institute/\u003c/a\u003e\n\u003ca href=\"https://omnia360.de/blog/was-ist-immersion/\"\u003ehttps://omnia360.de/blog/was-ist-immersion/\u003c/a\u003e\n\u003ca href=\"https://en.wikipedia.org/wiki/Immersive_learning\"\u003ehttps://en.wikipedia.org/wiki/Immersive_learning\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"01-immersion-wikipedia.jpg\" alt=\"\"  /\u003e\n\n\u003ca href=\"https://www.sciencedirect.com/science/article/pii/S0360131519303276\"\u003ehttps://www.sciencedirect.com/science/article/pii/S0360131519303276\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"forschung\"\u003eForschung\u003c/h2\u003e\n\u003cp\u003eA Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence\n\u003ca href=\"https://vhil.stanford.edu/360-video-database/\"\u003ehttps://vhil.stanford.edu/360-video-database/\u003c/a\u003e\u003c/p\u003e","title":"VR - Virtual Reality"},{"content":"Pflanzenschild mit QR-Code Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen: Dann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf: Mit dem Cura-Plugin Change Filament at Z den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll: Et voilà: ","permalink":"https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/","summary":"\u003ch1 id=\"pflanzenschild-mit-qr-code\"\u003ePflanzenschild mit QR-Code\u003c/h1\u003e\n\u003cp\u003eMit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen:\n\u003ca href=\"https://keremerkan.net/qr-code-and-2d-code-generator/\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf:\n\u003ca href=\"https://www.tinkercad.com/embed/dcnCyqLFX1P?editbtn=1\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eMit dem Cura-Plugin \u003ca href=\"https://www.thingiverse.com/thing:2077884/#files\"\u003eChange Filament at Z\u003c/a\u003e den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll:\n\u003cimg loading=\"lazy\" src=\"cura-plugin-change-filment-at-z.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEt voilà:\n\u003ca href=\"https://twitter.com/joerglohrer/status/1110580168035176449\"\u003e\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"qr-code-pflanzenschild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Pflanzenschild mit QR-Code"},{"content":"Lutherkürbis - Reformation an Halloween Das Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (Quelle: epd/imago)\nAus einer Fotovorlage der Lutherrose wird mit einem Online-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik erzeugt:\nLutherrose PDF-Vorlage\nBastel-Anleitung Einen Kürbis aufschneiden: entkernen und aushöhlen: Schablone aufbringen: Ausschneiden: Mit Kerze oder elektrischem Licht ausstatten: Fertig!\nDiese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\nWeitere Quellen How to Make a Paper Cut-Out Luther Rose YouTube | PDF ","permalink":"https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/","summary":"\u003ch1 id=\"lutherkürbis---reformation-an-halloween\"\u003eLutherkürbis - Reformation an Halloween\u003c/h1\u003e\n\u003cp\u003eDas Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (\u003ca href=\"https://www.t-online.de/leben/familie/id_65982142/lutherrose-entstehung-und-bedeutung.html\"\u003eQuelle: epd/imago\u003c/a\u003e)\u003c/p\u003e\n\u003cp\u003eAus einer \u003ca href=\"https://duckduckgo.com/?q=lutherrose\u0026amp;t=h_\u0026amp;iax=images\u0026amp;ia=images\"\u003eFotovorlage der Lutherrose\u003c/a\u003e wird mit einem \u003ca href=\"https://image.online-convert.com/convert-to-svg\"\u003eOnline-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik\u003c/a\u003e erzeugt:\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003e\u003cimg loading=\"lazy\" src=\"lutherrose.png\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003eLutherrose PDF-Vorlage\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"bastel-anleitung\"\u003eBastel-Anleitung\u003c/h2\u003e\n\u003cp\u003eEinen Kürbis aufschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-aufschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eentkernen und aushöhlen:\n\u003cimg loading=\"lazy\" src=\"kuerbis-entkernen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eSchablone aufbringen:\n\u003cimg loading=\"lazy\" src=\"schablone-aufbringen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eAusschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-ausschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eMit Kerze oder elektrischem Licht ausstatten:\n\u003cimg loading=\"lazy\" src=\"kuerbis-titelbild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eFertig!\u003c/p\u003e\n\u003cp\u003eDiese Idee inklusive der Schablone steht unter \u003ca href=\"https://creativecommons.org/publicdomain/zero/1.0/deed.de\"\u003eCC0-Lizenz\u003c/a\u003e. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\u003c/p\u003e","title":"Lutherkürbis - Reformation an Halloween"},{"content":"Das OctoPrint-Telegram-Plugin schafft eine Schnittstelle zwischen Telegram und OctoPrint. Hier die Anleitung auf Englisch: https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\nDas dauert eine Weile: Token eingeben: Heisst aber nicht, dass jetzt alles gleich klappt: Es müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden: ","permalink":"https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/","summary":"\u003cp\u003eDas \u003ca href=\"http://plugins.octoprint.org/plugins/telegram/\"\u003eOctoPrint-Telegram-Plugin\u003c/a\u003e schafft eine Schnittstelle zwischen Telegram und OctoPrint.\nHier die Anleitung auf Englisch: \u003ca href=\"https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\"\u003ehttps://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDas dauert eine Weile:\n\u003cimg loading=\"lazy\" src=\"octopi1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eToken eingeben:\n\u003cimg loading=\"lazy\" src=\"octopi2.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eHeisst aber nicht, dass jetzt alles gleich klappt:\n\u003cimg loading=\"lazy\" src=\"octopi3.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEs müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden:\n\u003cimg loading=\"lazy\" src=\"octopi4.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Telegram Bot für Octopi"},{"content":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven Das Handbuch Jugend – Evangelische Perspektiven, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt. CC BY Jörg Lohrer\nErlebnispädagogik Ziele und Arbeitsformen Erlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\nErlebnispädagogik arbeitet mit Wahrnehmungs- und Vertrauensübungen, Kooperations- und Problemlösungsaufgaben, abenteuerlichen Aktionen, persönlichen Herausforderungen und Grenzerfahrungen. Angebote und Maßnahmen mit erlebnispädagogischem Charakter sind zum Beispiel Kanu- und Fahrrad-Touren, Kletteraktionen, kooperative Abenteuerspiele, Natursensibilisierung, Trekkingtouren, Nieder- und Hochseilparcours oder Geocaching.\nErlebnispädagogische Maßnahmen finden u.a. Anwendung im Bereich der Kooperation von Jugendverbandsarbeit und Schule, bei Klassenfahrten, der Präventionsarbeit, bei gruppendynamischen Prozessen, Mitarbeiterschulungen, der Entwicklung von Teamarbeit und in etlichen weiteren Praxisfeldern evangelischer Jugendbildung.\nMit den Arbeitsprinzipien Respekt, Selbstbestimmung, Vertrauen, Kooperation, Verantwortung und Ganzheitlichkeit korrespondiert die Erlebnispädagogik mit dem Profil der evangelischen Jugendarbeit. Ebenso liegen Chancen in einer Verknüpfung von erlebnispädagogischen Aktionen mit einer erfahrungsbezogenen Verkündigung. Erlebnispädagogische Maßnahmen werden als Jugendbildungsveranstaltungen gefördert, wenn sozial-ökologische Inhalte und/oder politisch-kulturelle Schwerpunktthemen mit gesellschaftlichem Bezug im Mittelpunkt der Maßnahme stehen.\nEntstehung, Prinzipien, Methoden Der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) nennt weit in die Vergangenheit zurück reichende Wurzeln der Erlebnispädagogik. Als wichtige Autoren, auf die das Konzept vom handlungsorientierten Lernen zurückgeführt wird, werden Platon (427–347 v.Chr.), Rousseau (1712–1778), Pestalozzi (1746–1827) und schließ- lich Kurt Hahn (1886–1974) als ‚Urvater‘ der Erlebnispädagogik genannt. Ihre heutige Vielfalt und weite Verbreitung hat die Erlebnispädagogik allerdings erst im 20. Jahrhundert und schließlich in den letzten Jahrzehnten entwickelt. Erlebnispädagogik wird nicht nur im Bereich der Erziehung von Kindern und Jugendlichen angewandt, sondern findet inzwischen auch vielfältige Beachtung in der Arbeit mit nahezu allen Altersgruppen zu unterschiedlichen Problem- und Zielstellungen in der präventiven Kurzzeitpädagogik, der intensiven sozialpädagogischen Einzelbetreuung, im Rahmen der beruflichen Fort und Weiterbildung oder in Führungskräftetrainings (vgl. www.bundesverband- erlebnispaedagogik.de).\nAls Grundprinzipien können unter anderem benannt werden: Handlungsorientierung, Ganzheitlichkeit, Eigenverantwortung, Freiwilligkeit, Sicherheit und Nachhaltig- keit. Dabei sind die pädagogischen, kompetenz- und ressourcenorientierten Angebote der Erlebnispädagogik stets eingebettet in die aktuelle Rechtsgrundlage und (Bildungs-) Politik.\nMethodische Aspekte sind z.B.: der hohe Stellenwert des Erlebnisses und das Arbeiten mit erlebnispädagogischen Lernszenarien, nicht-alltäglichen Herausforderungen und Wagnissen, Einsatz verschiedener Medien und der Natur als bevorzugtem Lern- und Erfahrungsraum. Neben einer zunehmende Gruppenselbststeuerung baut die Erlebnispädagogik auf Lern- und Wirkungsmodelle wie das Komfortzonenmodell, das metaphorische Modell, Aktions- und Reflexionswelle oder das FlowModell. Erlebnispädagogik hat als Lernszenariotechnik zwar eine eigene Strukturlogik, dient jedoch ebenso als Methode im nicht genuin erlebnispädagogischen Kontext und entwickelt somit Reichweite, Relevanz und pädagogische Innovationskraft in Konfirmandenarbeit, Religionsunterricht und Gemeindepädagogik.\nAktuelle Fragestellungen und Entwicklungsperspektiven: Qualität und Wirkung Als partizipatorisches Angebot setzt die Erlebnispädagogik auf das Prinzip der Freiwilligkeit und der selbstbestimmten Teilnahme. Unter dem Motto ‚challenge by choice‘ hat eine subjektorientierte Erlebnispädagogik stets zu gewährleisten, dass die Teilnehmenden den Grad ihrer Beteiligung und Verantwortungsübernahme selbst bestimmen können. Reiserechtliche Bestimmungen, Versicherung und Haftung sind daher aktuell handlungsleitendend bei der Erstellung von erlebnispädagogischen Angeboten und Konzeptionen. Hier gab es in den letzten Jahren zahlreiche Entwicklungen, die eine Qualitätssicherung der Mitarbeitendenbildung in Pädagogik und Sicherheitstechnik hinsichtlich geltender Kriterien voraussetzen und notwendig machen. Entsprechende Zusatzqualifikationen sollten daher immer mindestens durch die jeweiligen Fachsportverbände zertifizierbar sein. Mit dem Gütesiegel „Qualität erlebnispädagogischer Programme und Angebote – Mit Sicherheit pädagogisch!“ (beQ) hat der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) ein Zertifizierungsverfahren entwickelt, das ein bundeseinheitliches Qualitätsmanagement fördern will.\nDie Wirkungsforschung erlebnispädagogischer Lernarrangements untersucht deren Substanz, Akzeptanz und Nachhaltigkeit hinsichtlich ihrer Qualität von Konzept, Struktur, Prozess und Ergebnis. Studien konnten bislang Indizien für Impulse zur Kompetenzentwicklung nachweisen, die wissenschaftliche Evaluation gestaltet sich jedoch genauso komplex wie das Spektrum der erlebnispädagogischen Handlungsfelder und so fehlt es bislang an validen Studien, die das Wirkungspotenzial eindeutig beschreiben können.\nIm Kontext evangelischer Jugendbildung stellt sich bei der Verwendung erlebnispädagogischer Methoden immer auch die Frage nach einer Verknüpfung von christlichen Inhalten mit der handlungsorientierten Pädagogik. Die Assoziation von Natur und Schöpfung ist beispielsweise ebenso naheliegend wie die Reflexion von religiösen Erfahrungen in erlebnispädagogischen Lernsettings. Inwiefern sich dabei Unverfügbares inszenieren lässt, bleibt dabei ebenso eine Herausforderung, wie bei der oben beschriebenen Wirkungsforschung. In den vergangenen Jahren haben sich einige Konzepte zur Erprobung erlebnispädagogischer Methoden im christlichen Kontext entwickelt, die zunehmend auch theologisch und religionsdidaktisch reflektiert werden. Eine überregionale Organisation dieser Einzelinitiativen auf Bundesebene wäre der nächste Schritt hin zu einem evangelischen Profil erlebnispädagogischer Jugendbildungsarbeit.\nLiteratur Großer, Achim/Oberländer, Rainer/Lohrer, Jörg/Wiedmayer, Jörg (2005/2011): Sinn gesucht – Gott erfahren. Erlebnispädagogik im christlichen Kontext (Band 1 (2005)/Band 2 (2011)). Stuttgart: Buch und Musik. Heckmair, Bernd/Michl, Werner (2008): Erleben und Lernen. Einführung in die Erlebnispädagogik. München: Reinhardt. Reiners, Annette (2007): Praktische Erlebnispädagogik. Augsburg: ZIEL. Pum, Viktoria/Pirner, Manfred L./Lohrer, Jörg (Hrsg.) (2011): Erlebnispädagogik im christlichen Kontext. Dokumentation einer Tagung der Evangelischen Akademie Bad Boll, 2. bis 4. März 2009. Bad Boll: Evangelische Akademie.\nLinks Bundesverband Individual- und Erlebnispädagogik e.V. (BE): https://www.bundesverband-erlebnispaedagogik.de/ Fachportal für Erlebnispädagogik im christlichen Kontext des Evangelischen Jugendwerks in Württemberg: https://www.ejwue.de/arbeitsbereiche/erlebnispaedagogik/ Informationsdienst Erlebnispädagogik mit Literaturliste: http://erlebnispaedagogik.de/ Bundesweite Klassenfahrten, Aus- und Weiterbildungsangebote der Gesellschaft zur Förderung der Erlebnispädagogik (GFE): https://www.erlebnistage.de/ ","permalink":"https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/","summary":"\u003ch1 id=\"erlebnispädagogik-im-handbuch-jugend--evangelische-perspektiven\"\u003eErlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven\u003c/h1\u003e\n\u003cp\u003eDas\n\u003ca href=\"http://ci-muenster.de/bookshop/artikel/buecher/Bildung-im-Kindes-und-Jugendalter/A40097_Handbuch_Jugend_2013.php\"\u003e\u003cimg loading=\"lazy\" src=\"http://ws.assoc-amazon.de/widgets/q?_encoding=UTF8\u0026amp;ASIN=3847400746\u0026amp;Format=_SL160_\u0026amp;ID=AsinImage\u0026amp;MarketPlace=DE\u0026amp;ServiceVersion=20070822\u0026amp;WS=1\u0026amp;tag=httpwwwjoergl-21\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003cstrong\u003eHandbuch Jugend – Evangelische Perspektiven\u003c/strong\u003e, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt.\n\u003ca href=\"http://creativecommons.org/licenses/by/2.0/de/\"\u003eCC BY\u003c/a\u003e Jörg Lohrer\u003c/p\u003e\n\u003ch2 id=\"erlebnispädagogik\"\u003eErlebnispädagogik\u003c/h2\u003e\n\u003ch3 id=\"ziele-und-arbeitsformen\"\u003eZiele und Arbeitsformen\u003c/h3\u003e\n\u003cp\u003eErlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\u003c/p\u003e","title":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven"},{"content":"Premium, Freemium, Mium mium mium Wer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\nNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\n![](my-very-hungry-caterpillar.jpg =240x) Foto: 365.79 My very hungry caterpillar - Relly Annett-Baker CC BY-NC-SA\nWo früher noch für ein Produkt bezahlt wurde, wird morgen ein Vorgang monetarisiert werden müssen. Übergangslösungen sind bezahlte Dienstleitungen, Werbeeinblendungen, Freischaltcodes, digitales Rechtemanagement oder Crowdfunding. Insgesamt zeigt sich zugleich, dass Geld immer weniger einen materialisierbaren Gegenwert erhält und sich somit eventuell die Substanz der Währung allmählich aufzulösen beginnt. Doch genausowenig wie man Geld essen kann, wird man von Bildung satt. Die Frage, die sich stellt, ist also keine geringere als die nach einer Kalibrierung der Geldfunktionen. Gegenseitige Anerkennung, Verlässlichkeit und Loyalität, Kooperation und Ideenreichtum, Unterstützung und Feedback sind im Rahmen eines offenen Online-Kurses ohnehin unbezahlbar und treten verblüffenderweise da am stärksten auf, wo kein Geldtransfer im Spiel ist. Das zeigt einmal mehr, dass man sich die besten Dinge im Leben mit Geld eben gerade nicht kaufen kann. Doch satt bin ich noch immer nicht.\n","permalink":"https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/","summary":"\u003ch1 id=\"premium-freemium-mium-mium-mium\"\u003ePremium, Freemium, Mium mium mium\u003c/h1\u003e\n\u003cp\u003eWer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\u003c/p\u003e\n\u003cp\u003eNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\u003c/p\u003e","title":"Premium, Freemium, Mium mium mium"},{"content":"Impressum Angaben gemäß § 5 TMG\nVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com\nHaftungsausschluss: Haftung für Inhalte Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\nHaftung für Links Mein Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.\nUrheberrecht Die durch den Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen jedoch nicht der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind sowohl für den privaten, als auch für den kommerziellen Gebrauch unter Namensnennung und der Creative Commons Lizenz CC BY-SA gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Solltest Du trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.\nDatenschutz Die Nutzung meiner Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf meiner Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Deine ausdrückliche Zustimmung nicht an Dritte weitergegeben. Ich weise darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.\n","permalink":"https://joerg-lohrer.de/impressum/","summary":"\u003ch1 id=\"impressum\"\u003eImpressum\u003c/h1\u003e\n\u003cp\u003eAngaben gemäß § 5 TMG\u003c/p\u003e\n\u003cp\u003eVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: \u003ca href=\"mailto:info.empeiria@gmail.com\"\u003einfo.empeiria@gmail.com\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"haftungsausschluss\"\u003eHaftungsausschluss:\u003c/h2\u003e\n\u003ch3 id=\"haftung-für-inhalte\"\u003eHaftung für Inhalte\u003c/h3\u003e\n\u003cp\u003eDie Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\u003c/p\u003e","title":"Impressum"}]
\ No newline at end of file
+[{"content":"#KIBedenken - Bewusstsein Den für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen Yuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube:\nIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\nIch denke, hier wird eine Spur gelegt, die sich unterscheidet von der reinen Funktion von KI zur intelligenten Verbesserung und Unterstützung von Lernprozessen oder vielfältigem Kompetenzerwerb hin zur Selbstreflexion der Lernenden. Auch im Blick auf (religionsbezogene) Bildung kennen wir den Mensch nicht nur biologisch, wie die Würmer und Affen sondern auch ausgestattet mit Würde, Entscheidungsfreiheit und als Beziehungswesen, das auf ein Gegenüber ausgerichtet sein kann und, wie Harari sagt, nicht im selben Team wie die Computer spielt. Sinn, Seele und Verstand erhalten wir weder aus uns selbst heraus noch von einer wie auch immer gearteten Intelligenz. Liebe, Gnade, Hoffnung, Frieden, Gemeinschaft, Trost, Zuversicht und viele weiteren lebensbedeutsame Erfahrungen gewinnen im Angesicht von Maschinen aus meiner Sicht an elementarer Bedeutung.\nDies ist ein Beitrag zur Blogparade #KIBedenken von Joscha Falck und Nele Hirsch\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/","summary":"\u003ch1 id=\"kibedenken---bewusstsein\"\u003e#KIBedenken - Bewusstsein\u003c/h1\u003e\n\u003cp\u003eDen für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen \u003ca href=\"https://youtu.be/XmhLmZwc2es?si=AOomz4ygJI35j-o8\u0026amp;t=4502\"\u003eYuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube\u003c/a\u003e:\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003eIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\u003c/p\u003e","title":"KIBedenken - Bewusstsein"},{"content":"Eine Session-Idee auf dem #OERcamp 24 in Hamburg Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\nIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\nBottomUp MarkDown: Verwahren \u0026amp; Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! Austausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/03/05/bottomup-markdown.html/","summary":"\u003ch2 id=\"eine-session-idee-auf-dem-oercamp-24-in-hamburg\"\u003eEine Session-Idee auf dem #OERcamp 24 in Hamburg\u003c/h2\u003e\n\u003cp\u003eEntfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\u003c/p\u003e\n\u003cp\u003eIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\u003c/p\u003e\n\u003ch2 id=\"bottomup-markdown\"\u003eBottomUp MarkDown:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eVerwahren \u0026amp; Vervielfältigen\u003c/strong\u003e: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerwenden\u003c/strong\u003e: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerarbeiten\u003c/strong\u003e: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVermischen\u003c/strong\u003e: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerbreiten\u003c/strong\u003e: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"in-dieser-session\"\u003eIn dieser Session:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eEntfessele die Markdown-Mania\u003c/strong\u003e: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGestalte deine Inhalte mit Superkräften\u003c/strong\u003e: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVeröffentliche deine OER im Internet\u003c/strong\u003e: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eWerde Teil der OER-Community\u003c/strong\u003e: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown!\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bottomup-markdown.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"BottomUp -\u003e MarkDown - 5V-Power für deine OER!"},{"content":"Offenheit - das Wesentliche 1. Einleitung: Persönliche Reflexion über Offenheit Wenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt. Dashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\nMeine bisherigen Erfahrungen mit Offenheit haben mich gelehrt, dass es viel mehr ist als nur ein offenes Ohr für andere zu haben oder neue Ideen willkommen zu heißen. Es geht darum, mich selbst für neue Erfahrungen, Veränderungen und unterschiedliche Perspektiven zu öffnen. Ich habe gelernt, dass Offenheit eine Haltung ist, die Mut erfordert – den Mut, sich dem Unbekannten zu stellen, Veränderungen zu akzeptieren und manchmal auch das Risiko einzugehen, verletzlich zu sein.\nFür das kommende Jahr möchte ich mich noch stärker auf das Wesen der Offenheit konzentrieren. Ich habe erkannt, dass Offenheit nicht nur ein Weg ist, mein Leben zu bereichern, sondern auch ein Mittel, um effektiver zu kommunizieren, tiefere Beziehungen aufzubauen und eine bereichernde Arbeitsumgebung zu schaffen. Offenheit soll in meinem Alltag zur Grundlage meiner Entscheidungen und Interaktionen werden.\nDies bedeutet, dass ich bewusst Raum schaffen möchte für das Zuhören und Verstehen anderer Meinungen, auch wenn sie von meinen eigenen abweichen. Es bedeutet auch, mich neuen Herausforderungen und Möglichkeiten zu stellen, ohne von vornherein eine defensive Haltung einzunehmen. In beruflicher Hinsicht möchte ich offener für kreative und innovative Ansätze sein, die über herkömmliche Methoden hinausgehen, und ich strebe danach, Offenheit als ein Schlüsselelement in meiner Arbeitskultur zu etablieren.\nMeine Neujahrsvorsätze für 2024 drehen sich also darum, Offenheit in meinem Denken und Handeln zu kultivieren. Ich möchte lernen, flexibler zu sein, meine Komfortzone zu erweitern und mich aktiv auf das Unbekannte einzulassen. Durch diese Reise erhoffe ich mir, nicht nur persönlich zu wachsen, sondern auch positiv auf die Menschen um mich herum einzuwirken. Offenheit ist für mich das Schlüsselwort für 2024 – ein Jahr, in dem ich mich auf das Wesentliche konzentrieren und neue Wege des Lernens und der Gemeinschaft erkunden möchte.\n2. Offenheit in meinem Alltag: Eine neue Perspektive In meinem Streben nach Offenheit im neuen Jahr möchte ich diese nicht nur als abstraktes Konzept verstehen, sondern sie konkret in meinen Alltag integrieren. Offenheit in meiner täglichen Kommunikation und in meinen Beziehungen soll zu einem zentralen Fokus werden.\nErstens plane ich, in meinen beruflichen Beziehungen geschlossene Systemen zu überwinden. Dies bedeutet für mich, mich aktiv um eine Kultur der Offenheit und Transparenz zu bemühen. Ich möchte die Silo-Mentalität abbauen, die in vielen Organisationen vorherrscht, und stattdessen eine Umgebung schaffen, in der Wissen und Informationen frei geteilt werden. Durch das Überwinden geschlossener Systeme erhoffe ich mir, ein integratives und kollaboratives Arbeitsumfeld zu fördern, in dem Ideen und Innovationen gedeihen können. Das bedeutet Social-Media-Walls und geschlossene Plattformen (sowie meine 23.461 Tweets) hinter mir zu lassen und offene, dezentrale Anschlussmöglichkeiten zu erlernen um Offenheit auch substantiell und nachhaltig zu ermöglichen.\nEin weiterer Aspekt meiner Alltags-Offenheit bezieht sich auf meine persönliche Entwicklung. Ich möchte mich neuen Erfahrungen und Herausforderungen stellen, die mich aus meiner Komfortzone herausholen. Das kann bedeuten, Permakultur auszuprobieren, mich wieder musikalisch zu betätigen oder meine Kompetenzen online zu erweitern. Diese Schritte sollen nicht nur zur Selbstentfaltung beitragen, sondern auch meine Fähigkeit stärken, mit Veränderungen und Unsicherheiten umzugehen.\nSchließlich erkenne ich, dass Offenheit auch bedeutet, sich selbst gegenüber ehrlich zu sein. Es geht darum, meine eigenen Gefühle, Ängste und Hoffnungen anzuerkennen und sie nicht zu unterdrücken. Indem ich mir meiner eigenen inneren Welt bewusst werde, kann ich authentischer mit anderen interagieren und eine tiefere Selbstkenntnis entwickeln, die mich dann hoffentlich auch anschlussfähiger macht. Also mehr Offenheit in Arbeit und freiZEIT\nDurch diese konkreten Schritte hoffe ich, Offenheit zu einem integralen Bestandteil meines täglichen Lebens zu machen. Ich bin überzeugt, dass dies nicht nur mein persönliches Wachstum fördern, sondern auch meine Beziehungen zu anderen bereichern wird. Offen zu sein bedeutet für mich, aktiv und bewusst zu leben, immer bereit, neue Perspektiven zu erkunden und das Leben in all seinen Facetten zu umarmen. Indem ich Offenheit in meinen Alltag integriere, öffne ich die Tür zu einer Welt voller neuer Möglichkeiten, Lernerfahrungen und tiefgreifender Verbindungen.\n3. Offenheit in Bildung und Lernen: Ein lebenslanger Prozess In meinem Streben nach Offenheit im Jahr 2024 möchte ich mich besonders auf den Bereich der Bildung und des Lernens in offenen Communities konzentrieren. Offene Bildungsressourcen (OER) bieten eine wunderbare Gelegenheit, sich kontinuierlich weiterzuentwickeln und zu lernen. Meine Beteiligung an OER ist nicht nur ein berufliches Engagement, sondern auch ein persönliches Anliegen, das meine Leidenschaft für lebenslanges Lernen widerspiegelt.\nIch sehe OER als eine Möglichkeit, Bildung zugänglicher und inklusiver zu gestalten. Durch meine Beteiligung an Projekten und Initiativen, die OER-Communities fördern, möchte ich dazu beitragen, Wissen frei verfügbar zu machen und Lernmöglichkeiten für Menschen aus unterschiedlichen Hintergründen zu schaffen. Dies beinhaltet auch die Förderung von Netzwerkknoten und Gemeinschaften, die offene Bildungsressourcen unterstützen und entwickeln.\nEin weiterer Schwerpunkt für mich ist die kontinuierliche eigene Weiterbildung durch OER. Ich plane, Online-Kurse, Webinare und andere offene Bildungsangebote zu nutzen, um meine Fähigkeiten und mein Wissen zu erweitern. Dieses Engagement für das lebenslange Lernen ist ein Kernaspekt meiner persönlichen und beruflichen Entwicklung.\nIch möchte auch mein Netzwerk aus Gleichgesinnten erweitern, die den Wert offener Bildung erkennen und fördern, wie beispielsweise im Bündnis Freie Bildung. Durch den Austausch mit anderen, die in diesem Bereich aktiv sind, kann ich neue Ideen und Perspektiven gewinnen und gleichzeitig meine eigenen Erfahrungen teilen. Dieser Austausch wird mir helfen, meine Rolle in der OER-Community zu stärken und effektiver zur Weiterentwicklung von offenen Bildungsressourcen beizutragen.\nSchließlich sehe ich Offenheit in der Bildung als einen Weg, um kritisch zu denken und kreative Lösungen für Herausforderungen zu finden. Offene Bildungsressourcen ermutigen mich, über traditionelle Lernmethoden hinauszugehen und innovative Ansätze in meinem Lernprozess zu erkunden.\n4. Qualitätssicherung und Standardisierung in OER Mein Engagement für Offenheit im Bildungsbereich im Jahr 2024 beinhaltet auch einen starken Fokus auf die Qualitätssicherung und Standardisierung von Offenen Bildungsressourcen (OER). Mir ist bewusst, dass die Qualitätssicherung eine der größten Herausforderungen im Umgang mit OER darstellt, da es oft an standardisierten Bewertungskriterien fehlt.\nUm die Qualität von OER zu gewährleisten, plane ich, mich aktiv an der Entwicklung und Anwendung von Qualitätsstandards zu beteiligen. Dies könnte die Mitarbeit in Gremien oder Initiativen umfassen, die sich mit der Erstellung von Richtlinien und Best Practices für OER beschäftigen und beispielsweise auch eine intensivere Zusammenarbeit mit WirLernenOnline - Freie Bildung zum Mitmachen. Ich möchte sicherstellen, dass die mit mir gemeinschaftlich genutzten oder erstellten Ressourcen nicht nur frei zugänglich, sondern auch von hoher Qualität, wiederauffindbar und nachhaltig zugänglich sind.\nEin weiterer Schritt in Richtung Qualitätssicherung ist die Teilnahme am Veranstaltungen wie dem OERcamp, um mein Wissen über die besten Methoden zur Erstellung und Bewertung von OER zu vertiefen. Durch das Erlernen von Techniken zur effektiven Überprüfung und Bewertung von Bildungsmaterialien kann ich zur Verbesserung der Qualität der Ressourcen, mit denen ich arbeite, beitragen.\nDarüber hinaus möchte ich mich für die Förderung einer Kultur der kontinuierlichen Verbesserung und des Feedbacks innerhalb der OER-Community einsetzen. Dies bedeutet, offene Diskussionen über die Qualität von Ressourcen zu fördern und Plattformen, wie beispielsweise rpi-virtuell, dem relilab oder die ZUM für Peer-Reviews und Nutzerfeedback zu nutzen. Ich glaube, dass eine solche Kultur nicht nur die Qualität der Ressourcen verbessert, sondern auch das Bewusstsein und das Engagement der Community für hohe Standards stärkt.\nInsgesamt sehe ich die Qualitätssicherung und Standardisierung in OER als wesentliche Elemente meiner Bemühungen um Offenheit im Bildungsbereich. Durch die Fokussierung auf diese Aspekte hoffe ich, nicht nur zu meiner persönlichen Entwicklung beizutragen, sondern auch die Effektivität und Glaubwürdigkeit von OER als Werkzeug für lebenslanges Lernen zu stärken.\n5. Die Rolle der Technologie: Ermöglicher von Offenheit In meinem Bestreben, Offenheit in meinem Leben im Jahr 2024 zu fördern, erkenne ich die entscheidende Rolle, die Technologie dabei spielt. Ich sehe Technologie als einen wesentlichen Ermöglicher an, der es mir ermöglicht, Offenheit in verschiedenen Bereichen meines Lebens zu integrieren und zu erweitern.\nEiner der Hauptaspekte, in denen ich Technologie nutzen möchte, ist die Verbesserung meiner Zugänglichkeit und Teilnahme an offenen Bildungsressourcen und Plattformen. Dies umfasst die Nutzung digitaler Plattformen für OER, die es mir und anderen ermöglichen, auf eine Vielzahl von Bildungsmaterialien zuzugreifen und diese mit anderen zu teilen. Ich plane, diese Tools zu nutzen, um mein Wissen zu erweitern und gleichzeitig zur Gemeinschaft beizutragen, indem ich eigene Inhalte erstelle und offen teile. Nicht nur die dezentrale offene Bereitstellung, freie Lizenzen und offene Schnittstellen scheinen mir hier wichtig sondern auch die Offenheit der Gemeinschaft und die zugrundeliegenden Open-Source-Technologien, die uns zusammenbringen und zusammenhalten.\nDarüber hinaus möchte ich moderne Kommunikationstechnologien nutzen, um meine Beziehungen sowohl im persönlichen als auch im beruflichen Bereich zu stärken. Dies beinhaltet die Nutzung von sozialen Medien auf Basis des offenen Fediverse joerglohrer@reliverse.social, die Messaging App Element auf der Basis des offenen Matrix-Protokolls @joerglohrer:rpi-virtuell.de, und Publikationsmöglichkeiten über das offene ActivityPub Protokoll, das beispielsweise auch in WordPress integriert ist. Durch diese Technologien kann ich meine Netzwerke pflegen und erweitern, während ich gleichzeitig offen für neue Perspektiven und Möglichkeiten bleibe.\n\u0026ldquo;Lassen Sie uns im Fediversum bloggen und podcasten und schreiben und filmen, als ob unser Leben davon abhinge. Denn unser demokratisches Leben hängt davon ab! (Michael Blume - Nur noch das Fediversum kann uns retten)\nEin weiterer Bereich, in dem ich Technologie als Ermöglicher von Offenheit sehe, ist die persönliche Organisation und Produktivität. Die Nutzung digitaler Tools wie Kalender-Apps, Aufgabenmanager und Cloud-Speicher in einer Open source Kollaborationslösung wie der Nextcloud erleichtert es mir, organisiert zu bleiben und meinen Alltag effizient zu gestalten. Offenere Hardwarelösungen, die sich daran anbinden lassen mit z.B. einem FairPhone für die mobile Arbeit soll mir ermöglichen offener und flexibler zu sein, indem sie mir erlauben, meine Zeit und Ressourcen besser zu verwalten und unabhängiger von lizenzierten und geschlossenen Systemen zu werden.\nSchließlich sehe ich in den noch kommenden technischen Entwicklungen ebenfalls großes Potenzial, Offenheit in noch nie dagewesener Weise zu fördern. Ich bin gespannt darauf, wie neue Technologien wie Künstliche Intelligenz, erweiterte Realität und Big Data genutzt werden können, um Bildung, Arbeit und persönliche Entwicklung zu revolutionieren. Ich plane, nicht nur offen für das Erlernen und die Anwendung dieser Technologien zu sein, sondern in offenen Lernszenarien auch an der gemeinschaftlichen Entwicklung zu partizipieren, beispielsweise im Forum Offene KI in der Bildung der Wikimedia.\n6. Ausblick: Aufbau einer Community of Trust durch Offenheit Während ich also einen Ausblick auf das Jahr 2024 wage, sehe ich den Aufbau und die Pflege einer „Community of Trust“ – einer Gemeinschaft, die auf Vertrauen basiert – als zentrales Ziel meiner Bemühungen um Offenheit an. Eine solche Gemeinschaft zeichnet sich durch gegenseitigen Respekt, Transparenz und Unterstützung aus und bildet die Grundlage für nachhaltige und bedeutungsvolle Beziehungen sowohl im beruflichen als auch im privaten Bereich.\nKontakte und Vernetzung: Aktives Networking: Ich plane, mein Netzwerk aktiv zu erweitern, indem ich mich an Gemeinschaften und Gruppen beteilige, die ähnliche Werte teilen. Dies kann durch Teilnahme an Konferenzen, Workshops und Online-Foren geschehen, wo ich Gleichgesinnte treffen und mich mit ihnen austauschen kann.\nKultur der Digitalität: Ich beabsichtige, digitale Technologien und soziale Medien zu nutzen, um mein Netzwerk zu erweitern und zu pflegen. Dies ermöglicht es mir, mit Menschen aus verschiedenen Teilen der Welt in Kontakt zu treten und Ideen und Erfahrungen auszutauschen.\nKollaborative Projekte: Durch die Arbeit an gemeinsamen Projekten, die Offenheit und Kreativität fördern, kann ich enge Beziehungen zu anderen aufbauen und gleichzeitig zur Gemeinschaft beitragen.\nCommunity of Trust: Vertrauensfördernde Maßnahmen: Um eine Atmosphäre des Vertrauens zu schaffen, möchte ich offene Kommunikation und transparente Praktiken in allen meinen Interaktionen anwenden. Dies beinhaltet das Teilen von Wissen und Erfahrungen sowie das Zulassen von Verletzlichkeit und Echtheit in meinen Beziehungen.\nGegenseitige Unterstützung: Eine Community of Trust basiert auf gegenseitiger Unterstützung und Ermutigung. Ich plane, anderen aktiv zu helfen und Unterstützung anzubieten, wo immer es möglich ist, und hoffe, dass dies zu einer Kultur der Zusammenarbeit und des Teilens beiträgt.\nLangfristige Beziehungen: Mein Ziel ist es, langfristige Beziehungen aufzubauen, die auf gemeinsamen Werten und gegenseitigem Vertrauen basieren. Diese Beziehungen werden nicht nur mein persönliches Wachstum fördern, sondern auch dazu beitragen, eine stärkere und widerstandsfähigere Gemeinschaft zu schaffen.\nAbschließend ist mein Ausblick für das Jahr 2024 und darüber hinaus, eine Community of Trust zu kultivieren, die sich durch gegenseitigen Respekt und eine gemeinsame Vision für Offenheit auszeichnet. Ich glaube, dass durch die Entwicklung einer solchen Gemeinschaft nicht nur persönliche und berufliche Beziehungen gestärkt werden, sondern auch ein Umfeld entsteht, in dem Innovation und Kreativität gedeihen können. Der Schlüssel dazu liegt in der aktiven Pflege von Beziehungen, dem Engagement für transparente Kommunikation und der Bereitschaft, sich auf andere einzulassen und von ihnen zu lernen.\nDies ist ein Beitrag zu Teil 1 \u0026ldquo;Mein (schulisches) Motto für 2024\u0026rdquo; der EduBlogparade\nBeitragsbild Public Domain CC0 Midjourney Prompt: \u0026ldquo;A Community of Trust based on Openness, silhouettes of people of all genders and ages that merge into each other and overlap, watercolors \u0026ndash;v 6.0 \u0026ndash;seed 1235164279\u0026rdquo;\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/","summary":"\u003ch1 id=\"offenheit---das-wesentliche\"\u003eOffenheit - das Wesentliche\u003c/h1\u003e\n\u003ch3 id=\"1-einleitung-persönliche-reflexion-über-offenheit\"\u003e1. Einleitung: Persönliche Reflexion über Offenheit\u003c/h3\u003e\n\u003cp\u003eWenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt.\nDashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\u003c/p\u003e","title":"Offenheit - das Wesentliche"},{"content":"Eine Sammlung von Liedern für den Religionsunterricht ist auf Instagram in Zusammenarbeit von @relimomente @ezpz.lemon.sqz und @colibri260 entstanden und wurde zunächst hier auf TaskCards veröffentlicht.\nWeil TaskCards weder exportiert noch importiert werden können, es nur 2 kostenfreie gibt und somit kein #OER damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man das Ganze in Wordpress umsetzen kann:\nhttps://blogs.rpi-virtuell.de/rulieder Als Bonus sind\neinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch sein, Lebensweg, Liebe / Beziehung, Gemeinschaft, Belastungen, Hoffnung / Gerechtigkeit / Frieden, Wunder, Schöpfung, Die Frage nach Gott, Tod / Jenseitsvorstellungen, Biblische Geschichten, Songs zum Kirchenjahr Es gibt eine Übersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten. Und man kann weitere Lieder einreichen Alles was es dazu braucht ist: 1. \u0026ldquo;horizontales Scrollen\u0026rdquo; einfach umsetzbar mit verschiedenen WordPress-Plugins. Hier wurde der \u0026ldquo;horizontal Scroller\u0026rdquo; von Stackable benutzt.\n2. Spalten als \u0026ldquo;posts block\u0026rdquo; Es gibt wieder eine Vielzahl von WordPress-Blöcken, die Beiträge (posts) nach Kategorien sortiert in Spalten anzeigbar machen. Hier wurde \u0026ldquo;posts block\u0026rdquo; wiederum von Stackable benutzt. Sortieren der Beiträge in den Spalten Um die Beiträge nicht nach Erstellungsdatum sondern individuell in ihren Kategorien zu sortieren gibt es das Plugin \u0026ldquo;Intuitive Custom Post Order\u0026rdquo;, dass dies per Drag\u0026amp;Drop ermöglicht. blogs.rpi-virtuell.de Die Blogs von rpi-virtuell haben alle hier beschriebenen Plugins schon vorinstalliert und müssen nur noch aktiviert werden. Somit steht deinen eigenen WordPress-TaskCards-Padlet-Sammlungen nichts mehr im Wege und du kannst sie kostenfrei und als offene Bildungsmaterialien anderen zugänglich machen.\n","permalink":"http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/","summary":"\u003cp\u003eEine \u003cstrong\u003eSammlung von Liedern für den Religionsunterricht\u003c/strong\u003e ist auf Instagram in Zusammenarbeit von \u003ca href=\"https://www.instagram.com/relimomente/\"\u003e@relimomente\u003c/a\u003e \u003ca href=\"https://www.instagram.com/ezpz.lemon.sqz\"\u003e@ezpz.lemon.sqz\u003c/a\u003e und \u003ca href=\"https://www.instagram.com/colibri260\"\u003e@colibri260\u003c/a\u003e entstanden und wurde zunächst \u003cstrong\u003e\u003ca href=\"https://www.taskcards.de/#/board/16af7347-ec26-468e-a093-34549dd2dae3/view\"\u003ehier auf TaskCards\u003c/a\u003e\u003c/strong\u003e veröffentlicht.\u003c/p\u003e\n\u003cp\u003eWeil TaskCards  \u003ca href=\"https://twitter.com/TaskCards_/status/1678706884323205122\"\u003eweder exportiert noch importiert\u003c/a\u003e werden können, es nur 2 kostenfreie gibt und somit kein \u003ca href=\"https://open-educational-resources.de/5rs-auf-deutsch/\"\u003e#OER\u003c/a\u003e damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man \u003cstrong\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003edas Ganze in Wordpress\u003c/a\u003e\u003c/strong\u003e umsetzen kann:\u003c/p\u003e\n\u003ch2 id=\"httpsblogsrpi-virtuellderuliederhttpsblogsrpi-virtuellderulieder\"\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003ehttps://blogs.rpi-virtuell.de/rulieder\u003c/a\u003e\u003c/h2\u003e\n\u003cp\u003eAls Bonus sind\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eeinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar :\n\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/mensch-sein/\"\u003eMensch sein\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/lebensweg/\"\u003eLebensweg\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/liebe-beziehung/\"\u003eLiebe / Beziehung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/gemeinschaft/\"\u003eGemeinschaft\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/belastungen/\"\u003eBelastungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/hoffnung-gerechtigkeit-frieden/\"\u003eHoffnung / Gerechtigkeit / Frieden\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/wunder/\"\u003eWunder\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/schoepfung/\"\u003eSchöpfung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/die-frage-nach-gott/\"\u003eDie Frage nach Gott\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/tod-jenseits/\"\u003eTod / Jenseitsvorstellungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/biblische-geschichten/\"\u003eBiblische Geschichten\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/songs-zum-kirchenjahr/\"\u003eSongs zum Kirchenjahr\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eEs gibt eine \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/tag/45minuten/\"\u003eÜbersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eUnd man kann \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/beitrag-einreichen/\"\u003eweitere Lieder einreichen\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"alles-was-es-dazu-braucht-ist\"\u003eAlles was es dazu braucht ist:\u003c/h2\u003e\n\u003ch3 id=\"1-horizontales-scrollen\"\u003e1. \u0026ldquo;horizontales Scrollen\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"wordpress-horizontales-scrollen.gif\" alt=\"\"  /\u003e\n\neinfach umsetzbar mit verschiedenen WordPress-Plugins.\nHier wurde der \u0026ldquo;\u003ca href=\"https://docs.wpstackable.com/article/502-how-to-use-the-horizontal-scroller\"\u003ehorizontal Scroller\u003c/a\u003e\u0026rdquo; von Stackable benutzt.\u003c/p\u003e","title":"WordPress statt Padlet oder TaskCards"},{"content":"Dampfnudeln \u0026amp; Minihefezopf Zutaten 400 ml Milch 120g Zucker 1 Pkg Hefe (42g) 3 Eier (ca 150g Vollei) 1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630) 10 g Salz 120 g Butter Rezept Milch, Zucker, Hefe handwarm mischen Eier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten Salz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten Mindestens 30 Minuten gehen lassen Dampfnudeln 6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen: weitere 30 Minuten gehen lassen dann bei 100°Celsius für 30 Minuten dampfgaren fertig mit Vanillesoße servieren Hefezopf Die restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten Mit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen Mit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren Nach 10 Minuten Back-Temperatur auf 160° reduzieren Entweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten ","permalink":"http://localhost:1313/2023/04/07/dampfnudeln.html/","summary":"\u003ch1 id=\"dampfnudeln--minihefezopf\"\u003eDampfnudeln \u0026amp; Minihefezopf\u003c/h1\u003e\n\u003ch2 id=\"zutaten\"\u003eZutaten\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e400 ml Milch\u003c/li\u003e\n\u003cli\u003e120g Zucker\u003c/li\u003e\n\u003cli\u003e1 Pkg Hefe (42g)\u003c/li\u003e\n\u003cli\u003e3 Eier (ca 150g Vollei)\u003c/li\u003e\n\u003cli\u003e1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630)\u003c/li\u003e\n\u003cli\u003e10 g Salz\u003c/li\u003e\n\u003cli\u003e120 g Butter\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"rezept\"\u003eRezept\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eMilch, Zucker, Hefe handwarm mischen\u003c/li\u003e\n\u003cli\u003eEier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten\u003c/li\u003e\n\u003cli\u003eSalz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten\u003c/li\u003e\n\u003cli\u003eMindestens 30 Minuten gehen lassen\n\u003cimg loading=\"lazy\" src=\"Hefeteig.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"dampfnudeln\"\u003eDampfnudeln\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen:\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-auf-Lochblech.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003eweitere 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003edann bei 100°Celsius für 30 Minuten dampfgaren\u003c/li\u003e\n\u003cli\u003efertig\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-im-Dampfgarer.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003emit Vanillesoße servieren \u003cimg loading=\"lazy\" src=\"Dampfnudel-mit-Vanillesosse.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"hefezopf\"\u003eHefezopf\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDie restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten\u003c/li\u003e\n\u003cli\u003eMit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003eMit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren\u003c/li\u003e\n\u003cli\u003eNach 10 Minuten Back-Temperatur auf 160° reduzieren\u003c/li\u003e\n\u003cli\u003eEntweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten\n\u003cimg loading=\"lazy\" src=\"Hefezopf.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e","title":"Hefefreuden - Dampfnudeln \u0026 Minihefezopf"},{"content":"Das Gleichnis vom Sämann erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\nBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; alternativ: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; alternativ Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo; Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nAnleitung / Erstellung - The Making of 1. Geschichte erstellen mit ChatGPT-4 Screenshot ![](screen-chatgpt-saemann.png =x600)\nVolltext Beschreibe mir die Geschichte vom Sämann aus der Bibel für einen 8-jähringen in 5 Bildern Bild 1: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nGib mir noch schöne anrührende Überschriften zu den Bildern Bild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; Bild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; Bild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Bild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Bild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo;\n2. Illustration durch Übersetzung der Bildbeschreibungen mit Deepl und damit Prompterstellung für midjourney Ergänzung der automatischen Übersetzung für den Prompt jeweils durch Illustration by Eric Carlefür den Stil, --q 2 für die höchste Qualitätsstufe und --v 5für Midjourney Version 5\nPrompt 1 A friendly farmer stands in an open field, a handful of seeds in his hand. He scatters the seeds far and wide to sow a harvest. Behind him you can see four different soils: one rocky, one thorny, one surrounded by birds and one fertile. Illustration by Eric Carle --q 2 --v 5\nPrompt 2 Some seeds fall on the rocky ground, where they have little soil. The seeds germinate quickly, but they do not have enough soil to root deeply. The picture shows small, weak plants starting to grow in the rocky soil. Illustration by Eric Carle --q 2 --v 5\nPrompt 3 Other seeds fall on the thorny ground, where they are surrounded by thorns and weeds. The plants begin to grow, but they are choked by the thorns that surround them. The picture shows how the thorns clasp the young plants and prevent them from growing tall and strong. Illustration by Eric Carle --q 2 --v 5\nPrompt 4 other seeds fall on the ground surrounded by birds, where they are immediately eaten by hungry birds. The picture shows happy birds enjoying the seeds before they even have a chance to grow. Illustration by Eric Carle --q 2 --v 5\nPrompt 5 Finally, some seeds fall on the fertile soil, where they can root deeply and grow. The picture shows large, healthy plants thriving in the sun and bearing abundant fruit. The farmer stands proudly next to the rich harvest and smiles, knowing that he has sown well. Illustration by Eric Carle --q 2 --v 5\nAlles von Gott erdacht, in der Bibel niedergeschrieben und mit künstlicher Intelligenz in Text und Bilder verwandelt unter der Lizenz CC-BY-SA Das heißt, ihr dürft alles Weiterverwenden, Verändern, Anpassen oder sogar verkaufen. Eine Namensnennung von Jörg Lohrer wäre nett.\n","permalink":"http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/","summary":"\u003ch1 id=\"das-gleichnis-vom-sämann\"\u003eDas Gleichnis vom Sämann\u003c/h1\u003e\n\u003cp\u003eerstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\u003c/p\u003e\n\u003ch3 id=\"bild-1-der-liebevolle-sämann-und-die-vier-böden-eine-ernte-voller-hoffnung\"\u003eBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bild1-saemann.jpeg\" alt=\"\"  /\u003e\n\nalternativ:\n\u003cimg loading=\"lazy\" src=\"bild1-alternativ-saemann.jpeg\" alt=\"\"  /\u003e\n\nEin freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\u003c/p\u003e","title":"Das Gleichnis vom Sämann"},{"content":"Schoko-Schnecken Hefeteig 200g Milch handwarm ½ Pk Vanillezucker 60g Zucker 22g Hefe verrühren 1 Ei Größe L dazu in der Teigknetmaschine 120g Weizenmehl 405 380g Dinkelmehl 630 dazu und wenn es ein fester Teig ist 5g Salz zugeben und 60g Butter kalt in Streifen schneiden und 5-10 Minuten einketen (-\u0026gt; Fenstertest) danach Teig 30-60 Minuten ruhen/gehen lassen\nFüllung in der Zwischenzeit 10g brauner Zucker 30g Rohrohrzucker 50g weißer Zucker 100g Butter ½ Pk Vanillezucker 2 Teelöffel Zimt 5 Teelöffel Kaba verkneten zu einer cremigen Masse\nHefeteig ausrollen und mit der Füllung bestreichen Nach Belieben noch Raspel Schokolade darauf verteilen einrollen, in 16 Stücke schneiden und in Kuchenform setzen: Mit Frischhaltefolie abdecken und weitere ca. 30 Minuten gehen lassen, dann mit Eimilch abstreichen: Backofen auf 220°Celsius Ober-/Unterhitze vorheizen. In den Ofen und dabei auf 180° reduzieren. Nach 10 Minuten auf 160° reduzien: weitere 25 Minuten backen oder bis eine Kerntemperatur von 92° erreicht ist. Fertig: ","permalink":"http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/","summary":"\u003ch1 id=\"schoko-schnecken\"\u003eSchoko-Schnecken\u003c/h1\u003e\n\u003ch2 id=\"hefeteig\"\u003eHefeteig\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003e200g Milch\u003c/strong\u003e handwarm\n\u003cstrong\u003e½ Pk Vanillezucker\n60g Zucker\n22g Hefe\u003c/strong\u003e\nverrühren\n\u003cstrong\u003e1 Ei Größe L\u003c/strong\u003e dazu\nin der Teigknetmaschine\n\u003cstrong\u003e120g Weizenmehl 405\n380g Dinkelmehl 630\u003c/strong\u003e\ndazu und wenn es ein fester Teig ist\n\u003cstrong\u003e5g Salz\u003c/strong\u003e zugeben\nund\n\u003cstrong\u003e60g Butter\u003c/strong\u003e kalt in Streifen schneiden und\n5-10 Minuten einketen (-\u0026gt; Fenstertest)\ndanach Teig 30-60 Minuten ruhen/gehen lassen\u003c/p\u003e\n\u003ch2 id=\"füllung\"\u003eFüllung\u003c/h2\u003e\n\u003cp\u003ein der Zwischenzeit\n\u003cstrong\u003e10g brauner Zucker\n30g Rohrohrzucker\n50g weißer Zucker\n100g Butter\n½ Pk Vanillezucker\n2 Teelöffel Zimt\n5 Teelöffel Kaba\u003c/strong\u003e\nverkneten zu einer cremigen Masse\u003c/p\u003e","title":"Jojos Schoko-Zimt-Schnecken"},{"content":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern Instanz erstellen auf https://console.cloud.google.com/ Name, Region und Zone auswählen E2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde Betriebssystem Ubuntu 20.04 LTS Ubuntu Desktop auf Google Cloud Plattform installieren https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome https://bytexd.com/install-chrome-remote-desktop-headless/ https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\nVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren: sudo apt update sudo apt install --assume-yes wget tasksel wget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb sudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb Cinnamon Desktop installieren sudo DEBIAN_FRONTEND=noninteractive \\ apt install --assume-yes cinnamon-core desktop-base dbus-x11 sudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\nZusätzliche Einstellungen: sudo systemctl disable lightdm.service Deutsche Tastatur in der Ubuntu-Konsole festlegen: sudo dpkg-reconfigure keyboard-configuration Optional: Google Chrome Browser installieren wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install --assume-yes ./google-chrome-stable_current_amd64.deb Chrome Remote Desktop konfiguieren und starten https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#configuring_and_starting_the_chrome_remote_desktop_service) Mit Google-Konto, das zur Remote-Stuerung benutzt werden soll, https://remotedesktop.google.com/headless aufrufen und den SSH-Befehl in der Konsole ausführen. 6-Stellige PIN festlegen. Prüfen ob der Dienst ausgeführt wird:\nsudo systemctl status chrome-remote-desktop@$USER Instanzzeitplan festlegen https://rominirani.com/hands-on-guide-to-scheduling-vm-instances-to-start-and-stop-a079a50e16c6\nOBS Installation https://obsproject.com/wiki/install-instructions#ubuntumint-installation\nsudo apt install ffmpeg sudo apt install v4l2loopback-dkms sudo add-apt-repository ppa:obsproject/obs-studio sudo apt update sudo apt install obs-studio Problem: Test mit v4l2-ctl --list-devices bringt Fehlermeldung:\nCannot open device /dev/video0, exiting. Lösung für virtuelle Kamera auf virtueller Maschine: sudo apt -y install v4l2loopback-dkms v4l2loopback-utils linux-modules-extra-$(uname -r) sudo modprobe v4l2loopback Jetzt: Problem: Trotzdem nach jedem Reboot wird die virtuelle Kamera nicht geladen: Lösung v4l2loopback bei Start laden: https://askubuntu.com/questions/1245212/how-do-i-automatically-run-modprobe-v4l2loopback-on-boot\nsudo nano /etc/modules hinzufügen: v4l2loopback\nZoom Installation https://support.zoom.us/hc/de/articles/204206269-IZoom-unter-Linux-installieren-oder-aktualisieren\nsudo apt install gdebi sudo apt update sudo apt upgrade sudo snap install zoom-client Inbetriebnahme des Remote Desktop Verbindung zur VM-Instanz herstellen Via https://remotedesktop.google.com/access auf das Remote Gerät zugreifen.: Sechsstelligen PIN eingeben: Keyboard / Tastatur auf deutsch umstellen: Apps auf dem Desktop verknüpfen: OBS einrichten OBS mit virtueller Kamera automatisch starten: Rechtsklick auf die Verknüpfung und dann beim Startbefehl --startvirtualcam ergänzen. Beim Systemstart mit virtueller Kamera starten: startup Applications wählen ebenfalls --startvirtualcam ergänzen Beim ersten Start von OBS \u0026ldquo;I will only be using the virtual camera\u0026rdquo; wählen: In den Einstellungen die Sprache auf Deutsch umstellen: Videoauflösung auf 1920x1080 umstellen: Szenensammlung importieren (Vorkonfigurierte Szenen für das relilab-Café immer aktuell auf Github) - relilab-cafe-obs-json.json\nGoogle Chrome einrichten Beim ersten Systemstart Password for new Keyring erstellen: Chrome zum Standardbrowser machen Google Chrome anmelden und Sync inkl. Lesezeichen aktivieren Zoom einrichten Zoom-Account anmelden Sprache ändern in Zoom Zoom starten und dann das Zoom-Symbol rechts in der unteren Leiste mit Rechtsklick der Maus das Menü zur Sprachänderung aufrufen: Problemlösungen Problem - keine Emojis in den Slides Lösung: https://medium.com/@harshmaur/emojis-missing-from-chrome-in-ubuntu-9c25fe10867c sudo apt-get remove fonts-noto-color-emoji sudo apt-get install fonts-noto-color-emoji Problem - kein Font Yanone Kaffeesatz in den Slides Lösung: https://zoomadmin.com/HowToInstall/UbuntuPackage/fonts-yanone-kaffeesatz sudo apt-get update -y sudo apt-get install -y fonts-yanone-kaffeesatz Mögliches Problem GUI (Ubuntu Desktop) has its own security layer which blocks the root account from login. So, even we have a properly enabled root account with password, it does not work in GUI interface. https://askubuntu.com/questions/1192471/login-as-root-on-ubuntu-desktop\nhttps://www.computernetworkingnotes.com/linux-tutorials/how-to-enable-and-disable-root-login-in-ubuntu.html\nAnstatt auf Cloud-Plattform mit Linux auf lokalem Windows-PC Autostart OBS inkl virtueller Kamera \u0026amp; Zoom Vorbereiten OBS inkl Virtueller Kamera Hinzufügen von --startvirtualcam zur OBS-Verknüpfung: open the start menu/tile thing and type in: Run and hit enter. Then type in shell:startup Dann die Verknüpfungen in den Autostartordner kopieren: Weitere Schritte wie oben\n","permalink":"http://localhost:1313/2022/03/19/ob-virtualcam.html/","summary":"\u003ch1 id=\"auf-google-cloud-platform-mit-ubuntu-desktop-via-chrome-remote-desktop-obs-und-zoom-fernsteuern\"\u003eAuf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern\u003c/h1\u003e\n\u003ch2 id=\"instanz-erstellen-auf-httpsconsolecloudgooglecomhttpsconsolecloudgooglecom\"\u003eInstanz erstellen auf \u003ca href=\"https://console.cloud.google.com/\"\u003ehttps://console.cloud.google.com/\u003c/a\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eName, Region und Zone auswählen\u003c/li\u003e\n\u003cli\u003eE2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde\u003c/li\u003e\n\u003cli\u003e\u003c/li\u003e\n\u003cli\u003eBetriebssystem Ubuntu 20.04 LTS\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"ubuntu-desktop-auf-google-cloud-plattform-installieren\"\u003eUbuntu Desktop auf Google Cloud Plattform installieren\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\"\u003ehttps://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\u003c/a\u003e\n\u003ca href=\"https://bytexd.com/install-chrome-remote-desktop-headless/\"\u003ehttps://bytexd.com/install-chrome-remote-desktop-headless/\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"via-sshterminal-update-tasksel-und-google-remote-desktop-installieren\"\u003eVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren:\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo apt update\nsudo apt install --assume-yes wget tasksel\nwget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb\nsudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb\n\u003c/code\u003e\u003c/pre\u003e\u003ch3 id=\"cinnamon-desktop-installieren\"\u003eCinnamon Desktop installieren\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo DEBIAN_FRONTEND=noninteractive \\\n    apt install --assume-yes cinnamon-core desktop-base dbus-x11\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e\u003ccode\u003esudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\u003c/code\u003e\u003c/p\u003e","title":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern"},{"content":"Moodle Server mit Ubuntu 20 LTS und Iomad Ubuntu Server-Image herunterladen https://releases.ubuntu.com/20.04/\nVirtualbox mit dem Ubuntu Image einrichten Netzwerkbrücke aktivieren IP-Adresse ermitteln ifconfig -\u0026gt; 192.168.178.132\nAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen auf dem Mac sudo nano /etc/hosts die IP eintragen und moodle.local zuweisen: Moodle Server auf Virtualbox vorbereiten sudo -iwechselt auf root\nSSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux\nShellbefehle zur Installation: sudo apt update \u0026amp;\u0026amp; apt upgrade -y apt install mariadb-server sudo apt install apache2 libapache2-mod-fcgid sudo apt install php php-cli php-fpm php-json php-common php-mysql php-zip php-gd php-mbstring php-curl php-xml php-pear php-bcmath php-intl php-xmlrpc php-soap a2enconf php7.4-fpm sudo a2enmod actions fcgid alias proxy_fcgi setenvif a2dismod php7.4 a2dismod mpm_prefork a2dismod mpm_worker a2enmod mpm_event systemctl restart php7.4-fpm apache2 anlegen: /etc/apache2/sites-available/moodle.conf ############################ \u0026lt;VirtualHost *:80\u0026gt; ServerName moodle.local ServerAdmin webmaster@localhost DocumentRoot /var/www/moodle \u0026lt;FilesMatch \\.php$\u0026gt; SetHandler \u0026#34;proxy:unix:/var/run/php/php7.4-fpm.sock|fcgi://localhost/\u0026#34; \u0026lt;/FilesMatch\u0026gt; ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined \u0026lt;/VirtualHost\u0026gt; #################################################################### Weitere Shellbefehle zur Installation: a2ensite moodle.conf systemctl reload apache2 mkdir /var/www/moodle echo \u0026#39;\u0026lt;?php phpinfo(); ?\u0026gt;\u0026#39; \u0026gt; /var/www/moodle/info.php host eintrag hinzufügen: \u0026ldquo;192.168.178.xxx moodle.local\u0026rdquo; 192.168.178.xxx moodle.local 192.168.178.xxx www.moodle.local\nim Browser öffnen: http://moodle.local/info.php maschine speichern und klonen Anschließend IOMAD moodle installieren: https://www.iomad.org/wp-content/uploads/2021/03/Iomad-Installation-Guide.pdf\nDatenbank für moodle erzeugen via SSH: mysql CREATE DATABASE moodledb; CREATE USER \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39; IDENTIFIED BY \u0026#39;$mdb2passwd\u0026#39;; GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, INDEX, DROP, ALTER, CREATE TEMPORARY TABLES, LOCK TABLES ON moodledb.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; GRANT FILE ON *.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; quit Installation iomad cd /var/www/moodle git clone https://github.com/iomad/iomad.git cd iomad git checkout -b myiomad origin/IOMAD_310_STABLE mkdir /var/www/moodledata \u0026amp;\u0026amp; chmod 777 /var/www/moodledata ändern!!!: /etc/apache2/sites-available/moodle.conf -\u0026gt; DocumentRoot /var/www/moodle/iomad\nsystemctl restart php7.4-fpm apache2\nhttp://moodle.local aufrufen und config.php Datei mit Hilfe des Assistenten generieren lassen ![](03-config generieren.png)\nändern!!!: /moodle entfernen\nconfig.php \u0026lt;?php // Moodle configuration file unset($CFG); global $CFG; $CFG = new stdClass(); $CFG-\u0026gt;dbtype = \u0026#39;mariadb\u0026#39;; $CFG-\u0026gt;dblibrary = \u0026#39;native\u0026#39;; $CFG-\u0026gt;dbhost = \u0026#39;localhost\u0026#39;; $CFG-\u0026gt;dbname = \u0026#39;moodledb\u0026#39;; $CFG-\u0026gt;dbuser = \u0026#39;moodleowner\u0026#39;; $CFG-\u0026gt;dbpass = \u0026#39;$mdb2passwd\u0026#39;; $CFG-\u0026gt;prefix = \u0026#39;mdl_\u0026#39;; $CFG-\u0026gt;dboptions = array ( \u0026#39;dbpersist\u0026#39; =\u0026gt; 0, \u0026#39;dbport\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbsocket\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbcollation\u0026#39; =\u0026gt; \u0026#39;utf8mb4_general_ci\u0026#39;, ); $CFG-\u0026gt;wwwroot = \u0026#39;http://moodle.local\u0026#39;; $CFG-\u0026gt;dataroot = \u0026#39;/var/www/moodledata\u0026#39;; $CFG-\u0026gt;admin = \u0026#39;admin\u0026#39;; $CFG-\u0026gt;directorypermissions = 0777; require_once(__DIR__ . \u0026#39;/lib/setup.php\u0026#39;); // There is no php closing tag in this file, // it is intentional because it prevents trailing whitespace problems! ","permalink":"http://localhost:1313/2022/02/16/moodle-iomad-linux.html/","summary":"\u003ch1 id=\"moodle-server-mit-ubuntu-20-lts-und-iomad\"\u003eMoodle Server mit Ubuntu 20 LTS und Iomad\u003c/h1\u003e\n\u003ch2 id=\"ubuntu-server-image-herunterladen\"\u003eUbuntu Server-Image herunterladen\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://releases.ubuntu.com/20.04/\"\u003ehttps://releases.ubuntu.com/20.04/\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"virtualbox-mit-dem-ubuntu-image-einrichten\"\u003eVirtualbox mit dem Ubuntu Image einrichten\u003c/h2\u003e\n\u003ch3 id=\"netzwerkbrücke-aktivieren\"\u003eNetzwerkbrücke aktivieren\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"01-netzwerkbruecke.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch3 id=\"ip-adresse-ermitteln\"\u003eIP-Adresse ermitteln\u003c/h3\u003e\n\u003cp\u003e\u003ccode\u003eifconfig \u003c/code\u003e -\u0026gt; 192.168.178.132\u003c/p\u003e\n\u003ch3 id=\"auf-dem-mac-oder-pc-die-auflösung-des-hosts-verknüpfen\"\u003eAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen\u003c/h3\u003e\n\u003cp\u003eauf dem Mac \u003ccode\u003esudo nano /etc/hosts\u003c/code\u003e die IP eintragen und moodle.local zuweisen:\n\u003cimg loading=\"lazy\" src=\"02-hosts-eintragen.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch2 id=\"moodle-server-auf-virtualbox-vorbereiten\"\u003eMoodle Server auf Virtualbox vorbereiten\u003c/h2\u003e\n\u003cp\u003e\u003ccode\u003esudo -i\u003c/code\u003ewechselt auf root\u003c/p\u003e\n\u003ch3 id=\"ssh-zugriff-ermöglichen\"\u003eSSH Zugriff ermöglichen\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"https://linuxconfig.org/allow-ssh-root-login-on-ubuntu-20-04-focal-fossa-linux\"\u003eAllow SSH root login on Ubuntu 20.04 Focal Fossa Linux\u003c/a\u003e\u003c/p\u003e","title":"Moodle Server mit Ubuntu 20 LTS und Iomad"},{"content":"Bibelfußball: Nachschlage-Quiz zur Bibel Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie. Hier umfangreiche Fragen mit Bibelstellen aus dem Alten und Neuen Testament, die einfach (bitte hier in\u0026rsquo;s Dokument hineinschreiben!) erweitert werden können:\nNeues Testament Frage Bibelstelle Lösung Ein Tier \u0026ldquo;Mt 26,74\u0026rdquo; ein Hahn An welchem Ort ist Paulus \u0026ldquo;Phil 1,13\u0026rdquo; Gefängnis Was ist wuchtig und voll Kraft \u0026ldquo;2Kor 10,10\u0026rdquo; Die Briefe Körperteile \u0026ldquo;Mk 4,23\u0026rdquo; Ohren Eine Farbe \u0026ldquo;Mt 23,27\u0026rdquo; Weiß Biblische Zahl \u0026ldquo;Mk 1,13\u0026rdquo; 40 Grundnahrungsmittel \u0026ldquo;Lk 11,3\u0026rdquo; Brot Macht man auch in der Schule \u0026ldquo;Gal 6,11\u0026rdquo; Schreiben Braucht man auf dem Bau \u0026ldquo;1 Thess 5,9\u0026rdquo; Helm Ist strafbar Hebr 10.34 Raub Eine Krankheit \u0026ldquo;Mt 8,15\u0026rdquo; Fieber Wem gehört die zerfallene Hütte \u0026ldquo;Apg 15,16\u0026rdquo; David Ein Gewürz \u0026ldquo;Offb 18,13\u0026rdquo; Zimt Wie heißt das Kind \u0026ldquo;Lk 1,31\u0026rdquo; Jesus Zwei Körperteile \u0026ldquo;Mt 5,38\u0026rdquo; \u0026ldquo;Auge , Zahn\u0026rdquo; Häufige biblische Zahl \u0026ldquo;Mt 4,2\u0026rdquo; 40 Angesehener Beruf \u0026ldquo;Mk 2,17\u0026rdquo; Arzt Ist unangenehm \u0026ldquo;Lk 22,24\u0026rdquo; Streit Was ist Gott \u0026ldquo;1 Kor 1,9\u0026rdquo; Treu Was soll man ablegen \u0026ldquo;Eph 4,25\u0026rdquo; Lüge Was fressen die Vögel \u0026ldquo;Mk 4,4\u0026rdquo; Körner Was ist für Gott möglich \u0026ldquo;Mt 19,26\u0026rdquo; Alles Ich kann es in der Küche finden \u0026ldquo;Lk 11,41\u0026rdquo; Schüsseln In jedem Zimmer zu finden \u0026ldquo;Joh 10,9\u0026rdquo; Tür Wie viel opfert die arme Witwe \u0026ldquo;Mk 12,42\u0026rdquo; 2 kl. Münzen Große Anzahl Soldaten \u0026ldquo;Mt 26, 53\u0026rdquo; Legionen Kleine Lebewesen \u0026ldquo;Lk 13 ,19\u0026rdquo; Vögel Brauchte jeder Ritter \u0026ldquo;Eph 6,1\u0026rdquo; Rüstung Schlechte Eigenschaft \u0026ldquo;Hebr 13,5\u0026rdquo; Habgier Sind aus Gold \u0026ldquo;Jak 2,2\u0026rdquo; Ringe Welche Farbe hat der Kranz \u0026ldquo;Offb 14,14\u0026rdquo; Gold Ein beliebtes Urlaubsland \u0026ldquo;Röm 15,24\u0026rdquo; Spanien Häufiger Beruf zur Zeit Jesu \u0026ldquo;Mt 13,48\u0026rdquo; Fischer Hohes Fest im Judentum \u0026ldquo;Joh 13,1\u0026rdquo; Paschafest \u0026ldquo;Großer, schwerer Gegenstand\u0026rdquo; \u0026ldquo;Mk 16,4\u0026rdquo; Stein Zeiteinheit \u0026ldquo;Mk 14,37\u0026rdquo; Stunde Lasst darin nicht nach \u0026ldquo;Kol 4,2\u0026rdquo; Beten Insel \u0026ldquo;Tit 1,5\u0026rdquo; Kreta Letztes Wort im Petrusbrief 1 Petr Amen Kleines Naturwunder \u0026ldquo;Offb 10,1\u0026rdquo; Regenbogen In jeder Wohnung zu finden \u0026ldquo;Lk 22,14\u0026rdquo; Tisch Transportmittel \u0026ldquo;Mk 1,20\u0026rdquo; Boot Bekommt man erst später \u0026ldquo;Apg 7,54\u0026rdquo; Zähne Was werden sie gewinnen \u0026ldquo;Lk 21,19\u0026rdquo; Das Leben Wichtiges Nahrungsmittel \u0026ldquo;Mt 5,13\u0026rdquo; Salz Gegenstand aus Holz \u0026ldquo;Mt 27,32\u0026rdquo; Kreuz Körperteil \u0026ldquo;Mt 28,9\u0026rdquo; Füße Angeborene Behinderung \u0026ldquo;Joh 9,1\u0026rdquo; Blindheit Geheimes Versteck \u0026ldquo;LK 19,46\u0026rdquo; Räuberhöhle Die Liebe tut nichts …? \u0026ldquo;Röm 13,10\u0026rdquo; Böses Bei uns als Drei Könige bekannt \u0026ldquo;Mt2,1\u0026rdquo; Sterndeuter Hilfsmittel für Kranke \u0026ldquo;MK 2,12\u0026rdquo; Tragbahre Stinkt \u0026ldquo;Lk 14,35\u0026rdquo; Misthaufen Darauf kann man schreiben \u0026ldquo;Joh 19,20\u0026rdquo; Schild Braucht man im Leben \u0026ldquo;Apg 23,11\u0026rdquo; Mut Was war in den 7 Körben? \u0026ldquo;Mk 8,8\u0026rdquo; Brot Leben am Bauernhof \u0026ldquo;Lk 15,16\u0026rdquo; Schweine Gibt’s vor den Ferien \u0026ldquo;Joh 21,24\u0026rdquo; Zeugnis \u0026ldquo;Gut, wenn man es nicht hat\u0026rdquo; \u0026ldquo;Apg 4,34\u0026rdquo; Not Zahl der Kapitel bei Mk Mk 16 Lebenswichtiges Organ \u0026ldquo;2Kor 9,7\u0026rdquo; Herz Sechste Frucht des Geistes \u0026ldquo;Gal 5,22\u0026rdquo; Güte Sehr unbeliebt bei Schülern \u0026ldquo;Lk 22,28\u0026rdquo; Prüfungen Man freut sich darüber \u0026ldquo;Phil 3,7\u0026rdquo; Gewinn Lebensfeindlicher Ort \u0026ldquo;Mk 1,3\u0026rdquo; Wüste Beruf im Freien \u0026ldquo;Joh 10,11\u0026rdquo; Hirte Was hat geholfen \u0026ldquo;Lk 17,19\u0026rdquo; Glaube Erstes Transportmittel Jesu \u0026ldquo;Joh 12,14\u0026rdquo; Esel Letztes Wort im NT Offb Allen Wie viele Verse hat Joh 6 Joh 71 Verse Wie viel lässt er zurück \u0026ldquo;Lk 15,4\u0026rdquo; 99 Man hat eine Menge davon \u0026ldquo;Joh 20,27\u0026rdquo; Finger Isst man hier normal nicht \u0026ldquo;Mt 3,4\u0026rdquo; Heuschrecken Babys brauchen eine Menge \u0026ldquo;Lk 2,12\u0026rdquo; Windeln Gehen oft sehr weit \u0026ldquo;Joh 12,20\u0026rdquo; Pilger Tier unter Naturschutz \u0026ldquo;Joh 10,12\u0026rdquo; Wolf Kann man öffnen und schließen \u0026ldquo;Lk 24,31\u0026rdquo; Augen Auch du bist es \u0026ldquo;Mt 3,16\u0026rdquo; Getauft Es war am Anfang \u0026ldquo;Joh 1,1\u0026rdquo; Das Wort Kürzestes Buch im NT \u0026ndash; Philemon Was heisst Tabita auf deutsch? \u0026ldquo;Apg 9,36\u0026rdquo; Gazelle Worin sehen wir nur rätselhafte Umrisse? \u0026ldquo;1 Kor 13,12\u0026rdquo; Spiegel Wer steht vor der Frau? \u0026ldquo;Offb 12,4\u0026rdquo; Drache Wohin will Paulus hier reisen? \u0026ldquo;Römer 15, 24\u0026rdquo; Spanien Ein Tier \u0026ldquo;1 Petr 5,8\u0026rdquo; Löwe Welche Frucht kommt hier zur Sprache? \u0026ldquo;Mk 11, 13\u0026rdquo; Feige Welcher Prophet wird hier genannt? \u0026ldquo;Mt 3, 3\u0026rdquo; Jesaja Wer hat hier Angst? \u0026ldquo;Joh 19, 8\u0026rdquo; Pilatus Wie heißt Agrippas Frau? \u0026ldquo;Apg 25,23\u0026rdquo; Berenike Von welchem scharfen Werkzeug ist hier die Rede? \u0026ldquo;Offb 14,18\u0026rdquo; Sichel Was sind Jesu Worte? \u0026ldquo;Joh 6, 63\u0026rdquo; Geist und Leben Wie nennt sich Jesus hier? \u0026ldquo;Joh 9,5\u0026rdquo; Licht (der Welt) Was gibt es zu tragen? \u0026ldquo;Gal 6,2\u0026rdquo; Lasten Wie wird Jesus verglichen \u0026ldquo;Eph 2,20\u0026rdquo; Eckstein Name einer Frau aus dem AT \u0026ldquo;Hebr 11,21\u0026rdquo; Rahab Name einer Stadt (in Syrien) \u0026ldquo;Apg 9,3\u0026rdquo; Damaskus Was kommt aus den Mäulern der Pferde? \u0026ldquo;Offb 9,17\u0026rdquo; \u0026ldquo;Feuer, Rauch, Schwefel\u0026rdquo; Wie heißt der Sohn? \u0026ldquo;Phlm 1,10\u0026rdquo; Onesimus Bauwerk \u0026ldquo;1. Petr 2, 5\u0026rdquo; (lebendiges) Haus Körperteil \u0026ldquo;1. Petr 2,22\u0026rdquo; Mund Paar aus dem AT \u0026ldquo;1. Petr. 3, 6\u0026rdquo; Sara und Abraham Was wird gejagt? \u0026ldquo;1. Petr. 3, 11\u0026rdquo; Frieden Wieviele Menschen wurden in der Arche gerettet? \u0026ldquo;1. Petr. 3,20\u0026rdquo; acht Gesucht ist ein Adjektiv (wie sollen wir sein?) \u0026ldquo;1. Petr. 4, 9\u0026rdquo; gastfreundlich Altes Testament Frage Bibelstelle Lösung zwei Musikinstrumente \u0026ldquo;Ps 98,6\u0026rdquo; Trompeten und Hörner unechtes Körperteil \u0026ldquo;Ps 120,3\u0026rdquo; falsche Zunge Was wird geöffnet \u0026ldquo;Ps 78,2\u0026rdquo; Mund Wo wachsen die Bäume? \u0026ldquo;Ps 72,16\u0026rdquo; Libanon Wie viele Männer? \u0026ldquo;Hiob 32,1\u0026rdquo; 3 Mit wieviel Jahren wurde Zidkija König? \u0026ldquo;2. Kön 24,18\u0026rdquo; 21 Kleine Vögel \u0026ldquo;Ps 147,9\u0026rdquo; junge Raben Was regnet vom Himmel? \u0026ldquo;Ps 78,27\u0026rdquo; Fleisch \u0026ldquo;was kann schwimmen, obwohl es zu schwer dafür ist?\u0026rdquo; \u0026ldquo;2 Kön 6,6\u0026rdquo; Eisen Wie viele Steine suchte sich David? \u0026ldquo;1 Sam 17,40\u0026rdquo; 5 Ein Getränk \u0026ldquo;Joel 2, 19\u0026rdquo; Most Wie lange war Jona im Fisch? \u0026ldquo;Jona 2,1\u0026rdquo; drei Tage und drei Nächte Wie heißen die drei Söhne Noachs? \u0026ldquo;Gen 6,10\u0026rdquo; \u0026ldquo;Sem, Ham, Jafet\u0026rdquo; Wo singen die drei Jungen Männer? \u0026ldquo;Dan 3,51\u0026rdquo; Ofen Wie viele Tage ruhen sie sich in Jerusalem aus? \u0026ldquo;Esra 8,32\u0026rdquo; 3 Welche Früchte sind im Kuchen? \u0026ldquo;1 Chr 12,41\u0026rdquo; Traubenkuchen Wo ist das Mehl? Wo ist das Öl? \u0026ldquo;1 Kön 17,12\u0026rdquo; \u0026ldquo;Topf, Krug\u0026rdquo; \u0026ldquo;Was wird hochgehoben, damit es nicht nass wird?\u0026rdquo; \u0026ldquo;Jes 47,2\u0026rdquo; Schleppe Was wird gesät? \u0026ldquo;Hos 8,7\u0026rdquo; Wind Was bekommt Rut? \u0026ldquo;Rut 4,13\u0026rdquo; einen Sohn Ein Tier \u0026ldquo;Hab 3, 19\u0026rdquo; Hirsch Worin wird das Kleid gewaschen? \u0026ldquo;Gen 49,11\u0026rdquo; Wein Welche Farbe hat das Gewand? \u0026ldquo;Jes 63,2\u0026rdquo; rot Was ist süßer als Wein? \u0026ldquo;Hld 1,2\u0026rdquo; Liebe Was wächst und wird immer mächtiger? \u0026ldquo;Dan 4,8\u0026rdquo; Baum Wie viele Töchter hatte Rehabeam? \u0026ldquo;2 Chr 11,21\u0026rdquo; 60 Eine Waffe \u0026ldquo;Jer 5,12\u0026rdquo; Schwert Ein Kleidungsstück \u0026ldquo;Ps 109,29\u0026rdquo; Mantel Was denkt Eli von Hanna? \u0026ldquo;1 Sam 1,13\u0026rdquo; Er hält sie für betrunken Welche Frisur hatte Paulus? \u0026ldquo;Apg 18,18\u0026rdquo; Glatze Wie viele Pferde? \u0026ldquo;Jes 36,8\u0026rdquo; 2000 Ein Tier \u0026ldquo;Dtn 9,16\u0026rdquo; Kalb Ein weibliches Tier \u0026ldquo;Spr 17,12\u0026rdquo; Bärin Welche Farbe hat der Kranz? \u0026ldquo;Offb 14,14\u0026rdquo; gold Wie schmeckt Manna? \u0026ldquo;Ex 16,31\u0026rdquo; Honigkuchen/Semmel mit Honig Wie heißt der König von Baschan? \u0026ldquo;Ps 135,11\u0026rdquo; Og Wie viele Monate lebt Elisabeth zurückgezogen? \u0026ldquo;Lk 1,24\u0026rdquo; 5 Was reißen die anderen auf? \u0026ldquo;Ps 35,21\u0026rdquo; Mund Woher kam Melatja? \u0026ldquo;Neh 3,7\u0026rdquo; Gibeon Was zieht Josua aus? \u0026ldquo;Jos 5,15\u0026rdquo; Schuhe Wie alt war Barsillai? \u0026ldquo;2 Sam 19,33\u0026rdquo; 80 Von welchem Baum bekommt David Holz? \u0026ldquo;1 Chronik 14,1\u0026rdquo; Zeder Wer sieht einen Engel? \u0026ldquo;Num 22,23\u0026rdquo; Esel Welches Problem hat Jakob hier? \u0026ldquo;Gen 32, 32\u0026rdquo; er hinkt Was wächst denn hier? \u0026ldquo;Jona 4, 6\u0026rdquo; Rizinusstrauch Wer macht hier so einen Lärm? \u0026ldquo;Am 3, 4\u0026rdquo; Löwe ","permalink":"http://localhost:1313/2021/12/03/bibelfussball.html/","summary":"\u003ch1 id=\"bibelfußball-nachschlage-quiz-zur-bibel\"\u003eBibelfußball: Nachschlage-Quiz zur Bibel\u003c/h1\u003e\n\u003cp\u003eBibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie.\n\u003cimg loading=\"lazy\" src=\"bibelfussball1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Bibelfußball - Nachschlage-Quiz zur Bibel"},{"content":"WordPress Werkstatt PHP Zunächst wird auf relilab.org das kostenfreie Plugin ACF - Advanced Custom Fields installiert und aktiviert. Dies ermöglicht weitere individuelle Beitragsfelder für die Beiträge. Nun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels dieser JSON-Datei, die das abkürzt: mit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können: Zudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen: Jetzt wird das Plugin relilab-termine installiert und aktiviert Nun kann mittels Shortcode [relilab_termine] eine Terminübersicht als WordPress-Block erzeugt werden: JSON ACF-JSON-Export: [ { \u0026#34;key\u0026#34;: \u0026#34;group_6193936e4f12c\u0026#34;, \u0026#34;title\u0026#34;: \u0026#34;Termin\u0026#34;, \u0026#34;fields\u0026#34;: [ { \u0026#34;key\u0026#34;: \u0026#34;field_619393f8e62e0\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Startet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_startdate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 }, { \u0026#34;key\u0026#34;: \u0026#34;field_619394a3e62e1\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Endet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_enddate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 } ], \u0026#34;location\u0026#34;: [ [ { \u0026#34;param\u0026#34;: \u0026#34;post_type\u0026#34;, \u0026#34;operator\u0026#34;: \u0026#34;==\u0026#34;, \u0026#34;value\u0026#34;: \u0026#34;post\u0026#34; } ] ], \u0026#34;menu_order\u0026#34;: 0, \u0026#34;position\u0026#34;: \u0026#34;normal\u0026#34;, \u0026#34;style\u0026#34;: \u0026#34;default\u0026#34;, \u0026#34;label_placement\u0026#34;: \u0026#34;left\u0026#34;, \u0026#34;instruction_placement\u0026#34;: \u0026#34;label\u0026#34;, \u0026#34;hide_on_screen\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;active\u0026#34;: true, \u0026#34;description\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;show_in_rest\u0026#34;: 0, \u0026#34;acfe_display_title\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_autosync\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_form\u0026#34;: 0, \u0026#34;acfe_meta\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_note\u0026#34;: \u0026#34;\u0026#34; } ] PHP Software PHP-Storm https://www.jetbrains.com/de-de/phpstorm/\nShortcode zum Sprechen bringen https://developer.wordpress.org/reference/functions/add_shortcode/ In PhpStorm add_shortcode( string $tag, callable $callback )\nalle Termine listen, die https://www.advancedcustomfields.com/resources/orde-posts-by-custom-fields/\nPHP-Storm nutzt als External Library dann WordPress Plugin Unsere Funktion:\n/** *Plugin Name: relilab Termine */ add_shortcode(\u0026#39;termine\u0026#39;,\u0026#39;termineAusgeben\u0026#39;); function termineAusgeben( $atts ) { $posts = get_posts(array( \u0026#39;post_type\u0026#39;\t=\u0026gt; \u0026#39;post\u0026#39;, \u0026#39;posts_per_page\u0026#39;\t=\u0026gt; -1, \u0026#39;category\u0026#39; =\u0026gt; \u0026#39;termine\u0026#39;, \u0026#39;meta_key\u0026#39;\t=\u0026gt; \u0026#39;relilab_startdate\u0026#39;, \u0026#39;orderby\u0026#39;\t=\u0026gt; \u0026#39;meta_value\u0026#39;, \u0026#39;order\u0026#39;\t=\u0026gt; \u0026#39;DESC\u0026#39; )); // ob_start(); global $post; ?\u0026gt; \u0026lt;ul\u0026gt; \u0026lt;?php foreach ($posts as $post) { setup_postdata( $post ) ?\u0026gt; \u0026lt;li\u0026gt; \u0026lt;a href=\u0026#34;\u0026lt;?php the_permalink(); ?\u0026gt;\u0026#34;\u0026gt;\u0026lt;?php the_title(); ?\u0026gt; (date: \u0026lt;?php the_field(\u0026#39;relilab_startdate\u0026#39;); ?\u0026gt;)\u0026lt;/a\u0026gt; \u0026lt;/li\u0026gt; \u0026lt;?php } ?\u0026gt; \u0026lt;/ul\u0026gt; \u0026lt;?php wp_reset_postdata(); // return ob_get_clean(); } ","permalink":"http://localhost:1313/2021/11/17/wordpress-werkstatt.html/","summary":"\u003ch1 id=\"wordpress-werkstatt-php\"\u003eWordPress Werkstatt PHP\u003c/h1\u003e\n\u003cp\u003eZunächst wird auf relilab.org das kostenfreie \u003ca href=\"https://de.wordpress.org/plugins/advanced-custom-fields/\"\u003ePlugin ACF - Advanced Custom Fields\u003c/a\u003e installiert und aktiviert.\nDies ermöglicht weitere individuelle Beitragsfelder für die Beiträge.\nNun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels \u003ca href=\"#ACF-JSON-Export\"\u003edieser JSON-Datei\u003c/a\u003e, die das abkürzt:\n\u003cimg loading=\"lazy\" src=\"h01-json-import.png\" alt=\"\"  /\u003e\n\nmit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können:\n\u003cimg loading=\"lazy\" src=\"02-terminfelder.png\" alt=\"\"  /\u003e\n\nZudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen:\n\u003cimg loading=\"lazy\" src=\"03-kategorien.png\" alt=\"\"  /\u003e\n\nJetzt wird das \u003ca href=\"https://github.com/rpi-virtuell/relilab-termine\"\u003ePlugin relilab-termine\u003c/a\u003e installiert und aktiviert\nNun kann mittels Shortcode \u003ccode\u003e[relilab_termine]\u003c/code\u003e eine Terminübersicht als WordPress-Block erzeugt werden:\n\u003cimg loading=\"lazy\" src=\"04-termine-neu.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"WordPress Werkstatt PHP"},{"content":"VR - Virtual Reality Ausschreibung Torsten \u0026amp; Jörg Ausgehend vom Lernbaustein https://relilab.org/vr/ beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\nTheorie Immersion \u0026amp; Präsenz https://www.immersivelearning.institute/ https://omnia360.de/blog/was-ist-immersion/ https://en.wikipedia.org/wiki/Immersive_learning https://www.sciencedirect.com/science/article/pii/S0360131519303276\nForschung A Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence https://vhil.stanford.edu/360-video-database/\nhttps://www.researchgate.net/publication/335733502_Getting_your_game_on_Using_virtual_reality_to_improve_real_table_tennis_skills\n\u0026ldquo;Diese Studie ergänzt die spärliche, aber wachsende Literatur, indem sie den Transfer von Fertigkeiten aus der realen Welt durch Virtual Reality in einer sportlichen Aufgabe demonstriert.\u0026rdquo;\nhttps://mixed.de/vr-und-philosophie-youtuber-zeigt-ungewoehnliche-vr-apps/amp/ Der norwegische Forscher Joakim Vindenes unterhält einen Blog, Podcast und Youtube-Kanal, in denen er außergewöhnliche VR-Apps vorstellt und sich mit der philosophischen Dimension des Mediums auseinandersetzt.\nhttps://www.youtube.com/watch?v=VY5HaEhUm2Q A look at what it would be like to plug into an infinite VR experience machine.\nReligionen https://www.matrise.no/2019/06/hinduism-and-virtual-reality/\nhttps://www.matrise.no/2020/01/the-existential-problem-of-vr-existentialism/\nEmpathie https://www.youtube.com/watch?v=L6m79wqNiMA\u0026amp;feature=youtu.be\u0026amp;t=150\n\u0026ldquo;VR is a storytelling vehicle, but it\u0026rsquo;s an empathy vehicle.\u0026rdquo;\nTherapie Feeling Good during the COVID19 Epidemic Virtual Reality Can Help Us to Overcome the Psychological Burden of Coronavirus - https://www.covidfeelgood.com/home\nDie Verkörperung von Mitgefühl in der virtuellen Realität und ihre Auswirkungen auf Patienten mit Depressionen https://scitec-media.ch/2016/03/04/game-technologien-helfen-gegen-depressionen/ https://www.youtube.com/watch?v=GwxJVCESc-E https://www.cambridge.org/core/journals/bjpsych-open/article/embodying-selfcompassion-within-virtual-reality-and-its-effects-on-patients-with-depression/\nTheater https://www.brendanabradley.com/futurestages\nKörperlichkeit https://www.matrise.no/2018/07/virtual-embodiment/ https://www.matrise.no/2020/10/virtual-reality-depersonalization-derealization/\nPraxis Padlets [https://padlet.com/petiteprof79/xrinfo(https://padlet.com/petiteprof79/xrinfo)] XR-Info - Stephanie Wössner | CC BY-SA @petiteprof79 https://padlet.com/strsa/ar Augmented Reality (AR) \u0026amp; 360°, (VR) | Gestartet von Tobias Erles (@Mr_Airless) und Sabine Strauss (@Sallythechin) beim Barcamp #wildcampen18, erweitert bei #wildcampen19 zusammen mit Jan Hartwig (@hartifical) Artikel Virtual und Augmented Reality im Klassenraum? Ein Überblick bildungsrelevanter Angebote - Steffen Jauch am 16.10.2029 bei bpb Unterricht Eine Auswahl an Unterrichtsbeispielen mit Virtual Reality Szenarien von Stephanie Wössner @petiteprof79 Communities https://educatorsinvr.com/\nReligiöse Erfahrungsräume im Oculus Store Wander https://www.oculus.com/experiences/quest/2078376005587859/\nFilme [https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/(https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/)]\nIn Sidequest Vanishing Grace [https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo(https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo)]\nVanishing Grace ist eine emotionale Reise über die Opfer, die wir bringen müssen, um unseren Platz in der Welt einzunehmen.\nCubism [https://sidequestvr.com/app/403/cubism-demo(https://sidequestvr.com/app/403/cubism-demo)]\nDeism The virtual reality god simulator [https://sidequestvr.com/app/85/deisim(https://sidequestvr.com/app/85/deisim)]\nLiminal https://sidequestvr.com/app/1042/liminal Wählen Sie aus, wie Sie sich fühlen und was Sie leisten wollen: Ruhe, Energie, Schmerzlinderung und Ehrfurcht.\n3D-Modelle https://sketchfab.com/3d-models/abandoned-warehouse-interior-scene-1d5285f2e0fd4211a27c8042496d5959#\nCC BY-NC Medieval Church, Calatrava la Nueva, Spain Processed in Reality Capture from 76 Faro laser scans and 4100 photographs https://sketchfab.com/3d-models/medieval-church-calatrava-la-nueva-spain-171a047c08bc4dd588cca5ac744e8065\nAvatare Erfahrungswelten: 360 Grad Filme Kölner Dom in 360°: Privatkonzert | WDR Der Domchor gibt ein nächtliches Konzert – und der einzige Zuschauer bist du. Unter Leitung des Domkapellmeisters Professor Eberhard Metternich singt der Chor das Ave Maria von Franz Biebl in einer eher ungewöhnlichen Aufstellung. Und du stehst mittendrin. https://dom360.wdr.de/privatkonzert-bei-nacht/] INSIDE AUSCHWITZ - Das ehemalige Konzentrationslager in 360° | WDR Anne Frank VR https://www.annefrank.org/\nWithin [https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr(https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr)] [https://account.altvr.com/channels/VRChurch(https://account.altvr.com/channels/VRChurch)]\nProgrammierung Learn VR Development: Tips, tricks, and guides to develop VR and AR applications Reddit - Learn Virtual Reality Development Mozilla Hubs Dokumentation [https://hubs.mozilla.com/docs/welcome.html(https://hubs.mozilla.com/docs/welcome.html)] Vorlagen https://v3l.de/relilabvr (relilab-VR-Hub mit Videos, Bildern, \u0026hellip;)\n[https://hubs.mozilla.com/Av38AUU/detailed-tinted-room(https://hubs.mozilla.com/Av38AUU/detailed-tinted-room)] [https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome(https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome)]\nAvatare erstellen Mozilla Hubs - GLB Online Dienst - Readyplayer https://twitter.com/joerglohrer/status/1388023150626099201 [https://readyplayer.me/(https://readyplayer.me/)]\nBeispiel: (CC BY-NC-SA - Wolfprint 3D) https://d1a370nemizbjq.cloudfront.net/10b05c49-593a-4616-82e9-adcea09aa66c.glb\nHubs by Mozilla\nCreating Custom Avatars Advanced Avatar Customization http://tryquilt.io/]\nBlender files for AvatarBot Creating an Avatar using Hubs components in Blender\nOnline Editoren [https://modelviewer.dev/editor/(https://modelviewer.dev/editor/)]\nSoftware MakeHuman http://makehumancommunity.org/\nhttps://www.youtube.com/watch?v=kQjp5DYsR_c\u0026amp;t=86s\nTutorials Altspace / Blender / Unity http://edvschwab.de/Altspace/Kurz%20Doku%20Blender.pdf [http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf(http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf)]\nSidequest https://sidequestvr.com/ Installation: https://sidequestvr.com/setup-howto\nHow to put custom songs onto Beat Saber on Oculus Quest\nAframe https://codepen.io/joerglohrer/full/dyXQqWG https://aframe.io/ https://www.codecademy.com/learn/learn-a-frame VR development within VR with Oculus Quest + Firefox Reality + Glitch + https://rocketvirtual.com/index.html Where to begin with VR in a browser? https://www.reddit.com/r/WebVR/comments/equgdt/vr_development_within_vr_with_oculus_quest/\nhttps://aframe-model-viewer.glitch.me/\nhttps://klausw.github.io/a-frame-car-sample/index.html\nThreeJS https://threejs.org/ https://www.jesuisundev.com/en/understand-threejs/\nTour Creator Google \u0026ldquo;Starting June 30, 2021, the Google Expeditions and Tour Creator will no longer be accessible.\u0026rdquo;\nUnity https://unity.com/de/learn/get-started\nOptik Pupillendistanz (PD) messen - IPD (interpupillary distance) https://apps.apple.com/de/app/eyemeasure/id1417435049 Die kostenfreie App misst den Augenabstand auf 0,5 mm genau ab iPhoneX oder iPadPro Oder einfach mit Lineal: https://imgur.com/a/gyYKB\nOculus Quest Tutorials Deutsch https://twitter.com/StubeDie\nEnglisch Foren https://www.reddit.com/r/OculusQuest/ https://www.reddit.com/r/OculusQuest2/\nStreaming / Playthrough / Livecasting / OBS Oculus Quest Recording / Live Streaming Guide How to stream on Twitch: the ultimate guide\nFile Transfer 3 different ways https://www.youtube.com/watch?v=APbbuJF4Ma4 https://www.android.com/filetransfer/ Wie übertrage ich Bilder oder Videos von meinem Computer auf mein Oculus Quest 2 oder Quest?\nFacebook video downloader here - https://fbdown.net/\nBrillenträger Sehstärke-Linsen Einsätze https://mixed.de/vr-optiker-sehstaerke-linsen-test/\nhttps://vroptiker.de/sehstaerke-linsen-einsaetze/oculus-quest2/ https://widmovr.com/product/oculus-quest-2-prescription-lens-adapters/ Not to do Sonnenlicht in die Linse) Sonnenlicht kann durch die Linsen gebündelt werden und das Display beschödigen.\nLinsen reinigen Grips - Handhalterungen https://www.youtube.com/watch?v=_52xWr_R4uM\u0026amp;feature=youtu.be\u0026amp;t=388\nHeadstrap VIVE DELUXE AUDIO STRAP https://www.vive.com/de/accessory/vive-deluxe-audio-strap/\nFrankenQuest 2 https://uploadvr.com/frankenquest-2-quest-2/ Adapter zum 3D-Druck: https://www.thingiverse.com/thing:4622970 Variante mit Kabelklemme (oben oder unten): https://www.thingiverse.com/thing:4628600/files :::success Druck skaliert auf 101% ::: Install guide Remove the Quest 2 straps following this guide: https://www.youtube.com/watch?v=PejiYjR7_44\u0026amp;feature=youtu.be\u0026amp;t=110 Snap the DAS onto the adaptor (pushing the round front section in first like in the picture). Snap the adaptor onto Quest 2. Use the velcro loop to attach the head strap to the headset. Oculus Quest 2 Comfort Head Strap Mods!\n3DDruck Oculus Quest 2 Elite Strap_V2_NAVIDA DESIGN [https://www.thingiverse.com/thing:4630780/files(https://www.thingiverse.com/thing:4630780/files)] Oculus Link Cable Clip for Deluxe Audio Strap \u0026ldquo;DAS\u0026rdquo; https://www.thingiverse.com/thing:4666749\nÜberblick: https://www.youtube.com/watch?v=sUhMk19PVq4 https://www.youtube.com/watch?v=CN9fYlUGVtk\nLens Adaptor Für Brillen [https://www.thingiverse.com/thing:3653631(https://www.thingiverse.com/thing:3653631)] Für Linsen [https://www.thingiverse.com/thing:3642004(https://www.thingiverse.com/thing:3642004)]\nEsimen Upgrade K3\nBatterie https://www.androidcentral.com/best-oculus-quest-battery-pack\n","permalink":"http://localhost:1313/2021/08/15/virtual-reality.html/","summary":"\u003ch1 id=\"vr---virtual-reality\"\u003eVR - Virtual Reality\u003c/h1\u003e\n\u003ch1 id=\"ausschreibung-torsten--jörg\"\u003eAusschreibung Torsten \u0026amp; Jörg\u003c/h1\u003e\n\u003cp\u003eAusgehend vom Lernbaustein \u003ca href=\"https://relilab.org/vr/\"\u003ehttps://relilab.org/vr/\u003c/a\u003e beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\u003c/p\u003e\n\u003ch1 id=\"theorie\"\u003eTheorie\u003c/h1\u003e\n\u003ch2 id=\"immersion--präsenz\"\u003eImmersion \u0026amp; Präsenz\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://www.immersivelearning.institute/\"\u003ehttps://www.immersivelearning.institute/\u003c/a\u003e\n\u003ca href=\"https://omnia360.de/blog/was-ist-immersion/\"\u003ehttps://omnia360.de/blog/was-ist-immersion/\u003c/a\u003e\n\u003ca href=\"https://en.wikipedia.org/wiki/Immersive_learning\"\u003ehttps://en.wikipedia.org/wiki/Immersive_learning\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"01-immersion-wikipedia.jpg\" alt=\"\"  /\u003e\n\n\u003ca href=\"https://www.sciencedirect.com/science/article/pii/S0360131519303276\"\u003ehttps://www.sciencedirect.com/science/article/pii/S0360131519303276\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"forschung\"\u003eForschung\u003c/h2\u003e\n\u003cp\u003eA Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence\n\u003ca href=\"https://vhil.stanford.edu/360-video-database/\"\u003ehttps://vhil.stanford.edu/360-video-database/\u003c/a\u003e\u003c/p\u003e","title":"VR - Virtual Reality"},{"content":"Pflanzenschild mit QR-Code Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen: Dann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf: Mit dem Cura-Plugin Change Filament at Z den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll: Et voilà: ","permalink":"http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/","summary":"\u003ch1 id=\"pflanzenschild-mit-qr-code\"\u003ePflanzenschild mit QR-Code\u003c/h1\u003e\n\u003cp\u003eMit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen:\n\u003ca href=\"https://keremerkan.net/qr-code-and-2d-code-generator/\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf:\n\u003ca href=\"https://www.tinkercad.com/embed/dcnCyqLFX1P?editbtn=1\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eMit dem Cura-Plugin \u003ca href=\"https://www.thingiverse.com/thing:2077884/#files\"\u003eChange Filament at Z\u003c/a\u003e den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll:\n\u003cimg loading=\"lazy\" src=\"cura-plugin-change-filment-at-z.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEt voilà:\n\u003ca href=\"https://twitter.com/joerglohrer/status/1110580168035176449\"\u003e\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"qr-code-pflanzenschild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Pflanzenschild mit QR-Code"},{"content":"Lutherkürbis - Reformation an Halloween Das Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (Quelle: epd/imago)\nAus einer Fotovorlage der Lutherrose wird mit einem Online-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik erzeugt:\nLutherrose PDF-Vorlage\nBastel-Anleitung Einen Kürbis aufschneiden: entkernen und aushöhlen: Schablone aufbringen: Ausschneiden: Mit Kerze oder elektrischem Licht ausstatten: Fertig!\nDiese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\nWeitere Quellen How to Make a Paper Cut-Out Luther Rose YouTube | PDF ","permalink":"http://localhost:1313/2017/10/31/lutherkuerbis.html/","summary":"\u003ch1 id=\"lutherkürbis---reformation-an-halloween\"\u003eLutherkürbis - Reformation an Halloween\u003c/h1\u003e\n\u003cp\u003eDas Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (\u003ca href=\"https://www.t-online.de/leben/familie/id_65982142/lutherrose-entstehung-und-bedeutung.html\"\u003eQuelle: epd/imago\u003c/a\u003e)\u003c/p\u003e\n\u003cp\u003eAus einer \u003ca href=\"https://duckduckgo.com/?q=lutherrose\u0026amp;t=h_\u0026amp;iax=images\u0026amp;ia=images\"\u003eFotovorlage der Lutherrose\u003c/a\u003e wird mit einem \u003ca href=\"https://image.online-convert.com/convert-to-svg\"\u003eOnline-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik\u003c/a\u003e erzeugt:\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003e\u003cimg loading=\"lazy\" src=\"lutherrose.png\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003eLutherrose PDF-Vorlage\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"bastel-anleitung\"\u003eBastel-Anleitung\u003c/h2\u003e\n\u003cp\u003eEinen Kürbis aufschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-aufschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eentkernen und aushöhlen:\n\u003cimg loading=\"lazy\" src=\"kuerbis-entkernen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eSchablone aufbringen:\n\u003cimg loading=\"lazy\" src=\"schablone-aufbringen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eAusschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-ausschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eMit Kerze oder elektrischem Licht ausstatten:\n\u003cimg loading=\"lazy\" src=\"kuerbis-titelbild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eFertig!\u003c/p\u003e\n\u003cp\u003eDiese Idee inklusive der Schablone steht unter \u003ca href=\"https://creativecommons.org/publicdomain/zero/1.0/deed.de\"\u003eCC0-Lizenz\u003c/a\u003e. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\u003c/p\u003e","title":"Lutherkürbis - Reformation an Halloween"},{"content":"Das OctoPrint-Telegram-Plugin schafft eine Schnittstelle zwischen Telegram und OctoPrint. Hier die Anleitung auf Englisch: https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\nDas dauert eine Weile: Token eingeben: Heisst aber nicht, dass jetzt alles gleich klappt: Es müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden: ","permalink":"http://localhost:1313/2017/10/23/telegram-octopi.html/","summary":"\u003cp\u003eDas \u003ca href=\"http://plugins.octoprint.org/plugins/telegram/\"\u003eOctoPrint-Telegram-Plugin\u003c/a\u003e schafft eine Schnittstelle zwischen Telegram und OctoPrint.\nHier die Anleitung auf Englisch: \u003ca href=\"https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\"\u003ehttps://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDas dauert eine Weile:\n\u003cimg loading=\"lazy\" src=\"octopi1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eToken eingeben:\n\u003cimg loading=\"lazy\" src=\"octopi2.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eHeisst aber nicht, dass jetzt alles gleich klappt:\n\u003cimg loading=\"lazy\" src=\"octopi3.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEs müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden:\n\u003cimg loading=\"lazy\" src=\"octopi4.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Telegram Bot für Octopi"},{"content":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven Das Handbuch Jugend – Evangelische Perspektiven, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt. CC BY Jörg Lohrer\nErlebnispädagogik Ziele und Arbeitsformen Erlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\nErlebnispädagogik arbeitet mit Wahrnehmungs- und Vertrauensübungen, Kooperations- und Problemlösungsaufgaben, abenteuerlichen Aktionen, persönlichen Herausforderungen und Grenzerfahrungen. Angebote und Maßnahmen mit erlebnispädagogischem Charakter sind zum Beispiel Kanu- und Fahrrad-Touren, Kletteraktionen, kooperative Abenteuerspiele, Natursensibilisierung, Trekkingtouren, Nieder- und Hochseilparcours oder Geocaching.\nErlebnispädagogische Maßnahmen finden u.a. Anwendung im Bereich der Kooperation von Jugendverbandsarbeit und Schule, bei Klassenfahrten, der Präventionsarbeit, bei gruppendynamischen Prozessen, Mitarbeiterschulungen, der Entwicklung von Teamarbeit und in etlichen weiteren Praxisfeldern evangelischer Jugendbildung.\nMit den Arbeitsprinzipien Respekt, Selbstbestimmung, Vertrauen, Kooperation, Verantwortung und Ganzheitlichkeit korrespondiert die Erlebnispädagogik mit dem Profil der evangelischen Jugendarbeit. Ebenso liegen Chancen in einer Verknüpfung von erlebnispädagogischen Aktionen mit einer erfahrungsbezogenen Verkündigung. Erlebnispädagogische Maßnahmen werden als Jugendbildungsveranstaltungen gefördert, wenn sozial-ökologische Inhalte und/oder politisch-kulturelle Schwerpunktthemen mit gesellschaftlichem Bezug im Mittelpunkt der Maßnahme stehen.\nEntstehung, Prinzipien, Methoden Der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) nennt weit in die Vergangenheit zurück reichende Wurzeln der Erlebnispädagogik. Als wichtige Autoren, auf die das Konzept vom handlungsorientierten Lernen zurückgeführt wird, werden Platon (427–347 v.Chr.), Rousseau (1712–1778), Pestalozzi (1746–1827) und schließ- lich Kurt Hahn (1886–1974) als ‚Urvater‘ der Erlebnispädagogik genannt. Ihre heutige Vielfalt und weite Verbreitung hat die Erlebnispädagogik allerdings erst im 20. Jahrhundert und schließlich in den letzten Jahrzehnten entwickelt. Erlebnispädagogik wird nicht nur im Bereich der Erziehung von Kindern und Jugendlichen angewandt, sondern findet inzwischen auch vielfältige Beachtung in der Arbeit mit nahezu allen Altersgruppen zu unterschiedlichen Problem- und Zielstellungen in der präventiven Kurzzeitpädagogik, der intensiven sozialpädagogischen Einzelbetreuung, im Rahmen der beruflichen Fort und Weiterbildung oder in Führungskräftetrainings (vgl. www.bundesverband- erlebnispaedagogik.de).\nAls Grundprinzipien können unter anderem benannt werden: Handlungsorientierung, Ganzheitlichkeit, Eigenverantwortung, Freiwilligkeit, Sicherheit und Nachhaltig- keit. Dabei sind die pädagogischen, kompetenz- und ressourcenorientierten Angebote der Erlebnispädagogik stets eingebettet in die aktuelle Rechtsgrundlage und (Bildungs-) Politik.\nMethodische Aspekte sind z.B.: der hohe Stellenwert des Erlebnisses und das Arbeiten mit erlebnispädagogischen Lernszenarien, nicht-alltäglichen Herausforderungen und Wagnissen, Einsatz verschiedener Medien und der Natur als bevorzugtem Lern- und Erfahrungsraum. Neben einer zunehmende Gruppenselbststeuerung baut die Erlebnispädagogik auf Lern- und Wirkungsmodelle wie das Komfortzonenmodell, das metaphorische Modell, Aktions- und Reflexionswelle oder das FlowModell. Erlebnispädagogik hat als Lernszenariotechnik zwar eine eigene Strukturlogik, dient jedoch ebenso als Methode im nicht genuin erlebnispädagogischen Kontext und entwickelt somit Reichweite, Relevanz und pädagogische Innovationskraft in Konfirmandenarbeit, Religionsunterricht und Gemeindepädagogik.\nAktuelle Fragestellungen und Entwicklungsperspektiven: Qualität und Wirkung Als partizipatorisches Angebot setzt die Erlebnispädagogik auf das Prinzip der Freiwilligkeit und der selbstbestimmten Teilnahme. Unter dem Motto ‚challenge by choice‘ hat eine subjektorientierte Erlebnispädagogik stets zu gewährleisten, dass die Teilnehmenden den Grad ihrer Beteiligung und Verantwortungsübernahme selbst bestimmen können. Reiserechtliche Bestimmungen, Versicherung und Haftung sind daher aktuell handlungsleitendend bei der Erstellung von erlebnispädagogischen Angeboten und Konzeptionen. Hier gab es in den letzten Jahren zahlreiche Entwicklungen, die eine Qualitätssicherung der Mitarbeitendenbildung in Pädagogik und Sicherheitstechnik hinsichtlich geltender Kriterien voraussetzen und notwendig machen. Entsprechende Zusatzqualifikationen sollten daher immer mindestens durch die jeweiligen Fachsportverbände zertifizierbar sein. Mit dem Gütesiegel „Qualität erlebnispädagogischer Programme und Angebote – Mit Sicherheit pädagogisch!“ (beQ) hat der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) ein Zertifizierungsverfahren entwickelt, das ein bundeseinheitliches Qualitätsmanagement fördern will.\nDie Wirkungsforschung erlebnispädagogischer Lernarrangements untersucht deren Substanz, Akzeptanz und Nachhaltigkeit hinsichtlich ihrer Qualität von Konzept, Struktur, Prozess und Ergebnis. Studien konnten bislang Indizien für Impulse zur Kompetenzentwicklung nachweisen, die wissenschaftliche Evaluation gestaltet sich jedoch genauso komplex wie das Spektrum der erlebnispädagogischen Handlungsfelder und so fehlt es bislang an validen Studien, die das Wirkungspotenzial eindeutig beschreiben können.\nIm Kontext evangelischer Jugendbildung stellt sich bei der Verwendung erlebnispädagogischer Methoden immer auch die Frage nach einer Verknüpfung von christlichen Inhalten mit der handlungsorientierten Pädagogik. Die Assoziation von Natur und Schöpfung ist beispielsweise ebenso naheliegend wie die Reflexion von religiösen Erfahrungen in erlebnispädagogischen Lernsettings. Inwiefern sich dabei Unverfügbares inszenieren lässt, bleibt dabei ebenso eine Herausforderung, wie bei der oben beschriebenen Wirkungsforschung. In den vergangenen Jahren haben sich einige Konzepte zur Erprobung erlebnispädagogischer Methoden im christlichen Kontext entwickelt, die zunehmend auch theologisch und religionsdidaktisch reflektiert werden. Eine überregionale Organisation dieser Einzelinitiativen auf Bundesebene wäre der nächste Schritt hin zu einem evangelischen Profil erlebnispädagogischer Jugendbildungsarbeit.\nLiteratur Großer, Achim/Oberländer, Rainer/Lohrer, Jörg/Wiedmayer, Jörg (2005/2011): Sinn gesucht – Gott erfahren. Erlebnispädagogik im christlichen Kontext (Band 1 (2005)/Band 2 (2011)). Stuttgart: Buch und Musik. Heckmair, Bernd/Michl, Werner (2008): Erleben und Lernen. Einführung in die Erlebnispädagogik. München: Reinhardt. Reiners, Annette (2007): Praktische Erlebnispädagogik. Augsburg: ZIEL. Pum, Viktoria/Pirner, Manfred L./Lohrer, Jörg (Hrsg.) (2011): Erlebnispädagogik im christlichen Kontext. Dokumentation einer Tagung der Evangelischen Akademie Bad Boll, 2. bis 4. März 2009. Bad Boll: Evangelische Akademie.\nLinks Bundesverband Individual- und Erlebnispädagogik e.V. (BE): https://www.bundesverband-erlebnispaedagogik.de/ Fachportal für Erlebnispädagogik im christlichen Kontext des Evangelischen Jugendwerks in Württemberg: https://www.ejwue.de/arbeitsbereiche/erlebnispaedagogik/ Informationsdienst Erlebnispädagogik mit Literaturliste: http://erlebnispaedagogik.de/ Bundesweite Klassenfahrten, Aus- und Weiterbildungsangebote der Gesellschaft zur Förderung der Erlebnispädagogik (GFE): https://www.erlebnistage.de/ ","permalink":"http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/","summary":"\u003ch1 id=\"erlebnispädagogik-im-handbuch-jugend--evangelische-perspektiven\"\u003eErlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven\u003c/h1\u003e\n\u003cp\u003eDas\n\u003ca href=\"http://ci-muenster.de/bookshop/artikel/buecher/Bildung-im-Kindes-und-Jugendalter/A40097_Handbuch_Jugend_2013.php\"\u003e\u003cimg loading=\"lazy\" src=\"http://ws.assoc-amazon.de/widgets/q?_encoding=UTF8\u0026amp;ASIN=3847400746\u0026amp;Format=_SL160_\u0026amp;ID=AsinImage\u0026amp;MarketPlace=DE\u0026amp;ServiceVersion=20070822\u0026amp;WS=1\u0026amp;tag=httpwwwjoergl-21\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003cstrong\u003eHandbuch Jugend – Evangelische Perspektiven\u003c/strong\u003e, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt.\n\u003ca href=\"http://creativecommons.org/licenses/by/2.0/de/\"\u003eCC BY\u003c/a\u003e Jörg Lohrer\u003c/p\u003e\n\u003ch2 id=\"erlebnispädagogik\"\u003eErlebnispädagogik\u003c/h2\u003e\n\u003ch3 id=\"ziele-und-arbeitsformen\"\u003eZiele und Arbeitsformen\u003c/h3\u003e\n\u003cp\u003eErlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\u003c/p\u003e","title":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven"},{"content":"Premium, Freemium, Mium mium mium Wer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\nNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\n![](my-very-hungry-caterpillar.jpg =240x) Foto: 365.79 My very hungry caterpillar - Relly Annett-Baker CC BY-NC-SA\nWo früher noch für ein Produkt bezahlt wurde, wird morgen ein Vorgang monetarisiert werden müssen. Übergangslösungen sind bezahlte Dienstleitungen, Werbeeinblendungen, Freischaltcodes, digitales Rechtemanagement oder Crowdfunding. Insgesamt zeigt sich zugleich, dass Geld immer weniger einen materialisierbaren Gegenwert erhält und sich somit eventuell die Substanz der Währung allmählich aufzulösen beginnt. Doch genausowenig wie man Geld essen kann, wird man von Bildung satt. Die Frage, die sich stellt, ist also keine geringere als die nach einer Kalibrierung der Geldfunktionen. Gegenseitige Anerkennung, Verlässlichkeit und Loyalität, Kooperation und Ideenreichtum, Unterstützung und Feedback sind im Rahmen eines offenen Online-Kurses ohnehin unbezahlbar und treten verblüffenderweise da am stärksten auf, wo kein Geldtransfer im Spiel ist. Das zeigt einmal mehr, dass man sich die besten Dinge im Leben mit Geld eben gerade nicht kaufen kann. Doch satt bin ich noch immer nicht.\n","permalink":"http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/","summary":"\u003ch1 id=\"premium-freemium-mium-mium-mium\"\u003ePremium, Freemium, Mium mium mium\u003c/h1\u003e\n\u003cp\u003eWer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\u003c/p\u003e\n\u003cp\u003eNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\u003c/p\u003e","title":"Premium, Freemium, Mium mium mium"},{"content":"Impressum Angaben gemäß § 5 TMG\nVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com\nHaftungsausschluss: Haftung für Inhalte Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\nHaftung für Links Mein Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.\nUrheberrecht Die durch den Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen jedoch nicht der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind sowohl für den privaten, als auch für den kommerziellen Gebrauch unter Namensnennung und der Creative Commons Lizenz CC BY-SA gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Solltest Du trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.\nDatenschutz Die Nutzung meiner Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf meiner Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Deine ausdrückliche Zustimmung nicht an Dritte weitergegeben. Ich weise darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.\n","permalink":"http://localhost:1313/impressum/","summary":"\u003ch1 id=\"impressum\"\u003eImpressum\u003c/h1\u003e\n\u003cp\u003eAngaben gemäß § 5 TMG\u003c/p\u003e\n\u003cp\u003eVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: \u003ca href=\"mailto:info.empeiria@gmail.com\"\u003einfo.empeiria@gmail.com\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"haftungsausschluss\"\u003eHaftungsausschluss:\u003c/h2\u003e\n\u003ch3 id=\"haftung-für-inhalte\"\u003eHaftung für Inhalte\u003c/h3\u003e\n\u003cp\u003eDie Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\u003c/p\u003e","title":"Impressum"},{"content":"#KIBedenken - Bewusstsein Den für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen Yuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube:\nIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\nIch denke, hier wird eine Spur gelegt, die sich unterscheidet von der reinen Funktion von KI zur intelligenten Verbesserung und Unterstützung von Lernprozessen oder vielfältigem Kompetenzerwerb hin zur Selbstreflexion der Lernenden. Auch im Blick auf (religionsbezogene) Bildung kennen wir den Mensch nicht nur biologisch, wie die Würmer und Affen sondern auch ausgestattet mit Würde, Entscheidungsfreiheit und als Beziehungswesen, das auf ein Gegenüber ausgerichtet sein kann und, wie Harari sagt, nicht im selben Team wie die Computer spielt. Sinn, Seele und Verstand erhalten wir weder aus uns selbst heraus noch von einer wie auch immer gearteten Intelligenz. Liebe, Gnade, Hoffnung, Frieden, Gemeinschaft, Trost, Zuversicht und viele weiteren lebensbedeutsame Erfahrungen gewinnen im Angesicht von Maschinen aus meiner Sicht an elementarer Bedeutung.\nDies ist ein Beitrag zur Blogparade #KIBedenken von Joscha Falck und Nele Hirsch\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/","summary":"\u003ch1 id=\"kibedenken---bewusstsein\"\u003e#KIBedenken - Bewusstsein\u003c/h1\u003e\n\u003cp\u003eDen für mich derzeit wichtigsten Impuls über KI nachzudenken lieferte vor einigen Wochen \u003ca href=\"https://youtu.be/XmhLmZwc2es?si=AOomz4ygJI35j-o8\u0026amp;t=4502\"\u003eYuval Noah Harari an der University of Cambridge am Ende eines Podiumsgesprächs hier ab 1:15 h auf youtube\u003c/a\u003e:\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003eIch denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskussion stellen. Es gibt eine riesige, riesige Verwirrung in der Terminologie, auch in der Welt der KI, zwischen Bewusstsein und Intelligenz. Aber es sind zwei verschiedene Dinge. Intelligenz ist die Fähigkeit, Probleme zu lösen und Ziele zu erreichen. Bewusstsein ist die Fähigkeit, Dinge zu fühlen, wie Schmerz oder Freude oder Liebe oder Hass. Wir neigen dazu, die beiden zu verwechseln, weil bei Menschen und auch bei anderen Säugetieren, Vögeln und anderen Tieren Bewusstsein und Intelligenz zusammengehören. Wir lösen Probleme durch unsere Gefühle. Computer waren bisher sehr anders. Sie sind in einigen Bereichen bereits intelligenter als wir, haben aber, soweit wir wissen, kein Bewusstsein. Soweit wir wissen, können sie überhaupt keinen Schmerz, keine Freude, keine Liebe oder keinen Hass empfinden. Niemand weiß, was in Zukunft passieren wird. Es gibt Modelle und Theorien, die argumentieren, dass KIs irgendwann auch bewusst oder empfindsam werden. Sie werden anfangen, Dinge zu fühlen. Sie werden anfangen, Schmerz oder Liebe oder Hass zu empfinden. Es gibt andere Modelle und Theorien, die sagen, nein. Sie könnten weit intelligenter werden als wir und immer noch null Bewusstsein haben. Das kann in der Evolution des Lebens sein. Wenn man darüber nachdenkt, die lange Entwicklung von Milliarden von Jahren der Evolution. Die Entwicklung der Intelligenz ist im Falle von Tieren wie uns und Schimpansen und Hunden und Schweinen und so weiter durch die Entwicklung des Bewusstseins verlaufen. Aber das ist kein universelles Gesetz der Evolution der Intelligenz. Vielleicht gibt es alternative Wege, die zu Superintelligenz ohne jegliches Bewusstsein führen. Einfach einen anderen, einen fremden Weg gehen. Und wir könnten an einen Punkt gelangen, an dem sie superintelligent sind und trotzdem null Bewusstsein haben. Und die Gefahr besteht dann darin, dass sie nicht nur die menschliche Zivilisation zerstören könnten, sondern das ganze Licht des Bewusstseins, um das gesamte ökologische System nach ihren Bedürfnissen umzugestalten, wofür sie kein Bewusstsein brauchen. Sie funktionieren auf eine völlig andere Weise. Sie könnten sich sogar von der Erde auf andere Planeten, auf andere Galaxien ausbreiten. Sie werden das Universum mit Intelligenz füllen, aber es wird ein völlig dunkles Universum ohne Bewusstsein sein. Wieder hohe Intelligenz, fähig, Raumschiffe zu bauen, die mit Lichtgeschwindigkeit fliegen und was auch immer, aber es gibt null Gefühl. Niemand, keine Entität fühlt Schmerz oder Freude, Liebe oder Hass. Für mich ist das ein schreckliches Szenario. Das schlimmste Szenario von allen ist dies. Dass wir ein Universum voller Intelligenz und völlig ohne Bewusstsein haben werden, denn ich denke, dass von den beiden das Bewusstsein weitaus wichtiger, weitaus wertvoller ist. Und es ist eine gute Erinnerung daran, dass wir das zumindest heute mit vielen anderen Tieren teilen, aber nicht mit den Computern, nicht mit den KIs. Wir sind also immer noch im selben Team wie die Würmer und die Affen, nicht im selben Team wie die Computer.\u003c/p\u003e","title":"KIBedenken - Bewusstsein"},{"content":"Eine Session-Idee auf dem #OERcamp 24 in Hamburg Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\nIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\nBottomUp MarkDown: Verwahren \u0026amp; Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! Austausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/03/05/bottomup-markdown.html/","summary":"\u003ch2 id=\"eine-session-idee-auf-dem-oercamp-24-in-hamburg\"\u003eEine Session-Idee auf dem #OERcamp 24 in Hamburg\u003c/h2\u003e\n\u003cp\u003eEntfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!\u003c/p\u003e\n\u003cp\u003eIn dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!\u003c/p\u003e\n\u003ch2 id=\"bottomup-markdown\"\u003eBottomUp MarkDown:\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eVerwahren \u0026amp; Vervielfältigen\u003c/strong\u003e: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerwenden\u003c/strong\u003e: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerarbeiten\u003c/strong\u003e: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVermischen\u003c/strong\u003e: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVerbreiten\u003c/strong\u003e: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"in-dieser-session\"\u003eIn dieser Session:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eEntfessele die Markdown-Mania\u003c/strong\u003e: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eGestalte deine Inhalte mit Superkräften\u003c/strong\u003e: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eVeröffentliche deine OER im Internet\u003c/strong\u003e: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eWerde Teil der OER-Community\u003c/strong\u003e: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown!\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bottomup-markdown.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"BottomUp -\u003e MarkDown - 5V-Power für deine OER!"},{"content":"Offenheit - das Wesentliche 1. Einleitung: Persönliche Reflexion über Offenheit Wenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt. Dashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\nMeine bisherigen Erfahrungen mit Offenheit haben mich gelehrt, dass es viel mehr ist als nur ein offenes Ohr für andere zu haben oder neue Ideen willkommen zu heißen. Es geht darum, mich selbst für neue Erfahrungen, Veränderungen und unterschiedliche Perspektiven zu öffnen. Ich habe gelernt, dass Offenheit eine Haltung ist, die Mut erfordert – den Mut, sich dem Unbekannten zu stellen, Veränderungen zu akzeptieren und manchmal auch das Risiko einzugehen, verletzlich zu sein.\nFür das kommende Jahr möchte ich mich noch stärker auf das Wesen der Offenheit konzentrieren. Ich habe erkannt, dass Offenheit nicht nur ein Weg ist, mein Leben zu bereichern, sondern auch ein Mittel, um effektiver zu kommunizieren, tiefere Beziehungen aufzubauen und eine bereichernde Arbeitsumgebung zu schaffen. Offenheit soll in meinem Alltag zur Grundlage meiner Entscheidungen und Interaktionen werden.\nDies bedeutet, dass ich bewusst Raum schaffen möchte für das Zuhören und Verstehen anderer Meinungen, auch wenn sie von meinen eigenen abweichen. Es bedeutet auch, mich neuen Herausforderungen und Möglichkeiten zu stellen, ohne von vornherein eine defensive Haltung einzunehmen. In beruflicher Hinsicht möchte ich offener für kreative und innovative Ansätze sein, die über herkömmliche Methoden hinausgehen, und ich strebe danach, Offenheit als ein Schlüsselelement in meiner Arbeitskultur zu etablieren.\nMeine Neujahrsvorsätze für 2024 drehen sich also darum, Offenheit in meinem Denken und Handeln zu kultivieren. Ich möchte lernen, flexibler zu sein, meine Komfortzone zu erweitern und mich aktiv auf das Unbekannte einzulassen. Durch diese Reise erhoffe ich mir, nicht nur persönlich zu wachsen, sondern auch positiv auf die Menschen um mich herum einzuwirken. Offenheit ist für mich das Schlüsselwort für 2024 – ein Jahr, in dem ich mich auf das Wesentliche konzentrieren und neue Wege des Lernens und der Gemeinschaft erkunden möchte.\n2. Offenheit in meinem Alltag: Eine neue Perspektive In meinem Streben nach Offenheit im neuen Jahr möchte ich diese nicht nur als abstraktes Konzept verstehen, sondern sie konkret in meinen Alltag integrieren. Offenheit in meiner täglichen Kommunikation und in meinen Beziehungen soll zu einem zentralen Fokus werden.\nErstens plane ich, in meinen beruflichen Beziehungen geschlossene Systemen zu überwinden. Dies bedeutet für mich, mich aktiv um eine Kultur der Offenheit und Transparenz zu bemühen. Ich möchte die Silo-Mentalität abbauen, die in vielen Organisationen vorherrscht, und stattdessen eine Umgebung schaffen, in der Wissen und Informationen frei geteilt werden. Durch das Überwinden geschlossener Systeme erhoffe ich mir, ein integratives und kollaboratives Arbeitsumfeld zu fördern, in dem Ideen und Innovationen gedeihen können. Das bedeutet Social-Media-Walls und geschlossene Plattformen (sowie meine 23.461 Tweets) hinter mir zu lassen und offene, dezentrale Anschlussmöglichkeiten zu erlernen um Offenheit auch substantiell und nachhaltig zu ermöglichen.\nEin weiterer Aspekt meiner Alltags-Offenheit bezieht sich auf meine persönliche Entwicklung. Ich möchte mich neuen Erfahrungen und Herausforderungen stellen, die mich aus meiner Komfortzone herausholen. Das kann bedeuten, Permakultur auszuprobieren, mich wieder musikalisch zu betätigen oder meine Kompetenzen online zu erweitern. Diese Schritte sollen nicht nur zur Selbstentfaltung beitragen, sondern auch meine Fähigkeit stärken, mit Veränderungen und Unsicherheiten umzugehen.\nSchließlich erkenne ich, dass Offenheit auch bedeutet, sich selbst gegenüber ehrlich zu sein. Es geht darum, meine eigenen Gefühle, Ängste und Hoffnungen anzuerkennen und sie nicht zu unterdrücken. Indem ich mir meiner eigenen inneren Welt bewusst werde, kann ich authentischer mit anderen interagieren und eine tiefere Selbstkenntnis entwickeln, die mich dann hoffentlich auch anschlussfähiger macht. Also mehr Offenheit in Arbeit und freiZEIT\nDurch diese konkreten Schritte hoffe ich, Offenheit zu einem integralen Bestandteil meines täglichen Lebens zu machen. Ich bin überzeugt, dass dies nicht nur mein persönliches Wachstum fördern, sondern auch meine Beziehungen zu anderen bereichern wird. Offen zu sein bedeutet für mich, aktiv und bewusst zu leben, immer bereit, neue Perspektiven zu erkunden und das Leben in all seinen Facetten zu umarmen. Indem ich Offenheit in meinen Alltag integriere, öffne ich die Tür zu einer Welt voller neuer Möglichkeiten, Lernerfahrungen und tiefgreifender Verbindungen.\n3. Offenheit in Bildung und Lernen: Ein lebenslanger Prozess In meinem Streben nach Offenheit im Jahr 2024 möchte ich mich besonders auf den Bereich der Bildung und des Lernens in offenen Communities konzentrieren. Offene Bildungsressourcen (OER) bieten eine wunderbare Gelegenheit, sich kontinuierlich weiterzuentwickeln und zu lernen. Meine Beteiligung an OER ist nicht nur ein berufliches Engagement, sondern auch ein persönliches Anliegen, das meine Leidenschaft für lebenslanges Lernen widerspiegelt.\nIch sehe OER als eine Möglichkeit, Bildung zugänglicher und inklusiver zu gestalten. Durch meine Beteiligung an Projekten und Initiativen, die OER-Communities fördern, möchte ich dazu beitragen, Wissen frei verfügbar zu machen und Lernmöglichkeiten für Menschen aus unterschiedlichen Hintergründen zu schaffen. Dies beinhaltet auch die Förderung von Netzwerkknoten und Gemeinschaften, die offene Bildungsressourcen unterstützen und entwickeln.\nEin weiterer Schwerpunkt für mich ist die kontinuierliche eigene Weiterbildung durch OER. Ich plane, Online-Kurse, Webinare und andere offene Bildungsangebote zu nutzen, um meine Fähigkeiten und mein Wissen zu erweitern. Dieses Engagement für das lebenslange Lernen ist ein Kernaspekt meiner persönlichen und beruflichen Entwicklung.\nIch möchte auch mein Netzwerk aus Gleichgesinnten erweitern, die den Wert offener Bildung erkennen und fördern, wie beispielsweise im Bündnis Freie Bildung. Durch den Austausch mit anderen, die in diesem Bereich aktiv sind, kann ich neue Ideen und Perspektiven gewinnen und gleichzeitig meine eigenen Erfahrungen teilen. Dieser Austausch wird mir helfen, meine Rolle in der OER-Community zu stärken und effektiver zur Weiterentwicklung von offenen Bildungsressourcen beizutragen.\nSchließlich sehe ich Offenheit in der Bildung als einen Weg, um kritisch zu denken und kreative Lösungen für Herausforderungen zu finden. Offene Bildungsressourcen ermutigen mich, über traditionelle Lernmethoden hinauszugehen und innovative Ansätze in meinem Lernprozess zu erkunden.\n4. Qualitätssicherung und Standardisierung in OER Mein Engagement für Offenheit im Bildungsbereich im Jahr 2024 beinhaltet auch einen starken Fokus auf die Qualitätssicherung und Standardisierung von Offenen Bildungsressourcen (OER). Mir ist bewusst, dass die Qualitätssicherung eine der größten Herausforderungen im Umgang mit OER darstellt, da es oft an standardisierten Bewertungskriterien fehlt.\nUm die Qualität von OER zu gewährleisten, plane ich, mich aktiv an der Entwicklung und Anwendung von Qualitätsstandards zu beteiligen. Dies könnte die Mitarbeit in Gremien oder Initiativen umfassen, die sich mit der Erstellung von Richtlinien und Best Practices für OER beschäftigen und beispielsweise auch eine intensivere Zusammenarbeit mit WirLernenOnline - Freie Bildung zum Mitmachen. Ich möchte sicherstellen, dass die mit mir gemeinschaftlich genutzten oder erstellten Ressourcen nicht nur frei zugänglich, sondern auch von hoher Qualität, wiederauffindbar und nachhaltig zugänglich sind.\nEin weiterer Schritt in Richtung Qualitätssicherung ist die Teilnahme am Veranstaltungen wie dem OERcamp, um mein Wissen über die besten Methoden zur Erstellung und Bewertung von OER zu vertiefen. Durch das Erlernen von Techniken zur effektiven Überprüfung und Bewertung von Bildungsmaterialien kann ich zur Verbesserung der Qualität der Ressourcen, mit denen ich arbeite, beitragen.\nDarüber hinaus möchte ich mich für die Förderung einer Kultur der kontinuierlichen Verbesserung und des Feedbacks innerhalb der OER-Community einsetzen. Dies bedeutet, offene Diskussionen über die Qualität von Ressourcen zu fördern und Plattformen, wie beispielsweise rpi-virtuell, dem relilab oder die ZUM für Peer-Reviews und Nutzerfeedback zu nutzen. Ich glaube, dass eine solche Kultur nicht nur die Qualität der Ressourcen verbessert, sondern auch das Bewusstsein und das Engagement der Community für hohe Standards stärkt.\nInsgesamt sehe ich die Qualitätssicherung und Standardisierung in OER als wesentliche Elemente meiner Bemühungen um Offenheit im Bildungsbereich. Durch die Fokussierung auf diese Aspekte hoffe ich, nicht nur zu meiner persönlichen Entwicklung beizutragen, sondern auch die Effektivität und Glaubwürdigkeit von OER als Werkzeug für lebenslanges Lernen zu stärken.\n5. Die Rolle der Technologie: Ermöglicher von Offenheit In meinem Bestreben, Offenheit in meinem Leben im Jahr 2024 zu fördern, erkenne ich die entscheidende Rolle, die Technologie dabei spielt. Ich sehe Technologie als einen wesentlichen Ermöglicher an, der es mir ermöglicht, Offenheit in verschiedenen Bereichen meines Lebens zu integrieren und zu erweitern.\nEiner der Hauptaspekte, in denen ich Technologie nutzen möchte, ist die Verbesserung meiner Zugänglichkeit und Teilnahme an offenen Bildungsressourcen und Plattformen. Dies umfasst die Nutzung digitaler Plattformen für OER, die es mir und anderen ermöglichen, auf eine Vielzahl von Bildungsmaterialien zuzugreifen und diese mit anderen zu teilen. Ich plane, diese Tools zu nutzen, um mein Wissen zu erweitern und gleichzeitig zur Gemeinschaft beizutragen, indem ich eigene Inhalte erstelle und offen teile. Nicht nur die dezentrale offene Bereitstellung, freie Lizenzen und offene Schnittstellen scheinen mir hier wichtig sondern auch die Offenheit der Gemeinschaft und die zugrundeliegenden Open-Source-Technologien, die uns zusammenbringen und zusammenhalten.\nDarüber hinaus möchte ich moderne Kommunikationstechnologien nutzen, um meine Beziehungen sowohl im persönlichen als auch im beruflichen Bereich zu stärken. Dies beinhaltet die Nutzung von sozialen Medien auf Basis des offenen Fediverse joerglohrer@reliverse.social, die Messaging App Element auf der Basis des offenen Matrix-Protokolls @joerglohrer:rpi-virtuell.de, und Publikationsmöglichkeiten über das offene ActivityPub Protokoll, das beispielsweise auch in WordPress integriert ist. Durch diese Technologien kann ich meine Netzwerke pflegen und erweitern, während ich gleichzeitig offen für neue Perspektiven und Möglichkeiten bleibe.\n\u0026ldquo;Lassen Sie uns im Fediversum bloggen und podcasten und schreiben und filmen, als ob unser Leben davon abhinge. Denn unser demokratisches Leben hängt davon ab! (Michael Blume - Nur noch das Fediversum kann uns retten)\nEin weiterer Bereich, in dem ich Technologie als Ermöglicher von Offenheit sehe, ist die persönliche Organisation und Produktivität. Die Nutzung digitaler Tools wie Kalender-Apps, Aufgabenmanager und Cloud-Speicher in einer Open source Kollaborationslösung wie der Nextcloud erleichtert es mir, organisiert zu bleiben und meinen Alltag effizient zu gestalten. Offenere Hardwarelösungen, die sich daran anbinden lassen mit z.B. einem FairPhone für die mobile Arbeit soll mir ermöglichen offener und flexibler zu sein, indem sie mir erlauben, meine Zeit und Ressourcen besser zu verwalten und unabhängiger von lizenzierten und geschlossenen Systemen zu werden.\nSchließlich sehe ich in den noch kommenden technischen Entwicklungen ebenfalls großes Potenzial, Offenheit in noch nie dagewesener Weise zu fördern. Ich bin gespannt darauf, wie neue Technologien wie Künstliche Intelligenz, erweiterte Realität und Big Data genutzt werden können, um Bildung, Arbeit und persönliche Entwicklung zu revolutionieren. Ich plane, nicht nur offen für das Erlernen und die Anwendung dieser Technologien zu sein, sondern in offenen Lernszenarien auch an der gemeinschaftlichen Entwicklung zu partizipieren, beispielsweise im Forum Offene KI in der Bildung der Wikimedia.\n6. Ausblick: Aufbau einer Community of Trust durch Offenheit Während ich also einen Ausblick auf das Jahr 2024 wage, sehe ich den Aufbau und die Pflege einer „Community of Trust“ – einer Gemeinschaft, die auf Vertrauen basiert – als zentrales Ziel meiner Bemühungen um Offenheit an. Eine solche Gemeinschaft zeichnet sich durch gegenseitigen Respekt, Transparenz und Unterstützung aus und bildet die Grundlage für nachhaltige und bedeutungsvolle Beziehungen sowohl im beruflichen als auch im privaten Bereich.\nKontakte und Vernetzung: Aktives Networking: Ich plane, mein Netzwerk aktiv zu erweitern, indem ich mich an Gemeinschaften und Gruppen beteilige, die ähnliche Werte teilen. Dies kann durch Teilnahme an Konferenzen, Workshops und Online-Foren geschehen, wo ich Gleichgesinnte treffen und mich mit ihnen austauschen kann.\nKultur der Digitalität: Ich beabsichtige, digitale Technologien und soziale Medien zu nutzen, um mein Netzwerk zu erweitern und zu pflegen. Dies ermöglicht es mir, mit Menschen aus verschiedenen Teilen der Welt in Kontakt zu treten und Ideen und Erfahrungen auszutauschen.\nKollaborative Projekte: Durch die Arbeit an gemeinsamen Projekten, die Offenheit und Kreativität fördern, kann ich enge Beziehungen zu anderen aufbauen und gleichzeitig zur Gemeinschaft beitragen.\nCommunity of Trust: Vertrauensfördernde Maßnahmen: Um eine Atmosphäre des Vertrauens zu schaffen, möchte ich offene Kommunikation und transparente Praktiken in allen meinen Interaktionen anwenden. Dies beinhaltet das Teilen von Wissen und Erfahrungen sowie das Zulassen von Verletzlichkeit und Echtheit in meinen Beziehungen.\nGegenseitige Unterstützung: Eine Community of Trust basiert auf gegenseitiger Unterstützung und Ermutigung. Ich plane, anderen aktiv zu helfen und Unterstützung anzubieten, wo immer es möglich ist, und hoffe, dass dies zu einer Kultur der Zusammenarbeit und des Teilens beiträgt.\nLangfristige Beziehungen: Mein Ziel ist es, langfristige Beziehungen aufzubauen, die auf gemeinsamen Werten und gegenseitigem Vertrauen basieren. Diese Beziehungen werden nicht nur mein persönliches Wachstum fördern, sondern auch dazu beitragen, eine stärkere und widerstandsfähigere Gemeinschaft zu schaffen.\nAbschließend ist mein Ausblick für das Jahr 2024 und darüber hinaus, eine Community of Trust zu kultivieren, die sich durch gegenseitigen Respekt und eine gemeinsame Vision für Offenheit auszeichnet. Ich glaube, dass durch die Entwicklung einer solchen Gemeinschaft nicht nur persönliche und berufliche Beziehungen gestärkt werden, sondern auch ein Umfeld entsteht, in dem Innovation und Kreativität gedeihen können. Der Schlüssel dazu liegt in der aktiven Pflege von Beziehungen, dem Engagement für transparente Kommunikation und der Bereitschaft, sich auf andere einzulassen und von ihnen zu lernen.\nDies ist ein Beitrag zu Teil 1 \u0026ldquo;Mein (schulisches) Motto für 2024\u0026rdquo; der EduBlogparade\nBeitragsbild Public Domain CC0 Midjourney Prompt: \u0026ldquo;A Community of Trust based on Openness, silhouettes of people of all genders and ages that merge into each other and overlap, watercolors \u0026ndash;v 6.0 \u0026ndash;seed 1235164279\u0026rdquo;\nAustausch und Diskussion zu diesem Beitrag offen und dezentral hier auf Mastodon im Fediverse geschlossen und plattformgebunden hier auf bluesky hier in Threads hier in Linkedin ","permalink":"http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/","summary":"\u003ch1 id=\"offenheit---das-wesentliche\"\u003eOffenheit - das Wesentliche\u003c/h1\u003e\n\u003ch3 id=\"1-einleitung-persönliche-reflexion-über-offenheit\"\u003e1. Einleitung: Persönliche Reflexion über Offenheit\u003c/h3\u003e\n\u003cp\u003eWenn ich auf das Jahr 2023 zurückblicke, gewinne ich den Eindruck, dass das Wesentliche in meinem Berufs- und Privatleben in den Verbindungen mit anderen Menschen liegt.\nDashalb ist die Offenheit für Andere, mit und an denen ich lerne nicht nur ein abstraktes Ideal oder eine berufliche Anforderung, sondern ein wesentlicher Bestandteil meiner täglichen Existenz. Dieses Bewusstsein hat mich dazu inspiriert, meine Neujahrsvorsätze für 2024 um das Thema Offenheit herum zu gestalten.\u003c/p\u003e","title":"Offenheit - das Wesentliche"},{"content":"Eine Sammlung von Liedern für den Religionsunterricht ist auf Instagram in Zusammenarbeit von @relimomente @ezpz.lemon.sqz und @colibri260 entstanden und wurde zunächst hier auf TaskCards veröffentlicht.\nWeil TaskCards weder exportiert noch importiert werden können, es nur 2 kostenfreie gibt und somit kein #OER damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man das Ganze in Wordpress umsetzen kann:\nhttps://blogs.rpi-virtuell.de/rulieder Als Bonus sind\neinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch sein, Lebensweg, Liebe / Beziehung, Gemeinschaft, Belastungen, Hoffnung / Gerechtigkeit / Frieden, Wunder, Schöpfung, Die Frage nach Gott, Tod / Jenseitsvorstellungen, Biblische Geschichten, Songs zum Kirchenjahr Es gibt eine Übersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten. Und man kann weitere Lieder einreichen Alles was es dazu braucht ist: 1. \u0026ldquo;horizontales Scrollen\u0026rdquo; einfach umsetzbar mit verschiedenen WordPress-Plugins. Hier wurde der \u0026ldquo;horizontal Scroller\u0026rdquo; von Stackable benutzt.\n2. Spalten als \u0026ldquo;posts block\u0026rdquo; Es gibt wieder eine Vielzahl von WordPress-Blöcken, die Beiträge (posts) nach Kategorien sortiert in Spalten anzeigbar machen. Hier wurde \u0026ldquo;posts block\u0026rdquo; wiederum von Stackable benutzt. Sortieren der Beiträge in den Spalten Um die Beiträge nicht nach Erstellungsdatum sondern individuell in ihren Kategorien zu sortieren gibt es das Plugin \u0026ldquo;Intuitive Custom Post Order\u0026rdquo;, dass dies per Drag\u0026amp;Drop ermöglicht. blogs.rpi-virtuell.de Die Blogs von rpi-virtuell haben alle hier beschriebenen Plugins schon vorinstalliert und müssen nur noch aktiviert werden. Somit steht deinen eigenen WordPress-TaskCards-Padlet-Sammlungen nichts mehr im Wege und du kannst sie kostenfrei und als offene Bildungsmaterialien anderen zugänglich machen.\n","permalink":"http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/","summary":"\u003cp\u003eEine \u003cstrong\u003eSammlung von Liedern für den Religionsunterricht\u003c/strong\u003e ist auf Instagram in Zusammenarbeit von \u003ca href=\"https://www.instagram.com/relimomente/\"\u003e@relimomente\u003c/a\u003e \u003ca href=\"https://www.instagram.com/ezpz.lemon.sqz\"\u003e@ezpz.lemon.sqz\u003c/a\u003e und \u003ca href=\"https://www.instagram.com/colibri260\"\u003e@colibri260\u003c/a\u003e entstanden und wurde zunächst \u003cstrong\u003e\u003ca href=\"https://www.taskcards.de/#/board/16af7347-ec26-468e-a093-34549dd2dae3/view\"\u003ehier auf TaskCards\u003c/a\u003e\u003c/strong\u003e veröffentlicht.\u003c/p\u003e\n\u003cp\u003eWeil TaskCards  \u003ca href=\"https://twitter.com/TaskCards_/status/1678706884323205122\"\u003eweder exportiert noch importiert\u003c/a\u003e werden können, es nur 2 kostenfreie gibt und somit kein \u003ca href=\"https://open-educational-resources.de/5rs-auf-deutsch/\"\u003e#OER\u003c/a\u003e damit erstellt werden kann, haben wir uns Gedanken gemacht, wie man \u003cstrong\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003edas Ganze in Wordpress\u003c/a\u003e\u003c/strong\u003e umsetzen kann:\u003c/p\u003e\n\u003ch2 id=\"httpsblogsrpi-virtuellderuliederhttpsblogsrpi-virtuellderulieder\"\u003e\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder\"\u003ehttps://blogs.rpi-virtuell.de/rulieder\u003c/a\u003e\u003c/h2\u003e\n\u003cp\u003eAls Bonus sind\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eeinzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar :\n\u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/mensch-sein/\"\u003eMensch sein\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/lebensweg/\"\u003eLebensweg\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/liebe-beziehung/\"\u003eLiebe / Beziehung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/gemeinschaft/\"\u003eGemeinschaft\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/belastungen/\"\u003eBelastungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/hoffnung-gerechtigkeit-frieden/\"\u003eHoffnung / Gerechtigkeit / Frieden\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/wunder/\"\u003eWunder\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/schoepfung/\"\u003eSchöpfung\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/die-frage-nach-gott/\"\u003eDie Frage nach Gott\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/tod-jenseits/\"\u003eTod / Jenseitsvorstellungen\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/biblische-geschichten/\"\u003eBiblische Geschichten\u003c/a\u003e, \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/category/songs-zum-kirchenjahr/\"\u003eSongs zum Kirchenjahr\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eEs gibt eine \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/tag/45minuten/\"\u003eÜbersicht zu allen Lieder mit Unterrichtsimpuls von @45minuten\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eUnd man kann \u003ca href=\"https://blogs.rpi-virtuell.de/rulieder/beitrag-einreichen/\"\u003eweitere Lieder einreichen\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"alles-was-es-dazu-braucht-ist\"\u003eAlles was es dazu braucht ist:\u003c/h2\u003e\n\u003ch3 id=\"1-horizontales-scrollen\"\u003e1. \u0026ldquo;horizontales Scrollen\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"wordpress-horizontales-scrollen.gif\" alt=\"\"  /\u003e\n\neinfach umsetzbar mit verschiedenen WordPress-Plugins.\nHier wurde der \u0026ldquo;\u003ca href=\"https://docs.wpstackable.com/article/502-how-to-use-the-horizontal-scroller\"\u003ehorizontal Scroller\u003c/a\u003e\u0026rdquo; von Stackable benutzt.\u003c/p\u003e","title":"WordPress statt Padlet oder TaskCards"},{"content":"Dampfnudeln \u0026amp; Minihefezopf Zutaten 400 ml Milch 120g Zucker 1 Pkg Hefe (42g) 3 Eier (ca 150g Vollei) 1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630) 10 g Salz 120 g Butter Rezept Milch, Zucker, Hefe handwarm mischen Eier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten Salz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten Mindestens 30 Minuten gehen lassen Dampfnudeln 6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen: weitere 30 Minuten gehen lassen dann bei 100°Celsius für 30 Minuten dampfgaren fertig mit Vanillesoße servieren Hefezopf Die restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten Mit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen Mit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren Nach 10 Minuten Back-Temperatur auf 160° reduzieren Entweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten ","permalink":"http://localhost:1313/2023/04/07/dampfnudeln.html/","summary":"\u003ch1 id=\"dampfnudeln--minihefezopf\"\u003eDampfnudeln \u0026amp; Minihefezopf\u003c/h1\u003e\n\u003ch2 id=\"zutaten\"\u003eZutaten\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e400 ml Milch\u003c/li\u003e\n\u003cli\u003e120g Zucker\u003c/li\u003e\n\u003cli\u003e1 Pkg Hefe (42g)\u003c/li\u003e\n\u003cli\u003e3 Eier (ca 150g Vollei)\u003c/li\u003e\n\u003cli\u003e1000g Mehl (300g Weizen Type 405 \u0026amp; 700g Dinkel Type 630)\u003c/li\u003e\n\u003cli\u003e10 g Salz\u003c/li\u003e\n\u003cli\u003e120 g Butter\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"rezept\"\u003eRezept\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eMilch, Zucker, Hefe handwarm mischen\u003c/li\u003e\n\u003cli\u003eEier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten\u003c/li\u003e\n\u003cli\u003eSalz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten\u003c/li\u003e\n\u003cli\u003eMindestens 30 Minuten gehen lassen\n\u003cimg loading=\"lazy\" src=\"Hefeteig.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"dampfnudeln\"\u003eDampfnudeln\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen:\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-auf-Lochblech.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003eweitere 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003edann bei 100°Celsius für 30 Minuten dampfgaren\u003c/li\u003e\n\u003cli\u003efertig\n\u003cimg loading=\"lazy\" src=\"Dampfnudeln-im-Dampfgarer.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003cli\u003emit Vanillesoße servieren \u003cimg loading=\"lazy\" src=\"Dampfnudel-mit-Vanillesosse.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"hefezopf\"\u003eHefezopf\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eDie restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten\u003c/li\u003e\n\u003cli\u003eMit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen\u003c/li\u003e\n\u003cli\u003eMit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren\u003c/li\u003e\n\u003cli\u003eNach 10 Minuten Back-Temperatur auf 160° reduzieren\u003c/li\u003e\n\u003cli\u003eEntweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten\n\u003cimg loading=\"lazy\" src=\"Hefezopf.jpg\" alt=\"\"  /\u003e\n\u003c/li\u003e\n\u003c/ul\u003e","title":"Hefefreuden - Dampfnudeln \u0026 Minihefezopf"},{"content":"Das Gleichnis vom Sämann erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\nBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; alternativ: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; alternativ Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo; Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nAnleitung / Erstellung - The Making of 1. Geschichte erstellen mit ChatGPT-4 Screenshot ![](screen-chatgpt-saemann.png =x600)\nVolltext Beschreibe mir die Geschichte vom Sämann aus der Bibel für einen 8-jähringen in 5 Bildern Bild 1: Ein freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\nBild 2: Einige Samen fallen auf den felsigen Boden, wo sie wenig Erde haben. Die Samen keimen schnell, aber sie haben nicht genug Erde, um tief zu wurzeln. Das Bild zeigt kleine, schwache Pflanzen, die im felsigen Boden zu wachsen beginnen.\nBild 3: Andere Samen fallen auf den dornigen Boden, wo sie von Dornen und Unkraut umgeben sind. Die Pflanzen beginnen zu wachsen, aber sie werden von den Dornen erstickt, die sie umgeben. Das Bild zeigt, wie die Dornen die jungen Pflanzen umklammern und sie daran hindern, groß und stark zu werden.\nBild 4: Wieder andere Samen fallen auf den von Vögeln umgebenen Boden, wo sie sofort von hungrigen Vögeln gefressen werden. Das Bild zeigt fröhliche Vögel, die sich an den Samen erfreuen, bevor sie überhaupt eine Chance zum Wachsen haben.\nBild 5: Schließlich fallen einige Samen auf den fruchtbaren Boden, wo sie tief wurzeln und wachsen können. Das Bild zeigt große, gesunde Pflanzen, die in der Sonne gedeihen und reiche Früchte tragen. Der Bauer steht stolz neben der reichen Ernte und lächelt, da er weiß, dass er gut gesät hat.\nGib mir noch schöne anrührende Überschriften zu den Bildern Bild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo; Bild 2: \u0026ldquo;Der felsige Boden: Die kleinen Pflanzen kämpfen mutig gegen die widrigen Bedingungen\u0026rdquo; Bild 3: \u0026ldquo;Der dornige Boden: Junge Pflänzchen suchen ihren Weg durch die Hindernisse des Lebens\u0026rdquo; Bild 4: \u0026ldquo;Der von Vögeln umgebene Boden: Eine unerwartete Mahlzeit für unsere gefiederten Freunde\u0026rdquo; Bild 5: \u0026ldquo;Der fruchtbare Boden: Die Kraft der Liebe und Fürsorge bringt eine reiche Ernte hervor\u0026rdquo;\n2. Illustration durch Übersetzung der Bildbeschreibungen mit Deepl und damit Prompterstellung für midjourney Ergänzung der automatischen Übersetzung für den Prompt jeweils durch Illustration by Eric Carlefür den Stil, --q 2 für die höchste Qualitätsstufe und --v 5für Midjourney Version 5\nPrompt 1 A friendly farmer stands in an open field, a handful of seeds in his hand. He scatters the seeds far and wide to sow a harvest. Behind him you can see four different soils: one rocky, one thorny, one surrounded by birds and one fertile. Illustration by Eric Carle --q 2 --v 5\nPrompt 2 Some seeds fall on the rocky ground, where they have little soil. The seeds germinate quickly, but they do not have enough soil to root deeply. The picture shows small, weak plants starting to grow in the rocky soil. Illustration by Eric Carle --q 2 --v 5\nPrompt 3 Other seeds fall on the thorny ground, where they are surrounded by thorns and weeds. The plants begin to grow, but they are choked by the thorns that surround them. The picture shows how the thorns clasp the young plants and prevent them from growing tall and strong. Illustration by Eric Carle --q 2 --v 5\nPrompt 4 other seeds fall on the ground surrounded by birds, where they are immediately eaten by hungry birds. The picture shows happy birds enjoying the seeds before they even have a chance to grow. Illustration by Eric Carle --q 2 --v 5\nPrompt 5 Finally, some seeds fall on the fertile soil, where they can root deeply and grow. The picture shows large, healthy plants thriving in the sun and bearing abundant fruit. The farmer stands proudly next to the rich harvest and smiles, knowing that he has sown well. Illustration by Eric Carle --q 2 --v 5\nAlles von Gott erdacht, in der Bibel niedergeschrieben und mit künstlicher Intelligenz in Text und Bilder verwandelt unter der Lizenz CC-BY-SA Das heißt, ihr dürft alles Weiterverwenden, Verändern, Anpassen oder sogar verkaufen. Eine Namensnennung von Jörg Lohrer wäre nett.\n","permalink":"http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/","summary":"\u003ch1 id=\"das-gleichnis-vom-sämann\"\u003eDas Gleichnis vom Sämann\u003c/h1\u003e\n\u003cp\u003eerstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle\u003c/p\u003e\n\u003ch3 id=\"bild-1-der-liebevolle-sämann-und-die-vier-böden-eine-ernte-voller-hoffnung\"\u003eBild 1: \u0026ldquo;Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnung\u0026rdquo;\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"bild1-saemann.jpeg\" alt=\"\"  /\u003e\n\nalternativ:\n\u003cimg loading=\"lazy\" src=\"bild1-alternativ-saemann.jpeg\" alt=\"\"  /\u003e\n\nEin freundlicher Bauer steht in einem offenen Feld, eine Hand voll Samen in seiner Hand. Er streut die Samen weit und breit, um eine Ernte zu säen. Hinter ihm sieht man vier verschiedene Böden: einen felsigen, einen dornigen, einen von Vögeln umgebenen und einen fruchtbaren.\u003c/p\u003e","title":"Das Gleichnis vom Sämann"},{"content":"Schoko-Schnecken Hefeteig 200g Milch handwarm ½ Pk Vanillezucker 60g Zucker 22g Hefe verrühren 1 Ei Größe L dazu in der Teigknetmaschine 120g Weizenmehl 405 380g Dinkelmehl 630 dazu und wenn es ein fester Teig ist 5g Salz zugeben und 60g Butter kalt in Streifen schneiden und 5-10 Minuten einketen (-\u0026gt; Fenstertest) danach Teig 30-60 Minuten ruhen/gehen lassen\nFüllung in der Zwischenzeit 10g brauner Zucker 30g Rohrohrzucker 50g weißer Zucker 100g Butter ½ Pk Vanillezucker 2 Teelöffel Zimt 5 Teelöffel Kaba verkneten zu einer cremigen Masse\nHefeteig ausrollen und mit der Füllung bestreichen Nach Belieben noch Raspel Schokolade darauf verteilen einrollen, in 16 Stücke schneiden und in Kuchenform setzen: Mit Frischhaltefolie abdecken und weitere ca. 30 Minuten gehen lassen, dann mit Eimilch abstreichen: Backofen auf 220°Celsius Ober-/Unterhitze vorheizen. In den Ofen und dabei auf 180° reduzieren. Nach 10 Minuten auf 160° reduzien: weitere 25 Minuten backen oder bis eine Kerntemperatur von 92° erreicht ist. Fertig: ","permalink":"http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/","summary":"\u003ch1 id=\"schoko-schnecken\"\u003eSchoko-Schnecken\u003c/h1\u003e\n\u003ch2 id=\"hefeteig\"\u003eHefeteig\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003e200g Milch\u003c/strong\u003e handwarm\n\u003cstrong\u003e½ Pk Vanillezucker\n60g Zucker\n22g Hefe\u003c/strong\u003e\nverrühren\n\u003cstrong\u003e1 Ei Größe L\u003c/strong\u003e dazu\nin der Teigknetmaschine\n\u003cstrong\u003e120g Weizenmehl 405\n380g Dinkelmehl 630\u003c/strong\u003e\ndazu und wenn es ein fester Teig ist\n\u003cstrong\u003e5g Salz\u003c/strong\u003e zugeben\nund\n\u003cstrong\u003e60g Butter\u003c/strong\u003e kalt in Streifen schneiden und\n5-10 Minuten einketen (-\u0026gt; Fenstertest)\ndanach Teig 30-60 Minuten ruhen/gehen lassen\u003c/p\u003e\n\u003ch2 id=\"füllung\"\u003eFüllung\u003c/h2\u003e\n\u003cp\u003ein der Zwischenzeit\n\u003cstrong\u003e10g brauner Zucker\n30g Rohrohrzucker\n50g weißer Zucker\n100g Butter\n½ Pk Vanillezucker\n2 Teelöffel Zimt\n5 Teelöffel Kaba\u003c/strong\u003e\nverkneten zu einer cremigen Masse\u003c/p\u003e","title":"Jojos Schoko-Zimt-Schnecken"},{"content":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern Instanz erstellen auf https://console.cloud.google.com/ Name, Region und Zone auswählen E2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde Betriebssystem Ubuntu 20.04 LTS Ubuntu Desktop auf Google Cloud Plattform installieren https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome https://bytexd.com/install-chrome-remote-desktop-headless/ https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\nVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren: sudo apt update sudo apt install --assume-yes wget tasksel wget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb sudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb Cinnamon Desktop installieren sudo DEBIAN_FRONTEND=noninteractive \\ apt install --assume-yes cinnamon-core desktop-base dbus-x11 sudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\nZusätzliche Einstellungen: sudo systemctl disable lightdm.service Deutsche Tastatur in der Ubuntu-Konsole festlegen: sudo dpkg-reconfigure keyboard-configuration Optional: Google Chrome Browser installieren wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install --assume-yes ./google-chrome-stable_current_amd64.deb Chrome Remote Desktop konfiguieren und starten https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#configuring_and_starting_the_chrome_remote_desktop_service) Mit Google-Konto, das zur Remote-Stuerung benutzt werden soll, https://remotedesktop.google.com/headless aufrufen und den SSH-Befehl in der Konsole ausführen. 6-Stellige PIN festlegen. Prüfen ob der Dienst ausgeführt wird:\nsudo systemctl status chrome-remote-desktop@$USER Instanzzeitplan festlegen https://rominirani.com/hands-on-guide-to-scheduling-vm-instances-to-start-and-stop-a079a50e16c6\nOBS Installation https://obsproject.com/wiki/install-instructions#ubuntumint-installation\nsudo apt install ffmpeg sudo apt install v4l2loopback-dkms sudo add-apt-repository ppa:obsproject/obs-studio sudo apt update sudo apt install obs-studio Problem: Test mit v4l2-ctl --list-devices bringt Fehlermeldung:\nCannot open device /dev/video0, exiting. Lösung für virtuelle Kamera auf virtueller Maschine: sudo apt -y install v4l2loopback-dkms v4l2loopback-utils linux-modules-extra-$(uname -r) sudo modprobe v4l2loopback Jetzt: Problem: Trotzdem nach jedem Reboot wird die virtuelle Kamera nicht geladen: Lösung v4l2loopback bei Start laden: https://askubuntu.com/questions/1245212/how-do-i-automatically-run-modprobe-v4l2loopback-on-boot\nsudo nano /etc/modules hinzufügen: v4l2loopback\nZoom Installation https://support.zoom.us/hc/de/articles/204206269-IZoom-unter-Linux-installieren-oder-aktualisieren\nsudo apt install gdebi sudo apt update sudo apt upgrade sudo snap install zoom-client Inbetriebnahme des Remote Desktop Verbindung zur VM-Instanz herstellen Via https://remotedesktop.google.com/access auf das Remote Gerät zugreifen.: Sechsstelligen PIN eingeben: Keyboard / Tastatur auf deutsch umstellen: Apps auf dem Desktop verknüpfen: OBS einrichten OBS mit virtueller Kamera automatisch starten: Rechtsklick auf die Verknüpfung und dann beim Startbefehl --startvirtualcam ergänzen. Beim Systemstart mit virtueller Kamera starten: startup Applications wählen ebenfalls --startvirtualcam ergänzen Beim ersten Start von OBS \u0026ldquo;I will only be using the virtual camera\u0026rdquo; wählen: In den Einstellungen die Sprache auf Deutsch umstellen: Videoauflösung auf 1920x1080 umstellen: Szenensammlung importieren (Vorkonfigurierte Szenen für das relilab-Café immer aktuell auf Github) - relilab-cafe-obs-json.json\nGoogle Chrome einrichten Beim ersten Systemstart Password for new Keyring erstellen: Chrome zum Standardbrowser machen Google Chrome anmelden und Sync inkl. Lesezeichen aktivieren Zoom einrichten Zoom-Account anmelden Sprache ändern in Zoom Zoom starten und dann das Zoom-Symbol rechts in der unteren Leiste mit Rechtsklick der Maus das Menü zur Sprachänderung aufrufen: Problemlösungen Problem - keine Emojis in den Slides Lösung: https://medium.com/@harshmaur/emojis-missing-from-chrome-in-ubuntu-9c25fe10867c sudo apt-get remove fonts-noto-color-emoji sudo apt-get install fonts-noto-color-emoji Problem - kein Font Yanone Kaffeesatz in den Slides Lösung: https://zoomadmin.com/HowToInstall/UbuntuPackage/fonts-yanone-kaffeesatz sudo apt-get update -y sudo apt-get install -y fonts-yanone-kaffeesatz Mögliches Problem GUI (Ubuntu Desktop) has its own security layer which blocks the root account from login. So, even we have a properly enabled root account with password, it does not work in GUI interface. https://askubuntu.com/questions/1192471/login-as-root-on-ubuntu-desktop\nhttps://www.computernetworkingnotes.com/linux-tutorials/how-to-enable-and-disable-root-login-in-ubuntu.html\nAnstatt auf Cloud-Plattform mit Linux auf lokalem Windows-PC Autostart OBS inkl virtueller Kamera \u0026amp; Zoom Vorbereiten OBS inkl Virtueller Kamera Hinzufügen von --startvirtualcam zur OBS-Verknüpfung: open the start menu/tile thing and type in: Run and hit enter. Then type in shell:startup Dann die Verknüpfungen in den Autostartordner kopieren: Weitere Schritte wie oben\n","permalink":"http://localhost:1313/2022/03/19/ob-virtualcam.html/","summary":"\u003ch1 id=\"auf-google-cloud-platform-mit-ubuntu-desktop-via-chrome-remote-desktop-obs-und-zoom-fernsteuern\"\u003eAuf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern\u003c/h1\u003e\n\u003ch2 id=\"instanz-erstellen-auf-httpsconsolecloudgooglecomhttpsconsolecloudgooglecom\"\u003eInstanz erstellen auf \u003ca href=\"https://console.cloud.google.com/\"\u003ehttps://console.cloud.google.com/\u003c/a\u003e\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eName, Region und Zone auswählen\u003c/li\u003e\n\u003cli\u003eE2 4 vCPU, 16GB Arbeitsspeicher - 0,17$ pro Stunde\u003c/li\u003e\n\u003cli\u003e\u003c/li\u003e\n\u003cli\u003eBetriebssystem Ubuntu 20.04 LTS\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"ubuntu-desktop-auf-google-cloud-plattform-installieren\"\u003eUbuntu Desktop auf Google Cloud Plattform installieren\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\"\u003ehttps://ubuntu.com/blog/launch-ubuntu-desktop-on-google-cloud\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#gnome\u003c/a\u003e\n\u003ca href=\"https://bytexd.com/install-chrome-remote-desktop-headless/\"\u003ehttps://bytexd.com/install-chrome-remote-desktop-headless/\u003c/a\u003e\n\u003ca href=\"https://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\"\u003ehttps://cloud.google.com/architecture/chrome-desktop-remote-on-compute-engine#automating_the_installation_process\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"via-sshterminal-update-tasksel-und-google-remote-desktop-installieren\"\u003eVia SSH/Terminal Update, Tasksel und Google Remote Desktop installieren:\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo apt update\nsudo apt install --assume-yes wget tasksel\nwget https://dl.google.com/linux/direct/chrome-remote-desktop_current_amd64.deb\nsudo apt-get install --assume-yes ./chrome-remote-desktop_current_amd64.deb\n\u003c/code\u003e\u003c/pre\u003e\u003ch3 id=\"cinnamon-desktop-installieren\"\u003eCinnamon Desktop installieren\u003c/h3\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode class=\"language-shell=\" data-lang=\"shell=\"\u003esudo DEBIAN_FRONTEND=noninteractive \\\n    apt install --assume-yes cinnamon-core desktop-base dbus-x11\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e\u003ccode\u003esudo bash -c 'echo \u0026quot;exec /etc/X11/Xsession /usr/bin/cinnamon-session-cinnamon2d\u0026quot; \u0026gt; /etc/chrome-remote-desktop-session'\u003c/code\u003e\u003c/p\u003e","title":"Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern"},{"content":"Moodle Server mit Ubuntu 20 LTS und Iomad Ubuntu Server-Image herunterladen https://releases.ubuntu.com/20.04/\nVirtualbox mit dem Ubuntu Image einrichten Netzwerkbrücke aktivieren IP-Adresse ermitteln ifconfig -\u0026gt; 192.168.178.132\nAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen auf dem Mac sudo nano /etc/hosts die IP eintragen und moodle.local zuweisen: Moodle Server auf Virtualbox vorbereiten sudo -iwechselt auf root\nSSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux\nShellbefehle zur Installation: sudo apt update \u0026amp;\u0026amp; apt upgrade -y apt install mariadb-server sudo apt install apache2 libapache2-mod-fcgid sudo apt install php php-cli php-fpm php-json php-common php-mysql php-zip php-gd php-mbstring php-curl php-xml php-pear php-bcmath php-intl php-xmlrpc php-soap a2enconf php7.4-fpm sudo a2enmod actions fcgid alias proxy_fcgi setenvif a2dismod php7.4 a2dismod mpm_prefork a2dismod mpm_worker a2enmod mpm_event systemctl restart php7.4-fpm apache2 anlegen: /etc/apache2/sites-available/moodle.conf ############################ \u0026lt;VirtualHost *:80\u0026gt; ServerName moodle.local ServerAdmin webmaster@localhost DocumentRoot /var/www/moodle \u0026lt;FilesMatch \\.php$\u0026gt; SetHandler \u0026#34;proxy:unix:/var/run/php/php7.4-fpm.sock|fcgi://localhost/\u0026#34; \u0026lt;/FilesMatch\u0026gt; ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined \u0026lt;/VirtualHost\u0026gt; #################################################################### Weitere Shellbefehle zur Installation: a2ensite moodle.conf systemctl reload apache2 mkdir /var/www/moodle echo \u0026#39;\u0026lt;?php phpinfo(); ?\u0026gt;\u0026#39; \u0026gt; /var/www/moodle/info.php host eintrag hinzufügen: \u0026ldquo;192.168.178.xxx moodle.local\u0026rdquo; 192.168.178.xxx moodle.local 192.168.178.xxx www.moodle.local\nim Browser öffnen: http://moodle.local/info.php maschine speichern und klonen Anschließend IOMAD moodle installieren: https://www.iomad.org/wp-content/uploads/2021/03/Iomad-Installation-Guide.pdf\nDatenbank für moodle erzeugen via SSH: mysql CREATE DATABASE moodledb; CREATE USER \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39; IDENTIFIED BY \u0026#39;$mdb2passwd\u0026#39;; GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, INDEX, DROP, ALTER, CREATE TEMPORARY TABLES, LOCK TABLES ON moodledb.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; GRANT FILE ON *.* TO \u0026#39;moodleowner\u0026#39;@\u0026#39;localhost\u0026#39;; quit Installation iomad cd /var/www/moodle git clone https://github.com/iomad/iomad.git cd iomad git checkout -b myiomad origin/IOMAD_310_STABLE mkdir /var/www/moodledata \u0026amp;\u0026amp; chmod 777 /var/www/moodledata ändern!!!: /etc/apache2/sites-available/moodle.conf -\u0026gt; DocumentRoot /var/www/moodle/iomad\nsystemctl restart php7.4-fpm apache2\nhttp://moodle.local aufrufen und config.php Datei mit Hilfe des Assistenten generieren lassen ![](03-config generieren.png)\nändern!!!: /moodle entfernen\nconfig.php \u0026lt;?php // Moodle configuration file unset($CFG); global $CFG; $CFG = new stdClass(); $CFG-\u0026gt;dbtype = \u0026#39;mariadb\u0026#39;; $CFG-\u0026gt;dblibrary = \u0026#39;native\u0026#39;; $CFG-\u0026gt;dbhost = \u0026#39;localhost\u0026#39;; $CFG-\u0026gt;dbname = \u0026#39;moodledb\u0026#39;; $CFG-\u0026gt;dbuser = \u0026#39;moodleowner\u0026#39;; $CFG-\u0026gt;dbpass = \u0026#39;$mdb2passwd\u0026#39;; $CFG-\u0026gt;prefix = \u0026#39;mdl_\u0026#39;; $CFG-\u0026gt;dboptions = array ( \u0026#39;dbpersist\u0026#39; =\u0026gt; 0, \u0026#39;dbport\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbsocket\u0026#39; =\u0026gt; \u0026#39;\u0026#39;, \u0026#39;dbcollation\u0026#39; =\u0026gt; \u0026#39;utf8mb4_general_ci\u0026#39;, ); $CFG-\u0026gt;wwwroot = \u0026#39;http://moodle.local\u0026#39;; $CFG-\u0026gt;dataroot = \u0026#39;/var/www/moodledata\u0026#39;; $CFG-\u0026gt;admin = \u0026#39;admin\u0026#39;; $CFG-\u0026gt;directorypermissions = 0777; require_once(__DIR__ . \u0026#39;/lib/setup.php\u0026#39;); // There is no php closing tag in this file, // it is intentional because it prevents trailing whitespace problems! ","permalink":"http://localhost:1313/2022/02/16/moodle-iomad-linux.html/","summary":"\u003ch1 id=\"moodle-server-mit-ubuntu-20-lts-und-iomad\"\u003eMoodle Server mit Ubuntu 20 LTS und Iomad\u003c/h1\u003e\n\u003ch2 id=\"ubuntu-server-image-herunterladen\"\u003eUbuntu Server-Image herunterladen\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://releases.ubuntu.com/20.04/\"\u003ehttps://releases.ubuntu.com/20.04/\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"virtualbox-mit-dem-ubuntu-image-einrichten\"\u003eVirtualbox mit dem Ubuntu Image einrichten\u003c/h2\u003e\n\u003ch3 id=\"netzwerkbrücke-aktivieren\"\u003eNetzwerkbrücke aktivieren\u003c/h3\u003e\n\u003cp\u003e\u003cimg loading=\"lazy\" src=\"01-netzwerkbruecke.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch3 id=\"ip-adresse-ermitteln\"\u003eIP-Adresse ermitteln\u003c/h3\u003e\n\u003cp\u003e\u003ccode\u003eifconfig \u003c/code\u003e -\u0026gt; 192.168.178.132\u003c/p\u003e\n\u003ch3 id=\"auf-dem-mac-oder-pc-die-auflösung-des-hosts-verknüpfen\"\u003eAuf dem Mac (oder PC) die Auflösung des Hosts verknüpfen\u003c/h3\u003e\n\u003cp\u003eauf dem Mac \u003ccode\u003esudo nano /etc/hosts\u003c/code\u003e die IP eintragen und moodle.local zuweisen:\n\u003cimg loading=\"lazy\" src=\"02-hosts-eintragen.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003ch2 id=\"moodle-server-auf-virtualbox-vorbereiten\"\u003eMoodle Server auf Virtualbox vorbereiten\u003c/h2\u003e\n\u003cp\u003e\u003ccode\u003esudo -i\u003c/code\u003ewechselt auf root\u003c/p\u003e\n\u003ch3 id=\"ssh-zugriff-ermöglichen\"\u003eSSH Zugriff ermöglichen\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"https://linuxconfig.org/allow-ssh-root-login-on-ubuntu-20-04-focal-fossa-linux\"\u003eAllow SSH root login on Ubuntu 20.04 Focal Fossa Linux\u003c/a\u003e\u003c/p\u003e","title":"Moodle Server mit Ubuntu 20 LTS und Iomad"},{"content":"Bibelfußball: Nachschlage-Quiz zur Bibel Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie. Hier umfangreiche Fragen mit Bibelstellen aus dem Alten und Neuen Testament, die einfach (bitte hier in\u0026rsquo;s Dokument hineinschreiben!) erweitert werden können:\nNeues Testament Frage Bibelstelle Lösung Ein Tier \u0026ldquo;Mt 26,74\u0026rdquo; ein Hahn An welchem Ort ist Paulus \u0026ldquo;Phil 1,13\u0026rdquo; Gefängnis Was ist wuchtig und voll Kraft \u0026ldquo;2Kor 10,10\u0026rdquo; Die Briefe Körperteile \u0026ldquo;Mk 4,23\u0026rdquo; Ohren Eine Farbe \u0026ldquo;Mt 23,27\u0026rdquo; Weiß Biblische Zahl \u0026ldquo;Mk 1,13\u0026rdquo; 40 Grundnahrungsmittel \u0026ldquo;Lk 11,3\u0026rdquo; Brot Macht man auch in der Schule \u0026ldquo;Gal 6,11\u0026rdquo; Schreiben Braucht man auf dem Bau \u0026ldquo;1 Thess 5,9\u0026rdquo; Helm Ist strafbar Hebr 10.34 Raub Eine Krankheit \u0026ldquo;Mt 8,15\u0026rdquo; Fieber Wem gehört die zerfallene Hütte \u0026ldquo;Apg 15,16\u0026rdquo; David Ein Gewürz \u0026ldquo;Offb 18,13\u0026rdquo; Zimt Wie heißt das Kind \u0026ldquo;Lk 1,31\u0026rdquo; Jesus Zwei Körperteile \u0026ldquo;Mt 5,38\u0026rdquo; \u0026ldquo;Auge , Zahn\u0026rdquo; Häufige biblische Zahl \u0026ldquo;Mt 4,2\u0026rdquo; 40 Angesehener Beruf \u0026ldquo;Mk 2,17\u0026rdquo; Arzt Ist unangenehm \u0026ldquo;Lk 22,24\u0026rdquo; Streit Was ist Gott \u0026ldquo;1 Kor 1,9\u0026rdquo; Treu Was soll man ablegen \u0026ldquo;Eph 4,25\u0026rdquo; Lüge Was fressen die Vögel \u0026ldquo;Mk 4,4\u0026rdquo; Körner Was ist für Gott möglich \u0026ldquo;Mt 19,26\u0026rdquo; Alles Ich kann es in der Küche finden \u0026ldquo;Lk 11,41\u0026rdquo; Schüsseln In jedem Zimmer zu finden \u0026ldquo;Joh 10,9\u0026rdquo; Tür Wie viel opfert die arme Witwe \u0026ldquo;Mk 12,42\u0026rdquo; 2 kl. Münzen Große Anzahl Soldaten \u0026ldquo;Mt 26, 53\u0026rdquo; Legionen Kleine Lebewesen \u0026ldquo;Lk 13 ,19\u0026rdquo; Vögel Brauchte jeder Ritter \u0026ldquo;Eph 6,1\u0026rdquo; Rüstung Schlechte Eigenschaft \u0026ldquo;Hebr 13,5\u0026rdquo; Habgier Sind aus Gold \u0026ldquo;Jak 2,2\u0026rdquo; Ringe Welche Farbe hat der Kranz \u0026ldquo;Offb 14,14\u0026rdquo; Gold Ein beliebtes Urlaubsland \u0026ldquo;Röm 15,24\u0026rdquo; Spanien Häufiger Beruf zur Zeit Jesu \u0026ldquo;Mt 13,48\u0026rdquo; Fischer Hohes Fest im Judentum \u0026ldquo;Joh 13,1\u0026rdquo; Paschafest \u0026ldquo;Großer, schwerer Gegenstand\u0026rdquo; \u0026ldquo;Mk 16,4\u0026rdquo; Stein Zeiteinheit \u0026ldquo;Mk 14,37\u0026rdquo; Stunde Lasst darin nicht nach \u0026ldquo;Kol 4,2\u0026rdquo; Beten Insel \u0026ldquo;Tit 1,5\u0026rdquo; Kreta Letztes Wort im Petrusbrief 1 Petr Amen Kleines Naturwunder \u0026ldquo;Offb 10,1\u0026rdquo; Regenbogen In jeder Wohnung zu finden \u0026ldquo;Lk 22,14\u0026rdquo; Tisch Transportmittel \u0026ldquo;Mk 1,20\u0026rdquo; Boot Bekommt man erst später \u0026ldquo;Apg 7,54\u0026rdquo; Zähne Was werden sie gewinnen \u0026ldquo;Lk 21,19\u0026rdquo; Das Leben Wichtiges Nahrungsmittel \u0026ldquo;Mt 5,13\u0026rdquo; Salz Gegenstand aus Holz \u0026ldquo;Mt 27,32\u0026rdquo; Kreuz Körperteil \u0026ldquo;Mt 28,9\u0026rdquo; Füße Angeborene Behinderung \u0026ldquo;Joh 9,1\u0026rdquo; Blindheit Geheimes Versteck \u0026ldquo;LK 19,46\u0026rdquo; Räuberhöhle Die Liebe tut nichts …? \u0026ldquo;Röm 13,10\u0026rdquo; Böses Bei uns als Drei Könige bekannt \u0026ldquo;Mt2,1\u0026rdquo; Sterndeuter Hilfsmittel für Kranke \u0026ldquo;MK 2,12\u0026rdquo; Tragbahre Stinkt \u0026ldquo;Lk 14,35\u0026rdquo; Misthaufen Darauf kann man schreiben \u0026ldquo;Joh 19,20\u0026rdquo; Schild Braucht man im Leben \u0026ldquo;Apg 23,11\u0026rdquo; Mut Was war in den 7 Körben? \u0026ldquo;Mk 8,8\u0026rdquo; Brot Leben am Bauernhof \u0026ldquo;Lk 15,16\u0026rdquo; Schweine Gibt’s vor den Ferien \u0026ldquo;Joh 21,24\u0026rdquo; Zeugnis \u0026ldquo;Gut, wenn man es nicht hat\u0026rdquo; \u0026ldquo;Apg 4,34\u0026rdquo; Not Zahl der Kapitel bei Mk Mk 16 Lebenswichtiges Organ \u0026ldquo;2Kor 9,7\u0026rdquo; Herz Sechste Frucht des Geistes \u0026ldquo;Gal 5,22\u0026rdquo; Güte Sehr unbeliebt bei Schülern \u0026ldquo;Lk 22,28\u0026rdquo; Prüfungen Man freut sich darüber \u0026ldquo;Phil 3,7\u0026rdquo; Gewinn Lebensfeindlicher Ort \u0026ldquo;Mk 1,3\u0026rdquo; Wüste Beruf im Freien \u0026ldquo;Joh 10,11\u0026rdquo; Hirte Was hat geholfen \u0026ldquo;Lk 17,19\u0026rdquo; Glaube Erstes Transportmittel Jesu \u0026ldquo;Joh 12,14\u0026rdquo; Esel Letztes Wort im NT Offb Allen Wie viele Verse hat Joh 6 Joh 71 Verse Wie viel lässt er zurück \u0026ldquo;Lk 15,4\u0026rdquo; 99 Man hat eine Menge davon \u0026ldquo;Joh 20,27\u0026rdquo; Finger Isst man hier normal nicht \u0026ldquo;Mt 3,4\u0026rdquo; Heuschrecken Babys brauchen eine Menge \u0026ldquo;Lk 2,12\u0026rdquo; Windeln Gehen oft sehr weit \u0026ldquo;Joh 12,20\u0026rdquo; Pilger Tier unter Naturschutz \u0026ldquo;Joh 10,12\u0026rdquo; Wolf Kann man öffnen und schließen \u0026ldquo;Lk 24,31\u0026rdquo; Augen Auch du bist es \u0026ldquo;Mt 3,16\u0026rdquo; Getauft Es war am Anfang \u0026ldquo;Joh 1,1\u0026rdquo; Das Wort Kürzestes Buch im NT \u0026ndash; Philemon Was heisst Tabita auf deutsch? \u0026ldquo;Apg 9,36\u0026rdquo; Gazelle Worin sehen wir nur rätselhafte Umrisse? \u0026ldquo;1 Kor 13,12\u0026rdquo; Spiegel Wer steht vor der Frau? \u0026ldquo;Offb 12,4\u0026rdquo; Drache Wohin will Paulus hier reisen? \u0026ldquo;Römer 15, 24\u0026rdquo; Spanien Ein Tier \u0026ldquo;1 Petr 5,8\u0026rdquo; Löwe Welche Frucht kommt hier zur Sprache? \u0026ldquo;Mk 11, 13\u0026rdquo; Feige Welcher Prophet wird hier genannt? \u0026ldquo;Mt 3, 3\u0026rdquo; Jesaja Wer hat hier Angst? \u0026ldquo;Joh 19, 8\u0026rdquo; Pilatus Wie heißt Agrippas Frau? \u0026ldquo;Apg 25,23\u0026rdquo; Berenike Von welchem scharfen Werkzeug ist hier die Rede? \u0026ldquo;Offb 14,18\u0026rdquo; Sichel Was sind Jesu Worte? \u0026ldquo;Joh 6, 63\u0026rdquo; Geist und Leben Wie nennt sich Jesus hier? \u0026ldquo;Joh 9,5\u0026rdquo; Licht (der Welt) Was gibt es zu tragen? \u0026ldquo;Gal 6,2\u0026rdquo; Lasten Wie wird Jesus verglichen \u0026ldquo;Eph 2,20\u0026rdquo; Eckstein Name einer Frau aus dem AT \u0026ldquo;Hebr 11,21\u0026rdquo; Rahab Name einer Stadt (in Syrien) \u0026ldquo;Apg 9,3\u0026rdquo; Damaskus Was kommt aus den Mäulern der Pferde? \u0026ldquo;Offb 9,17\u0026rdquo; \u0026ldquo;Feuer, Rauch, Schwefel\u0026rdquo; Wie heißt der Sohn? \u0026ldquo;Phlm 1,10\u0026rdquo; Onesimus Bauwerk \u0026ldquo;1. Petr 2, 5\u0026rdquo; (lebendiges) Haus Körperteil \u0026ldquo;1. Petr 2,22\u0026rdquo; Mund Paar aus dem AT \u0026ldquo;1. Petr. 3, 6\u0026rdquo; Sara und Abraham Was wird gejagt? \u0026ldquo;1. Petr. 3, 11\u0026rdquo; Frieden Wieviele Menschen wurden in der Arche gerettet? \u0026ldquo;1. Petr. 3,20\u0026rdquo; acht Gesucht ist ein Adjektiv (wie sollen wir sein?) \u0026ldquo;1. Petr. 4, 9\u0026rdquo; gastfreundlich Altes Testament Frage Bibelstelle Lösung zwei Musikinstrumente \u0026ldquo;Ps 98,6\u0026rdquo; Trompeten und Hörner unechtes Körperteil \u0026ldquo;Ps 120,3\u0026rdquo; falsche Zunge Was wird geöffnet \u0026ldquo;Ps 78,2\u0026rdquo; Mund Wo wachsen die Bäume? \u0026ldquo;Ps 72,16\u0026rdquo; Libanon Wie viele Männer? \u0026ldquo;Hiob 32,1\u0026rdquo; 3 Mit wieviel Jahren wurde Zidkija König? \u0026ldquo;2. Kön 24,18\u0026rdquo; 21 Kleine Vögel \u0026ldquo;Ps 147,9\u0026rdquo; junge Raben Was regnet vom Himmel? \u0026ldquo;Ps 78,27\u0026rdquo; Fleisch \u0026ldquo;was kann schwimmen, obwohl es zu schwer dafür ist?\u0026rdquo; \u0026ldquo;2 Kön 6,6\u0026rdquo; Eisen Wie viele Steine suchte sich David? \u0026ldquo;1 Sam 17,40\u0026rdquo; 5 Ein Getränk \u0026ldquo;Joel 2, 19\u0026rdquo; Most Wie lange war Jona im Fisch? \u0026ldquo;Jona 2,1\u0026rdquo; drei Tage und drei Nächte Wie heißen die drei Söhne Noachs? \u0026ldquo;Gen 6,10\u0026rdquo; \u0026ldquo;Sem, Ham, Jafet\u0026rdquo; Wo singen die drei Jungen Männer? \u0026ldquo;Dan 3,51\u0026rdquo; Ofen Wie viele Tage ruhen sie sich in Jerusalem aus? \u0026ldquo;Esra 8,32\u0026rdquo; 3 Welche Früchte sind im Kuchen? \u0026ldquo;1 Chr 12,41\u0026rdquo; Traubenkuchen Wo ist das Mehl? Wo ist das Öl? \u0026ldquo;1 Kön 17,12\u0026rdquo; \u0026ldquo;Topf, Krug\u0026rdquo; \u0026ldquo;Was wird hochgehoben, damit es nicht nass wird?\u0026rdquo; \u0026ldquo;Jes 47,2\u0026rdquo; Schleppe Was wird gesät? \u0026ldquo;Hos 8,7\u0026rdquo; Wind Was bekommt Rut? \u0026ldquo;Rut 4,13\u0026rdquo; einen Sohn Ein Tier \u0026ldquo;Hab 3, 19\u0026rdquo; Hirsch Worin wird das Kleid gewaschen? \u0026ldquo;Gen 49,11\u0026rdquo; Wein Welche Farbe hat das Gewand? \u0026ldquo;Jes 63,2\u0026rdquo; rot Was ist süßer als Wein? \u0026ldquo;Hld 1,2\u0026rdquo; Liebe Was wächst und wird immer mächtiger? \u0026ldquo;Dan 4,8\u0026rdquo; Baum Wie viele Töchter hatte Rehabeam? \u0026ldquo;2 Chr 11,21\u0026rdquo; 60 Eine Waffe \u0026ldquo;Jer 5,12\u0026rdquo; Schwert Ein Kleidungsstück \u0026ldquo;Ps 109,29\u0026rdquo; Mantel Was denkt Eli von Hanna? \u0026ldquo;1 Sam 1,13\u0026rdquo; Er hält sie für betrunken Welche Frisur hatte Paulus? \u0026ldquo;Apg 18,18\u0026rdquo; Glatze Wie viele Pferde? \u0026ldquo;Jes 36,8\u0026rdquo; 2000 Ein Tier \u0026ldquo;Dtn 9,16\u0026rdquo; Kalb Ein weibliches Tier \u0026ldquo;Spr 17,12\u0026rdquo; Bärin Welche Farbe hat der Kranz? \u0026ldquo;Offb 14,14\u0026rdquo; gold Wie schmeckt Manna? \u0026ldquo;Ex 16,31\u0026rdquo; Honigkuchen/Semmel mit Honig Wie heißt der König von Baschan? \u0026ldquo;Ps 135,11\u0026rdquo; Og Wie viele Monate lebt Elisabeth zurückgezogen? \u0026ldquo;Lk 1,24\u0026rdquo; 5 Was reißen die anderen auf? \u0026ldquo;Ps 35,21\u0026rdquo; Mund Woher kam Melatja? \u0026ldquo;Neh 3,7\u0026rdquo; Gibeon Was zieht Josua aus? \u0026ldquo;Jos 5,15\u0026rdquo; Schuhe Wie alt war Barsillai? \u0026ldquo;2 Sam 19,33\u0026rdquo; 80 Von welchem Baum bekommt David Holz? \u0026ldquo;1 Chronik 14,1\u0026rdquo; Zeder Wer sieht einen Engel? \u0026ldquo;Num 22,23\u0026rdquo; Esel Welches Problem hat Jakob hier? \u0026ldquo;Gen 32, 32\u0026rdquo; er hinkt Was wächst denn hier? \u0026ldquo;Jona 4, 6\u0026rdquo; Rizinusstrauch Wer macht hier so einen Lärm? \u0026ldquo;Am 3, 4\u0026rdquo; Löwe ","permalink":"http://localhost:1313/2021/12/03/bibelfussball.html/","summary":"\u003ch1 id=\"bibelfußball-nachschlage-quiz-zur-bibel\"\u003eBibelfußball: Nachschlage-Quiz zur Bibel\u003c/h1\u003e\n\u003cp\u003eBibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie.\n\u003cimg loading=\"lazy\" src=\"bibelfussball1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Bibelfußball - Nachschlage-Quiz zur Bibel"},{"content":"WordPress Werkstatt PHP Zunächst wird auf relilab.org das kostenfreie Plugin ACF - Advanced Custom Fields installiert und aktiviert. Dies ermöglicht weitere individuelle Beitragsfelder für die Beiträge. Nun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels dieser JSON-Datei, die das abkürzt: mit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können: Zudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen: Jetzt wird das Plugin relilab-termine installiert und aktiviert Nun kann mittels Shortcode [relilab_termine] eine Terminübersicht als WordPress-Block erzeugt werden: JSON ACF-JSON-Export: [ { \u0026#34;key\u0026#34;: \u0026#34;group_6193936e4f12c\u0026#34;, \u0026#34;title\u0026#34;: \u0026#34;Termin\u0026#34;, \u0026#34;fields\u0026#34;: [ { \u0026#34;key\u0026#34;: \u0026#34;field_619393f8e62e0\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Startet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_startdate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 }, { \u0026#34;key\u0026#34;: \u0026#34;field_619394a3e62e1\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;Endet am\u0026#34;, \u0026#34;name\u0026#34;: \u0026#34;relilab_enddate\u0026#34;, \u0026#34;type\u0026#34;: \u0026#34;date_time_picker\u0026#34;, \u0026#34;instructions\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;required\u0026#34;: 0, \u0026#34;conditional_logic\u0026#34;: 0, \u0026#34;wrapper\u0026#34;: { \u0026#34;width\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;class\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;id\u0026#34;: \u0026#34;\u0026#34; }, \u0026#34;display_format\u0026#34;: \u0026#34;d.m.Y H:i\u0026#34;, \u0026#34;return_format\u0026#34;: \u0026#34;Y-m-d H:i\u0026#34;, \u0026#34;first_day\u0026#34;: 1 } ], \u0026#34;location\u0026#34;: [ [ { \u0026#34;param\u0026#34;: \u0026#34;post_type\u0026#34;, \u0026#34;operator\u0026#34;: \u0026#34;==\u0026#34;, \u0026#34;value\u0026#34;: \u0026#34;post\u0026#34; } ] ], \u0026#34;menu_order\u0026#34;: 0, \u0026#34;position\u0026#34;: \u0026#34;normal\u0026#34;, \u0026#34;style\u0026#34;: \u0026#34;default\u0026#34;, \u0026#34;label_placement\u0026#34;: \u0026#34;left\u0026#34;, \u0026#34;instruction_placement\u0026#34;: \u0026#34;label\u0026#34;, \u0026#34;hide_on_screen\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;active\u0026#34;: true, \u0026#34;description\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;show_in_rest\u0026#34;: 0, \u0026#34;acfe_display_title\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_autosync\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_form\u0026#34;: 0, \u0026#34;acfe_meta\u0026#34;: \u0026#34;\u0026#34;, \u0026#34;acfe_note\u0026#34;: \u0026#34;\u0026#34; } ] PHP Software PHP-Storm https://www.jetbrains.com/de-de/phpstorm/\nShortcode zum Sprechen bringen https://developer.wordpress.org/reference/functions/add_shortcode/ In PhpStorm add_shortcode( string $tag, callable $callback )\nalle Termine listen, die https://www.advancedcustomfields.com/resources/orde-posts-by-custom-fields/\nPHP-Storm nutzt als External Library dann WordPress Plugin Unsere Funktion:\n/** *Plugin Name: relilab Termine */ add_shortcode(\u0026#39;termine\u0026#39;,\u0026#39;termineAusgeben\u0026#39;); function termineAusgeben( $atts ) { $posts = get_posts(array( \u0026#39;post_type\u0026#39;\t=\u0026gt; \u0026#39;post\u0026#39;, \u0026#39;posts_per_page\u0026#39;\t=\u0026gt; -1, \u0026#39;category\u0026#39; =\u0026gt; \u0026#39;termine\u0026#39;, \u0026#39;meta_key\u0026#39;\t=\u0026gt; \u0026#39;relilab_startdate\u0026#39;, \u0026#39;orderby\u0026#39;\t=\u0026gt; \u0026#39;meta_value\u0026#39;, \u0026#39;order\u0026#39;\t=\u0026gt; \u0026#39;DESC\u0026#39; )); // ob_start(); global $post; ?\u0026gt; \u0026lt;ul\u0026gt; \u0026lt;?php foreach ($posts as $post) { setup_postdata( $post ) ?\u0026gt; \u0026lt;li\u0026gt; \u0026lt;a href=\u0026#34;\u0026lt;?php the_permalink(); ?\u0026gt;\u0026#34;\u0026gt;\u0026lt;?php the_title(); ?\u0026gt; (date: \u0026lt;?php the_field(\u0026#39;relilab_startdate\u0026#39;); ?\u0026gt;)\u0026lt;/a\u0026gt; \u0026lt;/li\u0026gt; \u0026lt;?php } ?\u0026gt; \u0026lt;/ul\u0026gt; \u0026lt;?php wp_reset_postdata(); // return ob_get_clean(); } ","permalink":"http://localhost:1313/2021/11/17/wordpress-werkstatt.html/","summary":"\u003ch1 id=\"wordpress-werkstatt-php\"\u003eWordPress Werkstatt PHP\u003c/h1\u003e\n\u003cp\u003eZunächst wird auf relilab.org das kostenfreie \u003ca href=\"https://de.wordpress.org/plugins/advanced-custom-fields/\"\u003ePlugin ACF - Advanced Custom Fields\u003c/a\u003e installiert und aktiviert.\nDies ermöglicht weitere individuelle Beitragsfelder für die Beiträge.\nNun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels \u003ca href=\"#ACF-JSON-Export\"\u003edieser JSON-Datei\u003c/a\u003e, die das abkürzt:\n\u003cimg loading=\"lazy\" src=\"h01-json-import.png\" alt=\"\"  /\u003e\n\nmit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können:\n\u003cimg loading=\"lazy\" src=\"02-terminfelder.png\" alt=\"\"  /\u003e\n\nZudem gibt es neu eine Kategorie \u0026ldquo;Termine\u0026rdquo;, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen:\n\u003cimg loading=\"lazy\" src=\"03-kategorien.png\" alt=\"\"  /\u003e\n\nJetzt wird das \u003ca href=\"https://github.com/rpi-virtuell/relilab-termine\"\u003ePlugin relilab-termine\u003c/a\u003e installiert und aktiviert\nNun kann mittels Shortcode \u003ccode\u003e[relilab_termine]\u003c/code\u003e eine Terminübersicht als WordPress-Block erzeugt werden:\n\u003cimg loading=\"lazy\" src=\"04-termine-neu.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"WordPress Werkstatt PHP"},{"content":"VR - Virtual Reality Ausschreibung Torsten \u0026amp; Jörg Ausgehend vom Lernbaustein https://relilab.org/vr/ beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\nTheorie Immersion \u0026amp; Präsenz https://www.immersivelearning.institute/ https://omnia360.de/blog/was-ist-immersion/ https://en.wikipedia.org/wiki/Immersive_learning https://www.sciencedirect.com/science/article/pii/S0360131519303276\nForschung A Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence https://vhil.stanford.edu/360-video-database/\nhttps://www.researchgate.net/publication/335733502_Getting_your_game_on_Using_virtual_reality_to_improve_real_table_tennis_skills\n\u0026ldquo;Diese Studie ergänzt die spärliche, aber wachsende Literatur, indem sie den Transfer von Fertigkeiten aus der realen Welt durch Virtual Reality in einer sportlichen Aufgabe demonstriert.\u0026rdquo;\nhttps://mixed.de/vr-und-philosophie-youtuber-zeigt-ungewoehnliche-vr-apps/amp/ Der norwegische Forscher Joakim Vindenes unterhält einen Blog, Podcast und Youtube-Kanal, in denen er außergewöhnliche VR-Apps vorstellt und sich mit der philosophischen Dimension des Mediums auseinandersetzt.\nhttps://www.youtube.com/watch?v=VY5HaEhUm2Q A look at what it would be like to plug into an infinite VR experience machine.\nReligionen https://www.matrise.no/2019/06/hinduism-and-virtual-reality/\nhttps://www.matrise.no/2020/01/the-existential-problem-of-vr-existentialism/\nEmpathie https://www.youtube.com/watch?v=L6m79wqNiMA\u0026amp;feature=youtu.be\u0026amp;t=150\n\u0026ldquo;VR is a storytelling vehicle, but it\u0026rsquo;s an empathy vehicle.\u0026rdquo;\nTherapie Feeling Good during the COVID19 Epidemic Virtual Reality Can Help Us to Overcome the Psychological Burden of Coronavirus - https://www.covidfeelgood.com/home\nDie Verkörperung von Mitgefühl in der virtuellen Realität und ihre Auswirkungen auf Patienten mit Depressionen https://scitec-media.ch/2016/03/04/game-technologien-helfen-gegen-depressionen/ https://www.youtube.com/watch?v=GwxJVCESc-E https://www.cambridge.org/core/journals/bjpsych-open/article/embodying-selfcompassion-within-virtual-reality-and-its-effects-on-patients-with-depression/\nTheater https://www.brendanabradley.com/futurestages\nKörperlichkeit https://www.matrise.no/2018/07/virtual-embodiment/ https://www.matrise.no/2020/10/virtual-reality-depersonalization-derealization/\nPraxis Padlets [https://padlet.com/petiteprof79/xrinfo(https://padlet.com/petiteprof79/xrinfo)] XR-Info - Stephanie Wössner | CC BY-SA @petiteprof79 https://padlet.com/strsa/ar Augmented Reality (AR) \u0026amp; 360°, (VR) | Gestartet von Tobias Erles (@Mr_Airless) und Sabine Strauss (@Sallythechin) beim Barcamp #wildcampen18, erweitert bei #wildcampen19 zusammen mit Jan Hartwig (@hartifical) Artikel Virtual und Augmented Reality im Klassenraum? Ein Überblick bildungsrelevanter Angebote - Steffen Jauch am 16.10.2029 bei bpb Unterricht Eine Auswahl an Unterrichtsbeispielen mit Virtual Reality Szenarien von Stephanie Wössner @petiteprof79 Communities https://educatorsinvr.com/\nReligiöse Erfahrungsräume im Oculus Store Wander https://www.oculus.com/experiences/quest/2078376005587859/\nFilme [https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/(https://mixed.de/beruehrender-oculus-film-zeigt-worauf-es-im-leben-ankommt/)]\nIn Sidequest Vanishing Grace [https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo(https://sidequestvr.com/app/772/vanishing-grace-pre-alpha-demo)]\nVanishing Grace ist eine emotionale Reise über die Opfer, die wir bringen müssen, um unseren Platz in der Welt einzunehmen.\nCubism [https://sidequestvr.com/app/403/cubism-demo(https://sidequestvr.com/app/403/cubism-demo)]\nDeism The virtual reality god simulator [https://sidequestvr.com/app/85/deisim(https://sidequestvr.com/app/85/deisim)]\nLiminal https://sidequestvr.com/app/1042/liminal Wählen Sie aus, wie Sie sich fühlen und was Sie leisten wollen: Ruhe, Energie, Schmerzlinderung und Ehrfurcht.\n3D-Modelle https://sketchfab.com/3d-models/abandoned-warehouse-interior-scene-1d5285f2e0fd4211a27c8042496d5959#\nCC BY-NC Medieval Church, Calatrava la Nueva, Spain Processed in Reality Capture from 76 Faro laser scans and 4100 photographs https://sketchfab.com/3d-models/medieval-church-calatrava-la-nueva-spain-171a047c08bc4dd588cca5ac744e8065\nAvatare Erfahrungswelten: 360 Grad Filme Kölner Dom in 360°: Privatkonzert | WDR Der Domchor gibt ein nächtliches Konzert – und der einzige Zuschauer bist du. Unter Leitung des Domkapellmeisters Professor Eberhard Metternich singt der Chor das Ave Maria von Franz Biebl in einer eher ungewöhnlichen Aufstellung. Und du stehst mittendrin. https://dom360.wdr.de/privatkonzert-bei-nacht/] INSIDE AUSCHWITZ - Das ehemalige Konzentrationslager in 360° | WDR Anne Frank VR https://www.annefrank.org/\nWithin [https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr(https://www.with.in/watch/the-ellen-fund-presents-gorillas-in-vr)] [https://account.altvr.com/channels/VRChurch(https://account.altvr.com/channels/VRChurch)]\nProgrammierung Learn VR Development: Tips, tricks, and guides to develop VR and AR applications Reddit - Learn Virtual Reality Development Mozilla Hubs Dokumentation [https://hubs.mozilla.com/docs/welcome.html(https://hubs.mozilla.com/docs/welcome.html)] Vorlagen https://v3l.de/relilabvr (relilab-VR-Hub mit Videos, Bildern, \u0026hellip;)\n[https://hubs.mozilla.com/Av38AUU/detailed-tinted-room(https://hubs.mozilla.com/Av38AUU/detailed-tinted-room)] [https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome(https://hubs.mozilla.com/scenes/juMbRem/dramainvrhome)]\nAvatare erstellen Mozilla Hubs - GLB Online Dienst - Readyplayer https://twitter.com/joerglohrer/status/1388023150626099201 [https://readyplayer.me/(https://readyplayer.me/)]\nBeispiel: (CC BY-NC-SA - Wolfprint 3D) https://d1a370nemizbjq.cloudfront.net/10b05c49-593a-4616-82e9-adcea09aa66c.glb\nHubs by Mozilla\nCreating Custom Avatars Advanced Avatar Customization http://tryquilt.io/]\nBlender files for AvatarBot Creating an Avatar using Hubs components in Blender\nOnline Editoren [https://modelviewer.dev/editor/(https://modelviewer.dev/editor/)]\nSoftware MakeHuman http://makehumancommunity.org/\nhttps://www.youtube.com/watch?v=kQjp5DYsR_c\u0026amp;t=86s\nTutorials Altspace / Blender / Unity http://edvschwab.de/Altspace/Kurz%20Doku%20Blender.pdf [http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf(http://edvschwab.de/Altspace/Kurz%20Doku%20Unity.pdf)]\nSidequest https://sidequestvr.com/ Installation: https://sidequestvr.com/setup-howto\nHow to put custom songs onto Beat Saber on Oculus Quest\nAframe https://codepen.io/joerglohrer/full/dyXQqWG https://aframe.io/ https://www.codecademy.com/learn/learn-a-frame VR development within VR with Oculus Quest + Firefox Reality + Glitch + https://rocketvirtual.com/index.html Where to begin with VR in a browser? https://www.reddit.com/r/WebVR/comments/equgdt/vr_development_within_vr_with_oculus_quest/\nhttps://aframe-model-viewer.glitch.me/\nhttps://klausw.github.io/a-frame-car-sample/index.html\nThreeJS https://threejs.org/ https://www.jesuisundev.com/en/understand-threejs/\nTour Creator Google \u0026ldquo;Starting June 30, 2021, the Google Expeditions and Tour Creator will no longer be accessible.\u0026rdquo;\nUnity https://unity.com/de/learn/get-started\nOptik Pupillendistanz (PD) messen - IPD (interpupillary distance) https://apps.apple.com/de/app/eyemeasure/id1417435049 Die kostenfreie App misst den Augenabstand auf 0,5 mm genau ab iPhoneX oder iPadPro Oder einfach mit Lineal: https://imgur.com/a/gyYKB\nOculus Quest Tutorials Deutsch https://twitter.com/StubeDie\nEnglisch Foren https://www.reddit.com/r/OculusQuest/ https://www.reddit.com/r/OculusQuest2/\nStreaming / Playthrough / Livecasting / OBS Oculus Quest Recording / Live Streaming Guide How to stream on Twitch: the ultimate guide\nFile Transfer 3 different ways https://www.youtube.com/watch?v=APbbuJF4Ma4 https://www.android.com/filetransfer/ Wie übertrage ich Bilder oder Videos von meinem Computer auf mein Oculus Quest 2 oder Quest?\nFacebook video downloader here - https://fbdown.net/\nBrillenträger Sehstärke-Linsen Einsätze https://mixed.de/vr-optiker-sehstaerke-linsen-test/\nhttps://vroptiker.de/sehstaerke-linsen-einsaetze/oculus-quest2/ https://widmovr.com/product/oculus-quest-2-prescription-lens-adapters/ Not to do Sonnenlicht in die Linse) Sonnenlicht kann durch die Linsen gebündelt werden und das Display beschödigen.\nLinsen reinigen Grips - Handhalterungen https://www.youtube.com/watch?v=_52xWr_R4uM\u0026amp;feature=youtu.be\u0026amp;t=388\nHeadstrap VIVE DELUXE AUDIO STRAP https://www.vive.com/de/accessory/vive-deluxe-audio-strap/\nFrankenQuest 2 https://uploadvr.com/frankenquest-2-quest-2/ Adapter zum 3D-Druck: https://www.thingiverse.com/thing:4622970 Variante mit Kabelklemme (oben oder unten): https://www.thingiverse.com/thing:4628600/files :::success Druck skaliert auf 101% ::: Install guide Remove the Quest 2 straps following this guide: https://www.youtube.com/watch?v=PejiYjR7_44\u0026amp;feature=youtu.be\u0026amp;t=110 Snap the DAS onto the adaptor (pushing the round front section in first like in the picture). Snap the adaptor onto Quest 2. Use the velcro loop to attach the head strap to the headset. Oculus Quest 2 Comfort Head Strap Mods!\n3DDruck Oculus Quest 2 Elite Strap_V2_NAVIDA DESIGN [https://www.thingiverse.com/thing:4630780/files(https://www.thingiverse.com/thing:4630780/files)] Oculus Link Cable Clip for Deluxe Audio Strap \u0026ldquo;DAS\u0026rdquo; https://www.thingiverse.com/thing:4666749\nÜberblick: https://www.youtube.com/watch?v=sUhMk19PVq4 https://www.youtube.com/watch?v=CN9fYlUGVtk\nLens Adaptor Für Brillen [https://www.thingiverse.com/thing:3653631(https://www.thingiverse.com/thing:3653631)] Für Linsen [https://www.thingiverse.com/thing:3642004(https://www.thingiverse.com/thing:3642004)]\nEsimen Upgrade K3\nBatterie https://www.androidcentral.com/best-oculus-quest-battery-pack\n","permalink":"http://localhost:1313/2021/08/15/virtual-reality.html/","summary":"\u003ch1 id=\"vr---virtual-reality\"\u003eVR - Virtual Reality\u003c/h1\u003e\n\u003ch1 id=\"ausschreibung-torsten--jörg\"\u003eAusschreibung Torsten \u0026amp; Jörg\u003c/h1\u003e\n\u003cp\u003eAusgehend vom Lernbaustein \u003ca href=\"https://relilab.org/vr/\"\u003ehttps://relilab.org/vr/\u003c/a\u003e beschäftigen wir uns in diesem Workshop mit Immersion und praktischen Beispielen im Themenbereich VR/AR. Neben der Vermittlung von theoretischen Grundlagen besprechen wir die Einsatzmöglichkeit im Religionsunterricht am Beispiel einer Reihe zu Schöpfungsmythen. Darüber hinnaus bieten wir die Gelegenheit zu Erfahrungsaustausch, Diskussion und exemplarischen Erlebnismöglichkeiten in der virtuellen Realität.\u003c/p\u003e\n\u003ch1 id=\"theorie\"\u003eTheorie\u003c/h1\u003e\n\u003ch2 id=\"immersion--präsenz\"\u003eImmersion \u0026amp; Präsenz\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://www.immersivelearning.institute/\"\u003ehttps://www.immersivelearning.institute/\u003c/a\u003e\n\u003ca href=\"https://omnia360.de/blog/was-ist-immersion/\"\u003ehttps://omnia360.de/blog/was-ist-immersion/\u003c/a\u003e\n\u003ca href=\"https://en.wikipedia.org/wiki/Immersive_learning\"\u003ehttps://en.wikipedia.org/wiki/Immersive_learning\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"01-immersion-wikipedia.jpg\" alt=\"\"  /\u003e\n\n\u003ca href=\"https://www.sciencedirect.com/science/article/pii/S0360131519303276\"\u003ehttps://www.sciencedirect.com/science/article/pii/S0360131519303276\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"forschung\"\u003eForschung\u003c/h2\u003e\n\u003cp\u003eA Public Database of 360 Videos with Corresponding Ratings of Arousal and Valence\n\u003ca href=\"https://vhil.stanford.edu/360-video-database/\"\u003ehttps://vhil.stanford.edu/360-video-database/\u003c/a\u003e\u003c/p\u003e","title":"VR - Virtual Reality"},{"content":"Pflanzenschild mit QR-Code Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen: Dann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf: Mit dem Cura-Plugin Change Filament at Z den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll: Et voilà: ","permalink":"http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/","summary":"\u003ch1 id=\"pflanzenschild-mit-qr-code\"\u003ePflanzenschild mit QR-Code\u003c/h1\u003e\n\u003cp\u003eMit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen:\n\u003ca href=\"https://keremerkan.net/qr-code-and-2d-code-generator/\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf:\n\u003ca href=\"https://www.tinkercad.com/embed/dcnCyqLFX1P?editbtn=1\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eMit dem Cura-Plugin \u003ca href=\"https://www.thingiverse.com/thing:2077884/#files\"\u003eChange Filament at Z\u003c/a\u003e den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll:\n\u003cimg loading=\"lazy\" src=\"cura-plugin-change-filment-at-z.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEt voilà:\n\u003ca href=\"https://twitter.com/joerglohrer/status/1110580168035176449\"\u003e\u003c/a\u003e\n\u003cimg loading=\"lazy\" src=\"qr-code-pflanzenschild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Pflanzenschild mit QR-Code"},{"content":"Lutherkürbis - Reformation an Halloween Das Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (Quelle: epd/imago)\nAus einer Fotovorlage der Lutherrose wird mit einem Online-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik erzeugt:\nLutherrose PDF-Vorlage\nBastel-Anleitung Einen Kürbis aufschneiden: entkernen und aushöhlen: Schablone aufbringen: Ausschneiden: Mit Kerze oder elektrischem Licht ausstatten: Fertig!\nDiese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\nWeitere Quellen How to Make a Paper Cut-Out Luther Rose YouTube | PDF ","permalink":"http://localhost:1313/2017/10/31/lutherkuerbis.html/","summary":"\u003ch1 id=\"lutherkürbis---reformation-an-halloween\"\u003eLutherkürbis - Reformation an Halloween\u003c/h1\u003e\n\u003cp\u003eDas Symbol der Lutherrose ist auch heute noch in vielen Wappen enthalten und wird als Dekoelement genutzt (\u003ca href=\"https://www.t-online.de/leben/familie/id_65982142/lutherrose-entstehung-und-bedeutung.html\"\u003eQuelle: epd/imago\u003c/a\u003e)\u003c/p\u003e\n\u003cp\u003eAus einer \u003ca href=\"https://duckduckgo.com/?q=lutherrose\u0026amp;t=h_\u0026amp;iax=images\u0026amp;ia=images\"\u003eFotovorlage der Lutherrose\u003c/a\u003e wird mit einem \u003ca href=\"https://image.online-convert.com/convert-to-svg\"\u003eOnline-Konverter eine Schablone als verlustfrei skalierbare Vektorgrafik\u003c/a\u003e erzeugt:\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003e\u003cimg loading=\"lazy\" src=\"lutherrose.png\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://material.rpi-virtuell.de/wp-content/uploads/2018/10/Lutherrose.pdf\"\u003eLutherrose PDF-Vorlage\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"bastel-anleitung\"\u003eBastel-Anleitung\u003c/h2\u003e\n\u003cp\u003eEinen Kürbis aufschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-aufschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eentkernen und aushöhlen:\n\u003cimg loading=\"lazy\" src=\"kuerbis-entkernen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eSchablone aufbringen:\n\u003cimg loading=\"lazy\" src=\"schablone-aufbringen.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eAusschneiden:\n\u003cimg loading=\"lazy\" src=\"kuerbis-ausschneiden.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eMit Kerze oder elektrischem Licht ausstatten:\n\u003cimg loading=\"lazy\" src=\"kuerbis-titelbild.jpg\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eFertig!\u003c/p\u003e\n\u003cp\u003eDiese Idee inklusive der Schablone steht unter \u003ca href=\"https://creativecommons.org/publicdomain/zero/1.0/deed.de\"\u003eCC0-Lizenz\u003c/a\u003e. Du darfst das Werk kopieren, verändern, verbreiten und aufführen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen.\u003c/p\u003e","title":"Lutherkürbis - Reformation an Halloween"},{"content":"Das OctoPrint-Telegram-Plugin schafft eine Schnittstelle zwischen Telegram und OctoPrint. Hier die Anleitung auf Englisch: https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\nDas dauert eine Weile: Token eingeben: Heisst aber nicht, dass jetzt alles gleich klappt: Es müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden: ","permalink":"http://localhost:1313/2017/10/23/telegram-octopi.html/","summary":"\u003cp\u003eDas \u003ca href=\"http://plugins.octoprint.org/plugins/telegram/\"\u003eOctoPrint-Telegram-Plugin\u003c/a\u003e schafft eine Schnittstelle zwischen Telegram und OctoPrint.\nHier die Anleitung auf Englisch: \u003ca href=\"https://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\"\u003ehttps://github.com/fabianonline/OctoPrint-Telegram/blob/stable/README.md\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eDas dauert eine Weile:\n\u003cimg loading=\"lazy\" src=\"octopi1.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eToken eingeben:\n\u003cimg loading=\"lazy\" src=\"octopi2.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eHeisst aber nicht, dass jetzt alles gleich klappt:\n\u003cimg loading=\"lazy\" src=\"octopi3.png\" alt=\"\"  /\u003e\n\u003c/p\u003e\n\u003cp\u003eEs müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden:\n\u003cimg loading=\"lazy\" src=\"octopi4.png\" alt=\"\"  /\u003e\n\u003c/p\u003e","title":"Telegram Bot für Octopi"},{"content":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven Das Handbuch Jugend – Evangelische Perspektiven, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt. CC BY Jörg Lohrer\nErlebnispädagogik Ziele und Arbeitsformen Erlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\nErlebnispädagogik arbeitet mit Wahrnehmungs- und Vertrauensübungen, Kooperations- und Problemlösungsaufgaben, abenteuerlichen Aktionen, persönlichen Herausforderungen und Grenzerfahrungen. Angebote und Maßnahmen mit erlebnispädagogischem Charakter sind zum Beispiel Kanu- und Fahrrad-Touren, Kletteraktionen, kooperative Abenteuerspiele, Natursensibilisierung, Trekkingtouren, Nieder- und Hochseilparcours oder Geocaching.\nErlebnispädagogische Maßnahmen finden u.a. Anwendung im Bereich der Kooperation von Jugendverbandsarbeit und Schule, bei Klassenfahrten, der Präventionsarbeit, bei gruppendynamischen Prozessen, Mitarbeiterschulungen, der Entwicklung von Teamarbeit und in etlichen weiteren Praxisfeldern evangelischer Jugendbildung.\nMit den Arbeitsprinzipien Respekt, Selbstbestimmung, Vertrauen, Kooperation, Verantwortung und Ganzheitlichkeit korrespondiert die Erlebnispädagogik mit dem Profil der evangelischen Jugendarbeit. Ebenso liegen Chancen in einer Verknüpfung von erlebnispädagogischen Aktionen mit einer erfahrungsbezogenen Verkündigung. Erlebnispädagogische Maßnahmen werden als Jugendbildungsveranstaltungen gefördert, wenn sozial-ökologische Inhalte und/oder politisch-kulturelle Schwerpunktthemen mit gesellschaftlichem Bezug im Mittelpunkt der Maßnahme stehen.\nEntstehung, Prinzipien, Methoden Der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) nennt weit in die Vergangenheit zurück reichende Wurzeln der Erlebnispädagogik. Als wichtige Autoren, auf die das Konzept vom handlungsorientierten Lernen zurückgeführt wird, werden Platon (427–347 v.Chr.), Rousseau (1712–1778), Pestalozzi (1746–1827) und schließ- lich Kurt Hahn (1886–1974) als ‚Urvater‘ der Erlebnispädagogik genannt. Ihre heutige Vielfalt und weite Verbreitung hat die Erlebnispädagogik allerdings erst im 20. Jahrhundert und schließlich in den letzten Jahrzehnten entwickelt. Erlebnispädagogik wird nicht nur im Bereich der Erziehung von Kindern und Jugendlichen angewandt, sondern findet inzwischen auch vielfältige Beachtung in der Arbeit mit nahezu allen Altersgruppen zu unterschiedlichen Problem- und Zielstellungen in der präventiven Kurzzeitpädagogik, der intensiven sozialpädagogischen Einzelbetreuung, im Rahmen der beruflichen Fort und Weiterbildung oder in Führungskräftetrainings (vgl. www.bundesverband- erlebnispaedagogik.de).\nAls Grundprinzipien können unter anderem benannt werden: Handlungsorientierung, Ganzheitlichkeit, Eigenverantwortung, Freiwilligkeit, Sicherheit und Nachhaltig- keit. Dabei sind die pädagogischen, kompetenz- und ressourcenorientierten Angebote der Erlebnispädagogik stets eingebettet in die aktuelle Rechtsgrundlage und (Bildungs-) Politik.\nMethodische Aspekte sind z.B.: der hohe Stellenwert des Erlebnisses und das Arbeiten mit erlebnispädagogischen Lernszenarien, nicht-alltäglichen Herausforderungen und Wagnissen, Einsatz verschiedener Medien und der Natur als bevorzugtem Lern- und Erfahrungsraum. Neben einer zunehmende Gruppenselbststeuerung baut die Erlebnispädagogik auf Lern- und Wirkungsmodelle wie das Komfortzonenmodell, das metaphorische Modell, Aktions- und Reflexionswelle oder das FlowModell. Erlebnispädagogik hat als Lernszenariotechnik zwar eine eigene Strukturlogik, dient jedoch ebenso als Methode im nicht genuin erlebnispädagogischen Kontext und entwickelt somit Reichweite, Relevanz und pädagogische Innovationskraft in Konfirmandenarbeit, Religionsunterricht und Gemeindepädagogik.\nAktuelle Fragestellungen und Entwicklungsperspektiven: Qualität und Wirkung Als partizipatorisches Angebot setzt die Erlebnispädagogik auf das Prinzip der Freiwilligkeit und der selbstbestimmten Teilnahme. Unter dem Motto ‚challenge by choice‘ hat eine subjektorientierte Erlebnispädagogik stets zu gewährleisten, dass die Teilnehmenden den Grad ihrer Beteiligung und Verantwortungsübernahme selbst bestimmen können. Reiserechtliche Bestimmungen, Versicherung und Haftung sind daher aktuell handlungsleitendend bei der Erstellung von erlebnispädagogischen Angeboten und Konzeptionen. Hier gab es in den letzten Jahren zahlreiche Entwicklungen, die eine Qualitätssicherung der Mitarbeitendenbildung in Pädagogik und Sicherheitstechnik hinsichtlich geltender Kriterien voraussetzen und notwendig machen. Entsprechende Zusatzqualifikationen sollten daher immer mindestens durch die jeweiligen Fachsportverbände zertifizierbar sein. Mit dem Gütesiegel „Qualität erlebnispädagogischer Programme und Angebote – Mit Sicherheit pädagogisch!“ (beQ) hat der Bundesverband Individual- und Erlebnispädagogik e.V. (BE) ein Zertifizierungsverfahren entwickelt, das ein bundeseinheitliches Qualitätsmanagement fördern will.\nDie Wirkungsforschung erlebnispädagogischer Lernarrangements untersucht deren Substanz, Akzeptanz und Nachhaltigkeit hinsichtlich ihrer Qualität von Konzept, Struktur, Prozess und Ergebnis. Studien konnten bislang Indizien für Impulse zur Kompetenzentwicklung nachweisen, die wissenschaftliche Evaluation gestaltet sich jedoch genauso komplex wie das Spektrum der erlebnispädagogischen Handlungsfelder und so fehlt es bislang an validen Studien, die das Wirkungspotenzial eindeutig beschreiben können.\nIm Kontext evangelischer Jugendbildung stellt sich bei der Verwendung erlebnispädagogischer Methoden immer auch die Frage nach einer Verknüpfung von christlichen Inhalten mit der handlungsorientierten Pädagogik. Die Assoziation von Natur und Schöpfung ist beispielsweise ebenso naheliegend wie die Reflexion von religiösen Erfahrungen in erlebnispädagogischen Lernsettings. Inwiefern sich dabei Unverfügbares inszenieren lässt, bleibt dabei ebenso eine Herausforderung, wie bei der oben beschriebenen Wirkungsforschung. In den vergangenen Jahren haben sich einige Konzepte zur Erprobung erlebnispädagogischer Methoden im christlichen Kontext entwickelt, die zunehmend auch theologisch und religionsdidaktisch reflektiert werden. Eine überregionale Organisation dieser Einzelinitiativen auf Bundesebene wäre der nächste Schritt hin zu einem evangelischen Profil erlebnispädagogischer Jugendbildungsarbeit.\nLiteratur Großer, Achim/Oberländer, Rainer/Lohrer, Jörg/Wiedmayer, Jörg (2005/2011): Sinn gesucht – Gott erfahren. Erlebnispädagogik im christlichen Kontext (Band 1 (2005)/Band 2 (2011)). Stuttgart: Buch und Musik. Heckmair, Bernd/Michl, Werner (2008): Erleben und Lernen. Einführung in die Erlebnispädagogik. München: Reinhardt. Reiners, Annette (2007): Praktische Erlebnispädagogik. Augsburg: ZIEL. Pum, Viktoria/Pirner, Manfred L./Lohrer, Jörg (Hrsg.) (2011): Erlebnispädagogik im christlichen Kontext. Dokumentation einer Tagung der Evangelischen Akademie Bad Boll, 2. bis 4. März 2009. Bad Boll: Evangelische Akademie.\nLinks Bundesverband Individual- und Erlebnispädagogik e.V. (BE): https://www.bundesverband-erlebnispaedagogik.de/ Fachportal für Erlebnispädagogik im christlichen Kontext des Evangelischen Jugendwerks in Württemberg: https://www.ejwue.de/arbeitsbereiche/erlebnispaedagogik/ Informationsdienst Erlebnispädagogik mit Literaturliste: http://erlebnispaedagogik.de/ Bundesweite Klassenfahrten, Aus- und Weiterbildungsangebote der Gesellschaft zur Förderung der Erlebnispädagogik (GFE): https://www.erlebnistage.de/ ","permalink":"http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/","summary":"\u003ch1 id=\"erlebnispädagogik-im-handbuch-jugend--evangelische-perspektiven\"\u003eErlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven\u003c/h1\u003e\n\u003cp\u003eDas\n\u003ca href=\"http://ci-muenster.de/bookshop/artikel/buecher/Bildung-im-Kindes-und-Jugendalter/A40097_Handbuch_Jugend_2013.php\"\u003e\u003cimg loading=\"lazy\" src=\"http://ws.assoc-amazon.de/widgets/q?_encoding=UTF8\u0026amp;ASIN=3847400746\u0026amp;Format=_SL160_\u0026amp;ID=AsinImage\u0026amp;MarketPlace=DE\u0026amp;ServiceVersion=20070822\u0026amp;WS=1\u0026amp;tag=httpwwwjoergl-21\" alt=\"\"  /\u003e\n\u003c/a\u003e\n\u003cstrong\u003eHandbuch Jugend – Evangelische Perspektiven\u003c/strong\u003e, welches 2013 erschienen ist, hat auf Seite 343-345 folgenden Artikel von mir zur Erlebnispädagogik abgedruckt.\n\u003ca href=\"http://creativecommons.org/licenses/by/2.0/de/\"\u003eCC BY\u003c/a\u003e Jörg Lohrer\u003c/p\u003e\n\u003ch2 id=\"erlebnispädagogik\"\u003eErlebnispädagogik\u003c/h2\u003e\n\u003ch3 id=\"ziele-und-arbeitsformen\"\u003eZiele und Arbeitsformen\u003c/h3\u003e\n\u003cp\u003eErlebnispädagogik arbeitet mit einem pädagogischen Konzept zielorientiert und bevorzugt in der Natur oder dem naturnahen Raum vorrangig an der Förderung von Selbst- und Sozialkompetenzen. Dabei grenzt sich Erlebnispädagogik bewusst von ‚Nervenkitzel-Aktionismus‘ und der eskalierenden Suche nach dem Kick nach immer mehr und phantastischeren Erlebnissen ab. Die Förderung von Zutrauen in die eigenen Fähigkeiten, der Umgang mit Ängsten, das Erfahren und Überwinden von Grenzen, die Vemittlung von sozialen Kompetenzen können Zielsetzungen für erlebnispädagogische Maßnahmen in der evangelischen Jugendbildung sein. Dabei geht es auch immer um eine Erweiterung der eigenen Handlungskompetenzen zur Lebensbewältigung durch ein angstfreies Lernen in der Gruppe.\u003c/p\u003e","title":"Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven"},{"content":"Premium, Freemium, Mium mium mium Wer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\nNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\n![](my-very-hungry-caterpillar.jpg =240x) Foto: 365.79 My very hungry caterpillar - Relly Annett-Baker CC BY-NC-SA\nWo früher noch für ein Produkt bezahlt wurde, wird morgen ein Vorgang monetarisiert werden müssen. Übergangslösungen sind bezahlte Dienstleitungen, Werbeeinblendungen, Freischaltcodes, digitales Rechtemanagement oder Crowdfunding. Insgesamt zeigt sich zugleich, dass Geld immer weniger einen materialisierbaren Gegenwert erhält und sich somit eventuell die Substanz der Währung allmählich aufzulösen beginnt. Doch genausowenig wie man Geld essen kann, wird man von Bildung satt. Die Frage, die sich stellt, ist also keine geringere als die nach einer Kalibrierung der Geldfunktionen. Gegenseitige Anerkennung, Verlässlichkeit und Loyalität, Kooperation und Ideenreichtum, Unterstützung und Feedback sind im Rahmen eines offenen Online-Kurses ohnehin unbezahlbar und treten verblüffenderweise da am stärksten auf, wo kein Geldtransfer im Spiel ist. Das zeigt einmal mehr, dass man sich die besten Dinge im Leben mit Geld eben gerade nicht kaufen kann. Doch satt bin ich noch immer nicht.\n","permalink":"http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/","summary":"\u003ch1 id=\"premium-freemium-mium-mium-mium\"\u003ePremium, Freemium, Mium mium mium\u003c/h1\u003e\n\u003cp\u003eWer leckere Bildungsangebote macht, findet immer reichlich Abnehmer. Und im digitalen Zeitalter kann ein einzelnes Produkt dank der vorhandenen Replikatormaschinen unendlich vervielfacht konsumiert werden. Das ist kein Traum mehr, sondern längst cloudgewordene Wirklichkeit.\u003c/p\u003e\n\u003cp\u003eNun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukratives Einkommen zu sichern. Doch während im Dienstleitungssektor der Bildung die einen noch an Vertriebswegen tüfteln, sind die Teilnehmenden in den offenen und massiven Online-Kursen (MOOCs) schon einen Schritt weiter. Hier wird allmählich begriffen, dass nicht die Her- und Bereitstellung, Aufbereitung und didaktische Darbietung von Bildung sich in barer Münze auszahlt, sondern das vernetzende Lernen selbst, also der Prozess, die eigentliche Qualität darstellt, die ihr Geld wirklich wert wäre.\u003c/p\u003e","title":"Premium, Freemium, Mium mium mium"},{"content":"Impressum Angaben gemäß § 5 TMG\nVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: info.empeiria@gmail.com\nHaftungsausschluss: Haftung für Inhalte Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\nHaftung für Links Mein Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.\nUrheberrecht Die durch den Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen jedoch nicht der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind sowohl für den privaten, als auch für den kommerziellen Gebrauch unter Namensnennung und der Creative Commons Lizenz CC BY-SA gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Solltest Du trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.\nDatenschutz Die Nutzung meiner Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf meiner Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Deine ausdrückliche Zustimmung nicht an Dritte weitergegeben. Ich weise darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.\n","permalink":"http://localhost:1313/impressum/","summary":"\u003ch1 id=\"impressum\"\u003eImpressum\u003c/h1\u003e\n\u003cp\u003eAngaben gemäß § 5 TMG\u003c/p\u003e\n\u003cp\u003eVerantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: \u003ca href=\"mailto:info.empeiria@gmail.com\"\u003einfo.empeiria@gmail.com\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"haftungsausschluss\"\u003eHaftungsausschluss:\u003c/h2\u003e\n\u003ch3 id=\"haftung-für-inhalte\"\u003eHaftung für Inhalte\u003c/h3\u003e\n\u003cp\u003eDie Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.\u003c/p\u003e","title":"Impressum"}]
\ No newline at end of file
diff --git a/public/index.xml b/public/index.xml
index f59de49..65736a0 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -2,136 +2,136 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
   <channel>
     <title>Jörg Lohrer</title>
-    <link>https://joerg-lohrer.de/</link>
+    <link>http://localhost:1313/</link>
     <description>Recent content on Jörg Lohrer</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>de</language>
     <lastBuildDate>Wed, 03 Apr 2024 00:00:00 +0000</lastBuildDate>
-    <atom:link href="https://joerg-lohrer.de/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>KIBedenken - Bewusstsein</title>
-      <link>https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/</link>
+      <link>http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/</link>
       <pubDate>Wed, 03 Apr 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/</guid>
+      <guid>http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/</guid>
       <description>Intelligenz oder Bewusstsein?</description>
     </item>
     <item>
       <title>BottomUp -&gt; MarkDown - 5V-Power für deine OER!</title>
-      <link>https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/</link>
+      <link>http://localhost:1313/2024/03/05/bottomup-markdown.html/</link>
       <pubDate>Tue, 05 Mar 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/</guid>
+      <guid>http://localhost:1313/2024/03/05/bottomup-markdown.html/</guid>
       <description>Open Educational Resources mit MarkDown</description>
     </item>
     <item>
       <title>Offenheit - das Wesentliche</title>
-      <link>https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/</link>
+      <link>http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/</link>
       <pubDate>Fri, 26 Jan 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/</guid>
+      <guid>http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/</guid>
       <description>Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade</description>
     </item>
     <item>
       <title>WordPress statt Padlet oder TaskCards</title>
-      <link>https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</link>
+      <link>http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</link>
       <pubDate>Tue, 25 Jul 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</guid>
+      <guid>http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</guid>
       <description>Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen</description>
     </item>
     <item>
       <title>Hefefreuden - Dampfnudeln &amp; Minihefezopf</title>
-      <link>https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/</link>
+      <link>http://localhost:1313/2023/04/07/dampfnudeln.html/</link>
       <pubDate>Fri, 07 Apr 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/</guid>
+      <guid>http://localhost:1313/2023/04/07/dampfnudeln.html/</guid>
       <description>Rezept und Backanleitung</description>
     </item>
     <item>
       <title>Das Gleichnis vom Sämann</title>
-      <link>https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/</link>
+      <link>http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/</link>
       <pubDate>Thu, 23 Mar 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/</guid>
+      <guid>http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/</guid>
       <description>erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle</description>
     </item>
     <item>
       <title>Jojos Schoko-Zimt-Schnecken</title>
-      <link>https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/</link>
+      <link>http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/</link>
       <pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/</guid>
+      <guid>http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/</guid>
       <description>Rezept und Backanleitung</description>
     </item>
     <item>
       <title>Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern</title>
-      <link>https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/</link>
+      <link>http://localhost:1313/2022/03/19/ob-virtualcam.html/</link>
       <pubDate>Sat, 19 Mar 2022 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/</guid>
+      <guid>http://localhost:1313/2022/03/19/ob-virtualcam.html/</guid>
       <description>Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren</description>
     </item>
     <item>
       <title>Moodle Server mit Ubuntu 20 LTS und Iomad</title>
-      <link>https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/</link>
+      <link>http://localhost:1313/2022/02/16/moodle-iomad-linux.html/</link>
       <pubDate>Wed, 16 Feb 2022 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/</guid>
+      <guid>http://localhost:1313/2022/02/16/moodle-iomad-linux.html/</guid>
       <description>Installation von Iomad zur Moodle-Instanz-Verwaltung</description>
     </item>
     <item>
       <title>Bibelfußball - Nachschlage-Quiz zur Bibel</title>
-      <link>https://joerg-lohrer.de/2021/12/03/bibelfussball.html/</link>
+      <link>http://localhost:1313/2021/12/03/bibelfussball.html/</link>
       <pubDate>Fri, 03 Dec 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/12/03/bibelfussball.html/</guid>
+      <guid>http://localhost:1313/2021/12/03/bibelfussball.html/</guid>
       <description>Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen.</description>
     </item>
     <item>
       <title>WordPress Werkstatt PHP</title>
-      <link>https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/</link>
+      <link>http://localhost:1313/2021/11/17/wordpress-werkstatt.html/</link>
       <pubDate>Wed, 17 Nov 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/</guid>
+      <guid>http://localhost:1313/2021/11/17/wordpress-werkstatt.html/</guid>
       <description>Advanced Custom Fields und Formulareingaben</description>
     </item>
     <item>
       <title>VR - Virtual Reality</title>
-      <link>https://joerg-lohrer.de/2021/08/15/virtual-reality.html/</link>
+      <link>http://localhost:1313/2021/08/15/virtual-reality.html/</link>
       <pubDate>Sun, 15 Aug 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/08/15/virtual-reality.html/</guid>
+      <guid>http://localhost:1313/2021/08/15/virtual-reality.html/</guid>
       <description>Tutorials der Oculus Quest 2</description>
     </item>
     <item>
       <title>Pflanzenschild mit QR-Code</title>
-      <link>https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/</link>
+      <link>http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/</link>
       <pubDate>Tue, 26 Mar 2019 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/</guid>
+      <guid>http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/</guid>
       <description>Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen</description>
     </item>
     <item>
       <title>Lutherkürbis - Reformation an Halloween</title>
-      <link>https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/</link>
+      <link>http://localhost:1313/2017/10/31/lutherkuerbis.html/</link>
       <pubDate>Tue, 31 Oct 2017 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/</guid>
+      <guid>http://localhost:1313/2017/10/31/lutherkuerbis.html/</guid>
       <description>Schablone und Bastelanleitung für einen Kürbis zur Reformation</description>
     </item>
     <item>
       <title>Telegram Bot für Octopi</title>
-      <link>https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/</link>
+      <link>http://localhost:1313/2017/10/23/telegram-octopi.html/</link>
       <pubDate>Mon, 23 Oct 2017 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/</guid>
+      <guid>http://localhost:1313/2017/10/23/telegram-octopi.html/</guid>
       <description>Schnittstelle zwischen Telegram und OctoPrint</description>
     </item>
     <item>
       <title>Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven</title>
-      <link>https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</link>
+      <link>http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</link>
       <pubDate>Wed, 29 May 2013 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</guid>
+      <guid>http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</guid>
       <description>Artikel unter CC-BY Lizenz</description>
     </item>
     <item>
       <title>Premium, Freemium, Mium mium mium</title>
-      <link>https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/</link>
+      <link>http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/</link>
       <pubDate>Thu, 07 Feb 2013 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/</guid>
+      <guid>http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/</guid>
       <description>Zur Produktion von sattmachenden Bildungsinhalten</description>
     </item>
     <item>
       <title>Impressum</title>
-      <link>https://joerg-lohrer.de/impressum/</link>
+      <link>http://localhost:1313/impressum/</link>
       <pubDate>Tue, 01 Jan 2013 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/impressum/</guid>
+      <guid>http://localhost:1313/impressum/</guid>
       <description>&lt;h1 id=&#34;impressum&#34;&gt;Impressum&lt;/h1&gt;
 &lt;p&gt;Angaben gemäß § 5 TMG&lt;/p&gt;
 &lt;p&gt;Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Jörg Lohrer Austr.23 74239 Hardthausen Telefon: 07139-50897070 E-Mail: &lt;a href=&#34;mailto:info.empeiria@gmail.com&#34;&gt;info.empeiria@gmail.com&lt;/a&gt;&lt;/p&gt;
diff --git a/public/js/comments.js b/public/js/comments.js
new file mode 100644
index 0000000..0a3fc57
--- /dev/null
+++ b/public/js/comments.js
@@ -0,0 +1,124 @@
+function escapeHtml(unsafe) {
+    return unsafe
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+
+  function toot_active(toot, what) {
+    var count = toot[what+'_count'];
+    return count > 0 ? 'active' : '';
+  }
+
+  function toot_count(toot, what) {
+    var count = toot[what+'_count'];
+    return count > 0 ? count : '';
+  }
+
+  function user_account(account) {
+    var result =`@${account.acct}`;
+    if (account.acct.indexOf('@') === -1) {
+      var domain = new URL(account.url)
+      result += `@${domain.hostname}`
+    }
+    return result;
+  }
+
+  function render_toots(toots, in_reply_to, depth) {
+    var tootsToRender = toots
+      .filter(toot => toot.in_reply_to_id === in_reply_to)
+      .sort((a, b) => a.created_at.localeCompare(b.created_at));
+    tootsToRender.forEach(toot => render_toot(toots, toot, depth));
+  }
+
+  function render_toot(toots, toot, depth) {
+    toot.account.display_name = escapeHtml(toot.account.display_name);
+    toot.account.emojis.forEach(emoji => {
+      toot.account.display_name = toot.account.display_name.replace(`:${emoji.shortcode}:`, `<img src="${escapeHtml(emoji.static_url)}" alt="Emoji ${emoji.shortcode}" height="20" width="20" />`);
+    });
+    if (!blockedToots.includes(toot.url)) {
+      mastodonComment =
+        `<div class="mastodon-comment" style="margin-left: calc(var(--mastodon-comment-indent) * ${depth})">
+          <div class="author">
+            <div class="avatar">
+              <img src="${escapeHtml(toot.account.avatar_static)}" height=60 width=60 alt="">
+            </div>
+            <div class="details">
+              <a class="name" href="${toot.account.url}" rel="nofollow">${toot.account.display_name}</a>
+              <a class="user" href="${toot.account.url}" rel="nofollow">${user_account(toot.account)}</a>
+            </div>
+            <a class="date" href="${toot.url}" rel="nofollow">${toot.created_at.substr(0, 10)} ${toot.created_at.substr(11, 8)}</a>
+          </div>
+          <div class="content">${toot.content}</div>
+          <div class="attachments">
+            ${toot.media_attachments.map(attachment => {
+              if (attachment.type === 'image') {
+                return `<a href="${attachment.url}" rel="nofollow"><img src="${attachment.preview_url}" alt="${attachment.description}" /></a>`;
+              } else if (attachment.type === 'video') {
+                return `<video controls><source src="${attachment.url}" type="${attachment.mime_type}"></video>`;
+              } else if (attachment.type === 'gifv') {
+                return `<video autoplay loop muted playsinline><source src="${attachment.url}" type="${attachment.mime_type}"></video>`;
+              } else if (attachment.type === 'audio') {
+                return `<audio controls><source src="${attachment.url}" type="${attachment.mime_type}"></audio>`;
+              } else {
+                return `<a href="${attachment.url}" rel="nofollow">${attachment.type}</a>`;
+              }
+            }).join('')}
+          </div>
+          <div class="status">
+            <div class="replies ${toot_active(toot, 'replies')}">
+              <a href="${toot.url}" rel="nofollow"><i class="fa fa-reply fa-fw"></i>${toot_count(toot, 'replies')}</a>
+            </div>
+            <div class="reblogs ${toot_active(toot, 'reblogs')}">
+              <a href="${toot.url}" rel="nofollow"><i class="fa fa-retweet fa-fw"></i>${toot_count(toot, 'reblogs')}</a>
+            </div>
+            <div class="favourites ${toot_active(toot, 'favourites')}">
+              <a href="${toot.url}" rel="nofollow"><i class="fa fa-star fa-fw"></i>${toot_count(toot, 'favourites')}</a>
+            </div>
+          </div>
+        </div>`;
+      document.getElementById('mastodon-comments-list').appendChild(DOMPurify.sanitize(mastodonComment, {'RETURN_DOM_FRAGMENT': true}));
+    }
+
+    render_toots(toots, toot.id, depth + 1)
+  }
+
+  function loadComments() {
+    if (commentsLoaded) return;
+
+    document.getElementById("mastodon-comments-list").innerHTML = "Loading comments from the Fediverse...";
+
+    console.log('Comment URL: https://' + host + '/api/v1/statuses/' + id + '/context');
+    fetch('https://' + host + '/api/v1/statuses/' + id + '/context')
+      .then(function(response) {
+        return response.json();
+      })
+      .then(function(data) {
+        if(data['descendants'] && Array.isArray(data['descendants']) && data['descendants'].length > 0) {
+            document.getElementById('mastodon-comments-list').innerHTML = "";
+            render_toots(data['descendants'], id, 0)
+        } else {
+          document.getElementById('mastodon-comments-list').innerHTML = "<p>No comments found</p>";
+        }
+
+        commentsLoaded = true;
+      });
+  }
+
+  function respondToVisibility(element, callback) {
+    var options = {
+      root: null,
+    };
+
+    var observer = new IntersectionObserver((entries, observer) => {
+      entries.forEach(entry => {
+        if (entry.intersectionRatio > 0) {
+          callback();
+        }
+      });
+    }, options);
+
+    observer.observe(element);
+  }
diff --git a/public/js/mastodon-comments.js b/public/js/mastodon-comments.js
new file mode 100644
index 0000000..e90a413
--- /dev/null
+++ b/public/js/mastodon-comments.js
@@ -0,0 +1,338 @@
+const styles = `
+:root {
+  --font-color: #5d686f;
+  --font-size: 1.0rem;
+
+  --block-border-width: 1px;
+  --block-border-radius: 3px;
+  --block-border-color: #ededf0;
+  --block-background-color: #f7f8f8;
+
+  --comment-indent: 40px;
+}
+
+#mastodon-stats {
+  text-align: center;
+  font-size: calc(var(--font-size) * 2)
+}
+
+#mastodon-comments-list {
+  margin: 0 auto;
+}
+
+.mastodon-comment {
+  background-color: var(--block-background-color);
+  border-radius: var(--block-border-radius);
+  border: var(--block-border-width) var(--block-border-color) solid;
+  padding: 20px;
+  margin-bottom: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  color: var(--font-color);
+  font-size: var(--font-size);
+}
+
+.mastodon-comment p {
+  margin-bottom: 0px;
+}
+
+.mastodon-comment .author {
+  padding-top:0;
+  display:flex;
+}
+
+.mastodon-comment .author a {
+  text-decoration: none;
+}
+
+.mastodon-comment .author .avatar img {
+  margin-right:1rem;
+  min-width:60px;
+  border-radius: 5px;
+}
+
+.mastodon-comment .author .details {
+  display: flex;
+  flex-direction: column;
+}
+
+.mastodon-comment .author .details .name {
+  font-weight: bold;
+}
+
+.mastodon-comment .author .details .user {
+  color: #5d686f;
+  font-size: medium;
+}
+
+.mastodon-comment .author .date {
+  margin-left: auto;
+  font-size: small;
+}
+
+.mastodon-comment .content {
+  margin: 15px 20px;
+}
+
+.mastodon-comment .attachments {
+  margin: 0px 10px;
+}
+
+.mastodon-comment .attachments > * {
+  margin: 0px 10px;
+}
+
+.mastodon-comment .attachments img {
+  max-width: 100%;
+}
+
+.mastodon-comment .content p:first-child {
+  margin-top:0;
+  margin-bottom:0;
+}
+
+.mastodon-comment .status > div, #mastodon-stats > div {
+  display: inline-block;
+  margin-right: 15px;
+}
+
+.mastodon-comment .status a, #mastodon-stats a {
+  color: #5d686f;
+  text-decoration: none;
+}
+
+.mastodon-comment .status .replies.active a, #mastodon-stats .replies.active a {
+  color: #003eaa;
+}
+
+.mastodon-comment .status .reblogs.active a, #mastodon-stats .reblogs.active a {
+  color: #8c8dff;
+}
+
+.mastodon-comment .status .favourites.active a, #mastodon-stats .favourites.active a {
+  color: #ca8f04;
+}
+`;
+
+class MastodonComments extends HTMLElement {
+  constructor() {
+    super();
+
+    this.host = this.getAttribute("host");
+    this.user = this.getAttribute("user");
+    this.tootId = this.getAttribute("tootId");
+
+    this.commentsLoaded = false;
+
+    const styleElem = document.createElement("style");
+    styleElem.innerHTML = styles;
+    document.head.appendChild(styleElem);
+  }
+
+  connectedCallback() {
+    this.innerHTML = `
+      <div id="mastodon-stats"></div>
+      <h2>Comments</h2>
+
+      <p>You can use your Fediverse (i.e. Mastodon, among many others) account to reply to this <a class="link"
+          href="https://${this.host}/@${this.user}/${this.tootId}">post</a>.
+      </p>
+      <p id="mastodon-comments-list"></p>
+    `;
+
+    const comments = document.getElementById("mastodon-comments-list");
+    const rootStyle = this.getAttribute("style");
+    if (rootStyle) {
+      comments.setAttribute("style", rootStyle);
+    }
+    this.respondToVisibility(comments, this.loadComments.bind(this));
+  }
+
+  escapeHtml(unsafe) {
+    return (unsafe || "")
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+
+  toot_active(toot, what) {
+    var count = toot[what + "_count"];
+    return count > 0 ? "active" : "";
+  }
+
+  toot_count(toot, what) {
+    var count = toot[what + "_count"];
+    return count > 0 ? count : "";
+  }
+
+  toot_stats(toot) {
+    return `
+      <div class="replies ${this.toot_active(toot, "replies")}">
+        <a href="${
+          toot.url
+        }" rel="nofollow"><i class="fa fa-reply fa-fw"></i>${this.toot_count(
+          toot,
+          "replies",
+        )}</a>
+      </div>
+      <div class="reblogs ${this.toot_active(toot, "reblogs")}">
+        <a href="${
+          toot.url
+        }" rel="nofollow"><i class="fa fa-retweet fa-fw"></i>${this.toot_count(
+          toot,
+          "reblogs",
+        )}</a>
+      </div>
+      <div class="favourites ${this.toot_active(toot, "favourites")}">
+        <a href="${
+          toot.url
+        }" rel="nofollow"><i class="fa fa-star fa-fw"></i>${this.toot_count(
+          toot,
+          "favourites",
+        )}</a>
+      </div>
+    `;
+  }
+
+  user_account(account) {
+    var result = `@${account.acct}`;
+    if (account.acct.indexOf("@") === -1) {
+      var domain = new URL(account.url);
+      result += `@${domain.hostname}`;
+    }
+    return result;
+  }
+
+  render_toots(toots, in_reply_to, depth) {
+    var tootsToRender = toots
+      .filter((toot) => toot.in_reply_to_id === in_reply_to)
+      .sort((a, b) => a.created_at.localeCompare(b.created_at));
+    tootsToRender.forEach((toot) => this.render_toot(toots, toot, depth));
+  }
+
+  render_toot(toots, toot, depth) {
+    toot.account.display_name = this.escapeHtml(toot.account.display_name);
+    toot.account.emojis.forEach((emoji) => {
+      toot.account.display_name = toot.account.display_name.replace(
+        `:${emoji.shortcode}:`,
+        `<img src="${this.escapeHtml(emoji.static_url)}" alt="Emoji ${
+          emoji.shortcode
+        }" height="20" width="20" />`,
+      );
+    });
+
+    const mastodonComment = `<div class="mastodon-comment" style="margin-left: calc(var(--comment-indent) * ${depth})">
+        <div class="author">
+          <div class="avatar">
+            <img src="${this.escapeHtml(
+              toot.account.avatar_static,
+            )}" height=60 width=60 alt="">
+          </div>
+          <div class="details">
+            <a class="name" href="${toot.account.url}" rel="nofollow">${
+              toot.account.display_name
+            }</a>
+            <a class="user" href="${
+              toot.account.url
+            }" rel="nofollow">${this.user_account(toot.account)}</a>
+          </div>
+          <a class="date" href="${
+            toot.url
+          }" rel="nofollow">${toot.created_at.substr(
+            0,
+            10,
+          )} ${toot.created_at.substr(11, 8)}</a>
+        </div>
+        <div class="content">${toot.content}</div>
+        <div class="attachments">
+          ${toot.media_attachments
+            .map((attachment) => {
+              if (attachment.type === "image") {
+                return `<a href="${attachment.url}" rel="nofollow"><img src="${
+                  attachment.preview_url
+                }" alt="${this.escapeHtml(attachment.description)}" /></a>`;
+              } else if (attachment.type === "video") {
+                return `<video controls><source src="${attachment.url}" type="${attachment.mime_type}"></video>`;
+              } else if (attachment.type === "gifv") {
+                return `<video autoplay loop muted playsinline><source src="${attachment.url}" type="${attachment.mime_type}"></video>`;
+              } else if (attachment.type === "audio") {
+                return `<audio controls><source src="${attachment.url}" type="${attachment.mime_type}"></audio>`;
+              } else {
+                return `<a href="${attachment.url}" rel="nofollow">${attachment.type}</a>`;
+              }
+            })
+            .join("")}
+        </div>
+        <div class="status">
+          ${this.toot_stats(toot)}
+        </div>
+      </div>`;
+
+    var div = document.createElement("div");
+    div.innerHTML =
+      typeof DOMPurify !== "undefined"
+        ? DOMPurify.sanitize(mastodonComment.trim())
+        : mastodonComment.trim();
+    document
+      .getElementById("mastodon-comments-list")
+      .appendChild(div.firstChild);
+
+    this.render_toots(toots, toot.id, depth + 1);
+  }
+
+  loadComments() {
+    if (this.commentsLoaded) return;
+
+    document.getElementById("mastodon-comments-list").innerHTML =
+      "Loading comments from the Fediverse...";
+
+    let _this = this;
+
+    fetch("https://" + this.host + "/api/v1/statuses/" + this.tootId)
+      .then((response) => response.json())
+      .then((toot) => {
+        document.getElementById("mastodon-stats").innerHTML =
+          this.toot_stats(toot);
+      });
+
+    fetch(
+      "https://" + this.host + "/api/v1/statuses/" + this.tootId + "/context",
+    )
+      .then((response) => response.json())
+      .then((data) => {
+        if (
+          data["descendants"] &&
+          Array.isArray(data["descendants"]) &&
+          data["descendants"].length > 0
+        ) {
+          document.getElementById("mastodon-comments-list").innerHTML = "";
+          _this.render_toots(data["descendants"], _this.tootId, 0);
+        } else {
+          document.getElementById("mastodon-comments-list").innerHTML =
+            "<p>No comments found</p>";
+        }
+
+        _this.commentsLoaded = true;
+      });
+  }
+
+  respondToVisibility(element, callback) {
+    var options = {
+      root: null,
+    };
+
+    var observer = new IntersectionObserver((entries, observer) => {
+      entries.forEach((entry) => {
+        if (entry.intersectionRatio > 0) {
+          callback();
+        }
+      });
+    }, options);
+
+    observer.observe(element);
+  }
+}
+
+customElements.define("mastodon-comments", MastodonComments);
diff --git a/public/js/purify.js b/public/js/purify.js
new file mode 100644
index 0000000..a03f326
--- /dev/null
+++ b/public/js/purify.js
@@ -0,0 +1,1346 @@
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMPurify = factory());
+})(this, (function () { 'use strict';
+
+  const {
+    entries,
+    setPrototypeOf,
+    isFrozen,
+    getPrototypeOf,
+    getOwnPropertyDescriptor
+  } = Object;
+  let {
+    freeze,
+    seal,
+    create
+  } = Object; // eslint-disable-line import/no-mutable-exports
+  let {
+    apply,
+    construct
+  } = typeof Reflect !== 'undefined' && Reflect;
+  if (!freeze) {
+    freeze = function freeze(x) {
+      return x;
+    };
+  }
+  if (!seal) {
+    seal = function seal(x) {
+      return x;
+    };
+  }
+  if (!apply) {
+    apply = function apply(fun, thisValue, args) {
+      return fun.apply(thisValue, args);
+    };
+  }
+  if (!construct) {
+    construct = function construct(Func, args) {
+      return new Func(...args);
+    };
+  }
+  const arrayForEach = unapply(Array.prototype.forEach);
+  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+  const arrayPop = unapply(Array.prototype.pop);
+  const arrayPush = unapply(Array.prototype.push);
+  const arraySplice = unapply(Array.prototype.splice);
+  const stringToLowerCase = unapply(String.prototype.toLowerCase);
+  const stringToString = unapply(String.prototype.toString);
+  const stringMatch = unapply(String.prototype.match);
+  const stringReplace = unapply(String.prototype.replace);
+  const stringIndexOf = unapply(String.prototype.indexOf);
+  const stringTrim = unapply(String.prototype.trim);
+  const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+  const regExpTest = unapply(RegExp.prototype.test);
+  const typeErrorCreate = unconstruct(TypeError);
+  /**
+   * Creates a new function that calls the given function with a specified thisArg and arguments.
+   *
+   * @param func - The function to be wrapped and called.
+   * @returns A new function that calls the given function with a specified thisArg and arguments.
+   */
+  function unapply(func) {
+    return function (thisArg) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      return apply(func, thisArg, args);
+    };
+  }
+  /**
+   * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+   *
+   * @param func - The constructor function to be wrapped and called.
+   * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+   */
+  function unconstruct(func) {
+    return function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return construct(func, args);
+    };
+  }
+  /**
+   * Add properties to a lookup table
+   *
+   * @param set - The set to which elements will be added.
+   * @param array - The array containing elements to be added to the set.
+   * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+   * @returns The modified set with added elements.
+   */
+  function addToSet(set, array) {
+    let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+    if (setPrototypeOf) {
+      // Make 'in' and truthy checks like Boolean(set.constructor)
+      // independent of any properties defined on Object.prototype.
+      // Prevent prototype setters from intercepting set as a this value.
+      setPrototypeOf(set, null);
+    }
+    let l = array.length;
+    while (l--) {
+      let element = array[l];
+      if (typeof element === 'string') {
+        const lcElement = transformCaseFunc(element);
+        if (lcElement !== element) {
+          // Config presets (e.g. tags.js, attrs.js) are immutable.
+          if (!isFrozen(array)) {
+            array[l] = lcElement;
+          }
+          element = lcElement;
+        }
+      }
+      set[element] = true;
+    }
+    return set;
+  }
+  /**
+   * Clean up an array to harden against CSPP
+   *
+   * @param array - The array to be cleaned.
+   * @returns The cleaned version of the array
+   */
+  function cleanArray(array) {
+    for (let index = 0; index < array.length; index++) {
+      const isPropertyExist = objectHasOwnProperty(array, index);
+      if (!isPropertyExist) {
+        array[index] = null;
+      }
+    }
+    return array;
+  }
+  /**
+   * Shallow clone an object
+   *
+   * @param object - The object to be cloned.
+   * @returns A new object that copies the original.
+   */
+  function clone(object) {
+    const newObject = create(null);
+    for (const [property, value] of entries(object)) {
+      const isPropertyExist = objectHasOwnProperty(object, property);
+      if (isPropertyExist) {
+        if (Array.isArray(value)) {
+          newObject[property] = cleanArray(value);
+        } else if (value && typeof value === 'object' && value.constructor === Object) {
+          newObject[property] = clone(value);
+        } else {
+          newObject[property] = value;
+        }
+      }
+    }
+    return newObject;
+  }
+  /**
+   * This method automatically checks if the prop is function or getter and behaves accordingly.
+   *
+   * @param object - The object to look up the getter function in its prototype chain.
+   * @param prop - The property name for which to find the getter function.
+   * @returns The getter function found in the prototype chain or a fallback function.
+   */
+  function lookupGetter(object, prop) {
+    while (object !== null) {
+      const desc = getOwnPropertyDescriptor(object, prop);
+      if (desc) {
+        if (desc.get) {
+          return unapply(desc.get);
+        }
+        if (typeof desc.value === 'function') {
+          return unapply(desc.value);
+        }
+      }
+      object = getPrototypeOf(object);
+    }
+    function fallbackValue() {
+      return null;
+    }
+    return fallbackValue;
+  }
+
+  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+  const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+  // List of SVG elements that are disallowed by default.
+  // We still need to know them so that we can do namespace
+  // checks properly in case one wants to add them to
+  // allow-list.
+  const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+  const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+  // Similarly to SVG, we want to know all MathML elements,
+  // even those that we disallow by default.
+  const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+  const text = freeze(['#text']);
+
+  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+  const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+  const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+  // eslint-disable-next-line unicorn/better-regex
+  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+  const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+  const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+  );
+  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+  const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+  );
+  const DOCTYPE_NAME = seal(/^html$/i);
+  const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+  var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ARIA_ATTR: ARIA_ATTR,
+    ATTR_WHITESPACE: ATTR_WHITESPACE,
+    CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+    DATA_ATTR: DATA_ATTR,
+    DOCTYPE_NAME: DOCTYPE_NAME,
+    ERB_EXPR: ERB_EXPR,
+    IS_ALLOWED_URI: IS_ALLOWED_URI,
+    IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+    MUSTACHE_EXPR: MUSTACHE_EXPR,
+    TMPLIT_EXPR: TMPLIT_EXPR
+  });
+
+  /* eslint-disable @typescript-eslint/indent */
+  // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+  const NODE_TYPE = {
+    element: 1,
+    attribute: 2,
+    text: 3,
+    cdataSection: 4,
+    entityReference: 5,
+    // Deprecated
+    entityNode: 6,
+    // Deprecated
+    progressingInstruction: 7,
+    comment: 8,
+    document: 9,
+    documentType: 10,
+    documentFragment: 11,
+    notation: 12 // Deprecated
+  };
+  const getGlobal = function getGlobal() {
+    return typeof window === 'undefined' ? null : window;
+  };
+  /**
+   * Creates a no-op policy for internal use only.
+   * Don't export this function outside this module!
+   * @param trustedTypes The policy factory.
+   * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+   * @return The policy created (or null, if Trusted Types
+   * are not supported or creating the policy failed).
+   */
+  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+    if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+      return null;
+    }
+    // Allow the callers to control the unique policy name
+    // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+    // Policy creation with duplicate names throws in Trusted Types.
+    let suffix = null;
+    const ATTR_NAME = 'data-tt-policy-suffix';
+    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+      suffix = purifyHostElement.getAttribute(ATTR_NAME);
+    }
+    const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+    try {
+      return trustedTypes.createPolicy(policyName, {
+        createHTML(html) {
+          return html;
+        },
+        createScriptURL(scriptUrl) {
+          return scriptUrl;
+        }
+      });
+    } catch (_) {
+      // Policy creation failed (most likely another DOMPurify script has
+      // already run). Skip creating the policy, as this will only cause errors
+      // if TT are enforced.
+      console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+      return null;
+    }
+  };
+  const _createHooksMap = function _createHooksMap() {
+    return {
+      afterSanitizeAttributes: [],
+      afterSanitizeElements: [],
+      afterSanitizeShadowDOM: [],
+      beforeSanitizeAttributes: [],
+      beforeSanitizeElements: [],
+      beforeSanitizeShadowDOM: [],
+      uponSanitizeAttribute: [],
+      uponSanitizeElement: [],
+      uponSanitizeShadowNode: []
+    };
+  };
+  function createDOMPurify() {
+    let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+    const DOMPurify = root => createDOMPurify(root);
+    DOMPurify.version = '3.2.4';
+    DOMPurify.removed = [];
+    if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+      // Not running in a browser, provide a factory function
+      // so that you can pass your own Window
+      DOMPurify.isSupported = false;
+      return DOMPurify;
+    }
+    let {
+      document
+    } = window;
+    const originalDocument = document;
+    const currentScript = originalDocument.currentScript;
+    const {
+      DocumentFragment,
+      HTMLTemplateElement,
+      Node,
+      Element,
+      NodeFilter,
+      NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+      HTMLFormElement,
+      DOMParser,
+      trustedTypes
+    } = window;
+    const ElementPrototype = Element.prototype;
+    const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+    const remove = lookupGetter(ElementPrototype, 'remove');
+    const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+    const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+    const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+    // As per issue #47, the web-components registry is inherited by a
+    // new document created via createHTMLDocument. As per the spec
+    // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+    // a new empty registry is used when creating a template contents owner
+    // document, so we use that as our parent document to ensure nothing
+    // is inherited.
+    if (typeof HTMLTemplateElement === 'function') {
+      const template = document.createElement('template');
+      if (template.content && template.content.ownerDocument) {
+        document = template.content.ownerDocument;
+      }
+    }
+    let trustedTypesPolicy;
+    let emptyHTML = '';
+    const {
+      implementation,
+      createNodeIterator,
+      createDocumentFragment,
+      getElementsByTagName
+    } = document;
+    const {
+      importNode
+    } = originalDocument;
+    let hooks = _createHooksMap();
+    /**
+     * Expose whether this browser supports running the full DOMPurify.
+     */
+    DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+    const {
+      MUSTACHE_EXPR,
+      ERB_EXPR,
+      TMPLIT_EXPR,
+      DATA_ATTR,
+      ARIA_ATTR,
+      IS_SCRIPT_OR_DATA,
+      ATTR_WHITESPACE,
+      CUSTOM_ELEMENT
+    } = EXPRESSIONS;
+    let {
+      IS_ALLOWED_URI: IS_ALLOWED_URI$1
+    } = EXPRESSIONS;
+    /**
+     * We consider the elements and attributes below to be safe. Ideally
+     * don't add any new ones but feel free to remove unwanted ones.
+     */
+    /* allowed element names */
+    let ALLOWED_TAGS = null;
+    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+    /* Allowed attribute names */
+    let ALLOWED_ATTR = null;
+    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+    /*
+     * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+     * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+     * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+     * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+     */
+    let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      allowCustomizedBuiltInElements: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: false
+      }
+    }));
+    /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+    let FORBID_TAGS = null;
+    /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+    let FORBID_ATTR = null;
+    /* Decide if ARIA attributes are okay */
+    let ALLOW_ARIA_ATTR = true;
+    /* Decide if custom data attributes are okay */
+    let ALLOW_DATA_ATTR = true;
+    /* Decide if unknown protocols are okay */
+    let ALLOW_UNKNOWN_PROTOCOLS = false;
+    /* Decide if self-closing tags in attributes are allowed.
+     * Usually removed due to a mXSS issue in jQuery 3.0 */
+    let ALLOW_SELF_CLOSE_IN_ATTR = true;
+    /* Output should be safe for common template engines.
+     * This means, DOMPurify removes data attributes, mustaches and ERB
+     */
+    let SAFE_FOR_TEMPLATES = false;
+    /* Output should be safe even for XML used within HTML and alike.
+     * This means, DOMPurify removes comments when containing risky content.
+     */
+    let SAFE_FOR_XML = true;
+    /* Decide if document with <html>... should be returned */
+    let WHOLE_DOCUMENT = false;
+    /* Track whether config is already set on this instance of DOMPurify. */
+    let SET_CONFIG = false;
+    /* Decide if all elements (e.g. style, script) must be children of
+     * document.body. By default, browsers might move them to document.head */
+    let FORCE_BODY = false;
+    /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+     * string (or a TrustedHTML object if Trusted Types are supported).
+     * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+     */
+    let RETURN_DOM = false;
+    /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+     * string  (or a TrustedHTML object if Trusted Types are supported) */
+    let RETURN_DOM_FRAGMENT = false;
+    /* Try to return a Trusted Type object instead of a string, return a string in
+     * case Trusted Types are not supported  */
+    let RETURN_TRUSTED_TYPE = false;
+    /* Output should be free from DOM clobbering attacks?
+     * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+     */
+    let SANITIZE_DOM = true;
+    /* Achieve full DOM Clobbering protection by isolating the namespace of named
+     * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+     *
+     * HTML/DOM spec rules that enable DOM Clobbering:
+     *   - Named Access on Window (§7.3.3)
+     *   - DOM Tree Accessors (§3.1.5)
+     *   - Form Element Parent-Child Relations (§4.10.3)
+     *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+     *   - HTMLCollection (§4.2.10.2)
+     *
+     * Namespace isolation is implemented by prefixing `id` and `name` attributes
+     * with a constant string, i.e., `user-content-`
+     */
+    let SANITIZE_NAMED_PROPS = false;
+    const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+    /* Keep element content when removing element? */
+    let KEEP_CONTENT = true;
+    /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+     * of importing it into a new Document and returning a sanitized copy */
+    let IN_PLACE = false;
+    /* Allow usage of profiles like html, svg and mathMl */
+    let USE_PROFILES = {};
+    /* Tags to ignore content of when KEEP_CONTENT is true */
+    let FORBID_CONTENTS = null;
+    const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+    /* Tags that are safe for data: URIs */
+    let DATA_URI_TAGS = null;
+    const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+    /* Attributes safe for values like "javascript:" */
+    let URI_SAFE_ATTRIBUTES = null;
+    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+    const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+    const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+    const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+    /* Document namespace */
+    let NAMESPACE = HTML_NAMESPACE;
+    let IS_EMPTY_INPUT = false;
+    /* Allowed XHTML+XML namespaces */
+    let ALLOWED_NAMESPACES = null;
+    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+    let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+    let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+    // Certain elements are allowed in both SVG and HTML
+    // namespace. We need to specify them explicitly
+    // so that they don't get erroneously deleted from
+    // HTML namespace.
+    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+    /* Parsing of strict XHTML documents */
+    let PARSER_MEDIA_TYPE = null;
+    const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+    const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+    let transformCaseFunc = null;
+    /* Keep a reference to config to pass to hooks */
+    let CONFIG = null;
+    /* Ideally, do not touch anything below this line */
+    /* ______________________________________________ */
+    const formElement = document.createElement('form');
+    const isRegexOrFunction = function isRegexOrFunction(testValue) {
+      return testValue instanceof RegExp || testValue instanceof Function;
+    };
+    /**
+     * _parseConfig
+     *
+     * @param cfg optional config literal
+     */
+    // eslint-disable-next-line complexity
+    const _parseConfig = function _parseConfig() {
+      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (CONFIG && CONFIG === cfg) {
+        return;
+      }
+      /* Shield configuration object from tampering */
+      if (!cfg || typeof cfg !== 'object') {
+        cfg = {};
+      }
+      /* Shield configuration object from prototype pollution */
+      cfg = clone(cfg);
+      PARSER_MEDIA_TYPE =
+      // eslint-disable-next-line unicorn/prefer-includes
+      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+      // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+      transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+      /* Set configuration parameters */
+      ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+      ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+      ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+      URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+      DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+      FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+      FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+      FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+      USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+      SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+      RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+      FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+      SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+      KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+      IN_PLACE = cfg.IN_PLACE || false; // Default false
+      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+      MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+      HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        ALLOW_DATA_ATTR = false;
+      }
+      if (RETURN_DOM_FRAGMENT) {
+        RETURN_DOM = true;
+      }
+      /* Parse profile info */
+      if (USE_PROFILES) {
+        ALLOWED_TAGS = addToSet({}, text);
+        ALLOWED_ATTR = [];
+        if (USE_PROFILES.html === true) {
+          addToSet(ALLOWED_TAGS, html$1);
+          addToSet(ALLOWED_ATTR, html);
+        }
+        if (USE_PROFILES.svg === true) {
+          addToSet(ALLOWED_TAGS, svg$1);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.svgFilters === true) {
+          addToSet(ALLOWED_TAGS, svgFilters);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.mathMl === true) {
+          addToSet(ALLOWED_TAGS, mathMl$1);
+          addToSet(ALLOWED_ATTR, mathMl);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+      }
+      /* Merge configuration parameters */
+      if (cfg.ADD_TAGS) {
+        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        }
+        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+      }
+      if (cfg.ADD_ATTR) {
+        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        }
+        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+      }
+      if (cfg.ADD_URI_SAFE_ATTR) {
+        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+      }
+      if (cfg.FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+      }
+      /* Add #text in case KEEP_CONTENT is set to true */
+      if (KEEP_CONTENT) {
+        ALLOWED_TAGS['#text'] = true;
+      }
+      /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+      if (WHOLE_DOCUMENT) {
+        addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+      }
+      /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+      if (ALLOWED_TAGS.table) {
+        addToSet(ALLOWED_TAGS, ['tbody']);
+        delete FORBID_TAGS.tbody;
+      }
+      if (cfg.TRUSTED_TYPES_POLICY) {
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        }
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        }
+        // Overwrite existing TrustedTypes policy.
+        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+        // Sign local variables required by `sanitize`.
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      } else {
+        // Uninitialized policy, attempt to initialize the internal dompurify policy.
+        if (trustedTypesPolicy === undefined) {
+          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+        }
+        // If creating the internal policy succeeded sign internal variables.
+        if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+          emptyHTML = trustedTypesPolicy.createHTML('');
+        }
+      }
+      // Prevent further manipulation of configuration.
+      // Not available in IE8, Safari 5, etc.
+      if (freeze) {
+        freeze(cfg);
+      }
+      CONFIG = cfg;
+    };
+    /* Keep track of all possible SVG and MathML tags
+     * so that we can perform the namespace checks
+     * correctly. */
+    const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+    const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+    /**
+     * @param element a DOM element whose namespace is being checked
+     * @returns Return false if the element has a
+     *  namespace that a spec-compliant parser would never
+     *  return. Return true otherwise.
+     */
+    const _checkValidNamespace = function _checkValidNamespace(element) {
+      let parent = getParentNode(element);
+      // In JSDOM, if we're inside shadow DOM, then parentNode
+      // can be null. We just simulate parent in this case.
+      if (!parent || !parent.tagName) {
+        parent = {
+          namespaceURI: NAMESPACE,
+          tagName: 'template'
+        };
+      }
+      const tagName = stringToLowerCase(element.tagName);
+      const parentTagName = stringToLowerCase(parent.tagName);
+      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return false;
+      }
+      if (element.namespaceURI === SVG_NAMESPACE) {
+        // The only way to switch from HTML namespace to SVG
+        // is via <svg>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'svg';
+        }
+        // The only way to switch from MathML to SVG is via`
+        // svg if parent is either <annotation-xml> or MathML
+        // text integration points.
+        if (parent.namespaceURI === MATHML_NAMESPACE) {
+          return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+        }
+        // We only allow elements that are defined in SVG
+        // spec. All others are disallowed in SVG namespace.
+        return Boolean(ALL_SVG_TAGS[tagName]);
+      }
+      if (element.namespaceURI === MATHML_NAMESPACE) {
+        // The only way to switch from HTML namespace to MathML
+        // is via <math>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'math';
+        }
+        // The only way to switch from SVG to MathML is via
+        // <math> and HTML integration points
+        if (parent.namespaceURI === SVG_NAMESPACE) {
+          return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+        }
+        // We only allow elements that are defined in MathML
+        // spec. All others are disallowed in MathML namespace.
+        return Boolean(ALL_MATHML_TAGS[tagName]);
+      }
+      if (element.namespaceURI === HTML_NAMESPACE) {
+        // The only way to switch from SVG to HTML is via
+        // HTML integration points, and from MathML to HTML
+        // is via MathML text integration points
+        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        // We disallow tags that are specific for MathML
+        // or SVG and should never appear in HTML namespace
+        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+      }
+      // For XHTML and XML documents that support custom namespaces
+      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return true;
+      }
+      // The code should never reach this place (this means
+      // that the element somehow got namespace that is not
+      // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+      // Return false just in case.
+      return false;
+    };
+    /**
+     * _forceRemove
+     *
+     * @param node a DOM node
+     */
+    const _forceRemove = function _forceRemove(node) {
+      arrayPush(DOMPurify.removed, {
+        element: node
+      });
+      try {
+        // eslint-disable-next-line unicorn/prefer-dom-node-remove
+        getParentNode(node).removeChild(node);
+      } catch (_) {
+        remove(node);
+      }
+    };
+    /**
+     * _removeAttribute
+     *
+     * @param name an Attribute name
+     * @param element a DOM node
+     */
+    const _removeAttribute = function _removeAttribute(name, element) {
+      try {
+        arrayPush(DOMPurify.removed, {
+          attribute: element.getAttributeNode(name),
+          from: element
+        });
+      } catch (_) {
+        arrayPush(DOMPurify.removed, {
+          attribute: null,
+          from: element
+        });
+      }
+      element.removeAttribute(name);
+      // We void attribute values for unremovable "is" attributes
+      if (name === 'is') {
+        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+          try {
+            _forceRemove(element);
+          } catch (_) {}
+        } else {
+          try {
+            element.setAttribute(name, '');
+          } catch (_) {}
+        }
+      }
+    };
+    /**
+     * _initDocument
+     *
+     * @param dirty - a string of dirty markup
+     * @return a DOM, filled with the dirty markup
+     */
+    const _initDocument = function _initDocument(dirty) {
+      /* Create a HTML document */
+      let doc = null;
+      let leadingWhitespace = null;
+      if (FORCE_BODY) {
+        dirty = '<remove></remove>' + dirty;
+      } else {
+        /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+        leadingWhitespace = matches && matches[0];
+      }
+      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+        // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+      }
+      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      /*
+       * Use the DOMParser API by default, fallback later if needs be
+       * DOMParser not work for svg when has multiple root element.
+       */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        try {
+          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        } catch (_) {}
+      }
+      /* Use createHTMLDocument in case DOMParser is not available */
+      if (!doc || !doc.documentElement) {
+        doc = implementation.createDocument(NAMESPACE, 'template', null);
+        try {
+          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+        } catch (_) {
+          // Syntax error if dirtyPayload is invalid xml
+        }
+      }
+      const body = doc.body || doc.documentElement;
+      if (dirty && leadingWhitespace) {
+        body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+      }
+      /* Work on whole document or just its body */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+      }
+      return WHOLE_DOCUMENT ? doc.documentElement : body;
+    };
+    /**
+     * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+     *
+     * @param root The root element or node to start traversing on.
+     * @return The created NodeIterator
+     */
+    const _createNodeIterator = function _createNodeIterator(root) {
+      return createNodeIterator.call(root.ownerDocument || root, root,
+      // eslint-disable-next-line no-bitwise
+      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+    };
+    /**
+     * _isClobbered
+     *
+     * @param element element to check for clobbering attacks
+     * @return true if clobbered, false if safe
+     */
+    const _isClobbered = function _isClobbered(element) {
+      return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+    };
+    /**
+     * Checks whether the given object is a DOM node.
+     *
+     * @param value object to check whether it's a DOM node
+     * @return true is object is a DOM node
+     */
+    const _isNode = function _isNode(value) {
+      return typeof Node === 'function' && value instanceof Node;
+    };
+    function _executeHooks(hooks, currentNode, data) {
+      arrayForEach(hooks, hook => {
+        hook.call(DOMPurify, currentNode, data, CONFIG);
+      });
+    }
+    /**
+     * _sanitizeElements
+     *
+     * @protect nodeName
+     * @protect textContent
+     * @protect removeChild
+     * @param currentNode to check for permission to exist
+     * @return true if node was killed, false if left alive
+     */
+    const _sanitizeElements = function _sanitizeElements(currentNode) {
+      let content = null;
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+      /* Check if element is clobbered or can clobber */
+      if (_isClobbered(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Now let's check the element's type and name */
+      const tagName = transformCaseFunc(currentNode.nodeName);
+      /* Execute a hook if present */
+      _executeHooks(hooks.uponSanitizeElement, currentNode, {
+        tagName,
+        allowedTags: ALLOWED_TAGS
+      });
+      /* Detect mXSS attempts abusing namespace confusion */
+      if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove any occurrence of processing instructions */
+      if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove any kind of possibly harmful comments */
+      if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove element if anything forbids its presence */
+      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+        /* Check if we have a custom element to handle */
+        if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+            return false;
+          }
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+            return false;
+          }
+        }
+        /* Keep content except for bad-listed elements */
+        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+          if (childNodes && parentNode) {
+            const childCount = childNodes.length;
+            for (let i = childCount - 1; i >= 0; --i) {
+              const childClone = cloneNode(childNodes[i], true);
+              childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+              parentNode.insertBefore(childClone, getNextSibling(currentNode));
+            }
+          }
+        }
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Check whether element has a valid namespace */
+      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Make sure that older browsers don't get fallback-tag mXSS */
+      if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Sanitize element content to be template-safe */
+      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+        /* Get the element's text content */
+        content = currentNode.textContent;
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          content = stringReplace(content, expr, ' ');
+        });
+        if (currentNode.textContent !== content) {
+          arrayPush(DOMPurify.removed, {
+            element: currentNode.cloneNode()
+          });
+          currentNode.textContent = content;
+        }
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+      return false;
+    };
+    /**
+     * _isValidAttribute
+     *
+     * @param lcTag Lowercase tag name of containing element.
+     * @param lcName Lowercase attribute name.
+     * @param value Attribute value.
+     * @return Returns true if `value` is valid, otherwise false.
+     */
+    // eslint-disable-next-line complexity
+    const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+      /* Make sure attribute cannot clobber */
+      if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+        return false;
+      }
+      /* Allow valid data-* attributes: At least one character after "-"
+          (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+          XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+          We don't need to check the value; it's always URI safe. */
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+        if (
+        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+        // Alternative, second condition checks if it's an `is`-attribute, AND
+        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+        lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+          return false;
+        }
+        /* Check value is safe. First, is attr inert? If so, is safe */
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+        return false;
+      } else ;
+      return true;
+    };
+    /**
+     * _isBasicCustomElement
+     * checks if at least one dash is included in tagName, and it's not the first char
+     * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+     *
+     * @param tagName name of the tag of the node to sanitize
+     * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+     */
+    const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+      return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+    };
+    /**
+     * _sanitizeAttributes
+     *
+     * @protect attributes
+     * @protect nodeName
+     * @protect removeAttribute
+     * @protect setAttribute
+     *
+     * @param currentNode to sanitize
+     */
+    const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+      const {
+        attributes
+      } = currentNode;
+      /* Check if we have attributes; if not we might have a text node */
+      if (!attributes || _isClobbered(currentNode)) {
+        return;
+      }
+      const hookEvent = {
+        attrName: '',
+        attrValue: '',
+        keepAttr: true,
+        allowedAttributes: ALLOWED_ATTR,
+        forceKeepAttr: undefined
+      };
+      let l = attributes.length;
+      /* Go backwards over all attributes; safely remove bad ones */
+      while (l--) {
+        const attr = attributes[l];
+        const {
+          name,
+          namespaceURI,
+          value: attrValue
+        } = attr;
+        const lcName = transformCaseFunc(name);
+        let value = name === 'value' ? attrValue : stringTrim(attrValue);
+        /* Execute a hook if present */
+        hookEvent.attrName = lcName;
+        hookEvent.attrValue = value;
+        hookEvent.keepAttr = true;
+        hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+        _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+        value = hookEvent.attrValue;
+        /* Full DOM Clobbering protection via namespace isolation,
+         * Prefix id and name attributes with `user-content-`
+         */
+        if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+          // Remove the attribute with this value
+          _removeAttribute(name, currentNode);
+          // Prefix the value and later re-create the attribute with the sanitized value
+          value = SANITIZE_NAMED_PROPS_PREFIX + value;
+        }
+        /* Work around a security issue with comments inside attributes */
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Did the hooks approve of the attribute? */
+        if (hookEvent.forceKeepAttr) {
+          continue;
+        }
+        /* Remove attribute */
+        _removeAttribute(name, currentNode);
+        /* Did the hooks approve of the attribute? */
+        if (!hookEvent.keepAttr) {
+          continue;
+        }
+        /* Work around a security issue in jQuery 3.0 */
+        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Sanitize attribute content to be template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            value = stringReplace(value, expr, ' ');
+          });
+        }
+        /* Is `value` valid for this attribute? */
+        const lcTag = transformCaseFunc(currentNode.nodeName);
+        if (!_isValidAttribute(lcTag, lcName, value)) {
+          continue;
+        }
+        /* Handle attributes that require Trusted Types */
+        if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+          if (namespaceURI) ; else {
+            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+              case 'TrustedHTML':
+                {
+                  value = trustedTypesPolicy.createHTML(value);
+                  break;
+                }
+              case 'TrustedScriptURL':
+                {
+                  value = trustedTypesPolicy.createScriptURL(value);
+                  break;
+                }
+            }
+          }
+        }
+        /* Handle invalid data-* attribute set by try-catching it */
+        try {
+          if (namespaceURI) {
+            currentNode.setAttributeNS(namespaceURI, name, value);
+          } else {
+            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+            currentNode.setAttribute(name, value);
+          }
+          if (_isClobbered(currentNode)) {
+            _forceRemove(currentNode);
+          } else {
+            arrayPop(DOMPurify.removed);
+          }
+        } catch (_) {}
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+    };
+    /**
+     * _sanitizeShadowDOM
+     *
+     * @param fragment to iterate over recursively
+     */
+    const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+      let shadowNode = null;
+      const shadowIterator = _createNodeIterator(fragment);
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+      while (shadowNode = shadowIterator.nextNode()) {
+        /* Execute a hook if present */
+        _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+        /* Sanitize tags and elements */
+        _sanitizeElements(shadowNode);
+        /* Check attributes next */
+        _sanitizeAttributes(shadowNode);
+        /* Deep shadow DOM detected */
+        if (shadowNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(shadowNode.content);
+        }
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+    };
+    // eslint-disable-next-line complexity
+    DOMPurify.sanitize = function (dirty) {
+      let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      let body = null;
+      let importedNode = null;
+      let currentNode = null;
+      let returnNode = null;
+      /* Make sure we have a string to sanitize.
+        DO NOT return early, as this will return the wrong type if
+        the user has requested a DOM object rather than a string */
+      IS_EMPTY_INPUT = !dirty;
+      if (IS_EMPTY_INPUT) {
+        dirty = '<!-->';
+      }
+      /* Stringify, in case dirty is an object */
+      if (typeof dirty !== 'string' && !_isNode(dirty)) {
+        if (typeof dirty.toString === 'function') {
+          dirty = dirty.toString();
+          if (typeof dirty !== 'string') {
+            throw typeErrorCreate('dirty is not a string, aborting');
+          }
+        } else {
+          throw typeErrorCreate('toString is not a function');
+        }
+      }
+      /* Return dirty HTML if DOMPurify cannot run */
+      if (!DOMPurify.isSupported) {
+        return dirty;
+      }
+      /* Assign config vars */
+      if (!SET_CONFIG) {
+        _parseConfig(cfg);
+      }
+      /* Clean up removed elements */
+      DOMPurify.removed = [];
+      /* Check if dirty is correctly typed for IN_PLACE */
+      if (typeof dirty === 'string') {
+        IN_PLACE = false;
+      }
+      if (IN_PLACE) {
+        /* Do some early pre-sanitization to avoid unsafe root nodes */
+        if (dirty.nodeName) {
+          const tagName = transformCaseFunc(dirty.nodeName);
+          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+            throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+          }
+        }
+      } else if (dirty instanceof Node) {
+        /* If dirty is a DOM element, append to an empty document to avoid
+           elements being stripped by the parser */
+        body = _initDocument('<!---->');
+        importedNode = body.ownerDocument.importNode(dirty, true);
+        if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+          /* Node is already a body, use as is */
+          body = importedNode;
+        } else if (importedNode.nodeName === 'HTML') {
+          body = importedNode;
+        } else {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          body.appendChild(importedNode);
+        }
+      } else {
+        /* Exit directly if we have nothing to do */
+        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+        // eslint-disable-next-line unicorn/prefer-includes
+        dirty.indexOf('<') === -1) {
+          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        }
+        /* Initialize the document to work on */
+        body = _initDocument(dirty);
+        /* Check we have a DOM node from the data */
+        if (!body) {
+          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+        }
+      }
+      /* Remove first element node (ours) if FORCE_BODY is set */
+      if (body && FORCE_BODY) {
+        _forceRemove(body.firstChild);
+      }
+      /* Get node iterator */
+      const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+      /* Now start iterating over the created document */
+      while (currentNode = nodeIterator.nextNode()) {
+        /* Sanitize tags and elements */
+        _sanitizeElements(currentNode);
+        /* Check attributes next */
+        _sanitizeAttributes(currentNode);
+        /* Shadow DOM detected, sanitize it */
+        if (currentNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(currentNode.content);
+        }
+      }
+      /* If we sanitized `dirty` in-place, return it. */
+      if (IN_PLACE) {
+        return dirty;
+      }
+      /* Return sanitized string or DOM */
+      if (RETURN_DOM) {
+        if (RETURN_DOM_FRAGMENT) {
+          returnNode = createDocumentFragment.call(body.ownerDocument);
+          while (body.firstChild) {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            returnNode.appendChild(body.firstChild);
+          }
+        } else {
+          returnNode = body;
+        }
+        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+          /*
+            AdoptNode() is not used because internal state is not reset
+            (e.g. the past names map of a HTMLFormElement), this is safe
+            in theory but we would rather not risk another attack vector.
+            The state that is cloned by importNode() is explicitly defined
+            by the specs.
+          */
+          returnNode = importNode.call(originalDocument, returnNode, true);
+        }
+        return returnNode;
+      }
+      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+      /* Serialize doctype if allowed */
+      if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+        serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+      }
+      /* Sanitize final string template-safe */
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          serializedHTML = stringReplace(serializedHTML, expr, ' ');
+        });
+      }
+      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+    };
+    DOMPurify.setConfig = function () {
+      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      _parseConfig(cfg);
+      SET_CONFIG = true;
+    };
+    DOMPurify.clearConfig = function () {
+      CONFIG = null;
+      SET_CONFIG = false;
+    };
+    DOMPurify.isValidAttribute = function (tag, attr, value) {
+      /* Initialize shared config vars if necessary. */
+      if (!CONFIG) {
+        _parseConfig({});
+      }
+      const lcTag = transformCaseFunc(tag);
+      const lcName = transformCaseFunc(attr);
+      return _isValidAttribute(lcTag, lcName, value);
+    };
+    DOMPurify.addHook = function (entryPoint, hookFunction) {
+      if (typeof hookFunction !== 'function') {
+        return;
+      }
+      arrayPush(hooks[entryPoint], hookFunction);
+    };
+    DOMPurify.removeHook = function (entryPoint, hookFunction) {
+      if (hookFunction !== undefined) {
+        const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+        return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+      }
+      return arrayPop(hooks[entryPoint]);
+    };
+    DOMPurify.removeHooks = function (entryPoint) {
+      hooks[entryPoint] = [];
+    };
+    DOMPurify.removeAllHooks = function () {
+      hooks = _createHooksMap();
+    };
+    return DOMPurify;
+  }
+  var purify = createDOMPurify();
+
+  return purify;
+
+}));
+//# sourceMappingURL=purify.js.map
diff --git a/public/js/purify.js.map b/public/js/purify.js.map
new file mode 100644
index 0000000..77cd530
--- /dev/null
+++ b/public/js/purify.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"purify.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/public/js/purify.min.js b/public/js/purify.min.js
new file mode 100644
index 0000000..b472a86
--- /dev/null
+++ b/public/js/purify.min.js
@@ -0,0 +1,3 @@
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){"use strict";const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:c,construct:s}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),s||(s=function(e,t){return new e(...t)});const u=R(Array.prototype.forEach),m=R(Array.prototype.lastIndexOf),p=R(Array.prototype.pop),f=R(Array.prototype.push),d=R(Array.prototype.splice),h=R(String.prototype.toLowerCase),g=R(String.prototype.toString),T=R(String.prototype.match),y=R(String.prototype.replace),E=R(String.prototype.indexOf),A=R(String.prototype.trim),_=R(Object.prototype.hasOwnProperty),S=R(RegExp.prototype.test),b=(N=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(N,t)});var N;function R(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return c(e,t,o)}}function w(e,o){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:h;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function O(e){for(let t=0;t<e.length;t++){_(e,t)||(e[t]=null)}return e}function D(t){const n=l(null);for(const[o,r]of e(t)){_(t,o)&&(Array.isArray(r)?n[o]=O(r):r&&"object"==typeof r&&r.constructor===Object?n[o]=D(r):n[o]=r)}return n}function v(e,t){for(;null!==e;){const n=r(e,t);if(n){if(n.get)return R(n.get);if("function"==typeof n.value)return R(n.value)}e=o(e)}return function(){return null}}const L=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),C=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),x=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),M=i(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),k=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),I=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),U=i(["#text"]),z=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),P=i(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),H=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),B=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),W=a(/<%[\w\W]*|[\w\W]*%>/gm),G=a(/\$\{[\w\W]*/gm),Y=a(/^data-[\-\w.\u00B7-\uFFFF]+$/),j=a(/^aria-[\-\w]+$/),X=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),q=a(/^(?:\w+script|data):/i),$=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),K=a(/^html$/i),V=a(/^[a-z][.\w]*(-[.\w]+)+$/i);var Z=Object.freeze({__proto__:null,ARIA_ATTR:j,ATTR_WHITESPACE:$,CUSTOM_ELEMENT:V,DATA_ATTR:Y,DOCTYPE_NAME:K,ERB_EXPR:W,IS_ALLOWED_URI:X,IS_SCRIPT_OR_DATA:q,MUSTACHE_EXPR:B,TMPLIT_EXPR:G});const J=1,Q=3,ee=7,te=8,ne=9,oe=function(){return"undefined"==typeof window?null:window};var re=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:oe();const o=e=>t(e);if(o.version="3.2.4",o.removed=[],!n||!n.document||n.document.nodeType!==ne||!n.Element)return o.isSupported=!1,o;let{document:r}=n;const a=r,c=a.currentScript,{DocumentFragment:s,HTMLTemplateElement:N,Node:R,Element:O,NodeFilter:B,NamedNodeMap:W=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:G,DOMParser:Y,trustedTypes:j}=n,q=O.prototype,$=v(q,"cloneNode"),V=v(q,"remove"),re=v(q,"nextSibling"),ie=v(q,"childNodes"),ae=v(q,"parentNode");if("function"==typeof N){const e=r.createElement("template");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let le,ce="";const{implementation:se,createNodeIterator:ue,createDocumentFragment:me,getElementsByTagName:pe}=r,{importNode:fe}=a;let de={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};o.isSupported="function"==typeof e&&"function"==typeof ae&&se&&void 0!==se.createHTMLDocument;const{MUSTACHE_EXPR:he,ERB_EXPR:ge,TMPLIT_EXPR:Te,DATA_ATTR:ye,ARIA_ATTR:Ee,IS_SCRIPT_OR_DATA:Ae,ATTR_WHITESPACE:_e,CUSTOM_ELEMENT:Se}=Z;let{IS_ALLOWED_URI:be}=Z,Ne=null;const Re=w({},[...L,...C,...x,...k,...U]);let we=null;const Oe=w({},[...z,...P,...H,...F]);let De=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),ve=null,Le=null,Ce=!0,xe=!0,Me=!1,ke=!0,Ie=!1,Ue=!0,ze=!1,Pe=!1,He=!1,Fe=!1,Be=!1,We=!1,Ge=!0,Ye=!1,je=!0,Xe=!1,qe={},$e=null;const Ke=w({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ve=null;const Ze=w({},["audio","video","img","source","image","track"]);let Je=null;const Qe=w({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),et="http://www.w3.org/1998/Math/MathML",tt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml";let ot=nt,rt=!1,it=null;const at=w({},[et,tt,nt],g);let lt=w({},["mi","mo","mn","ms","mtext"]),ct=w({},["annotation-xml"]);const st=w({},["title","style","font","a","script"]);let ut=null;const mt=["application/xhtml+xml","text/html"];let pt=null,ft=null;const dt=r.createElement("form"),ht=function(e){return e instanceof RegExp||e instanceof Function},gt=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ft||ft!==e){if(e&&"object"==typeof e||(e={}),e=D(e),ut=-1===mt.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,pt="application/xhtml+xml"===ut?g:h,Ne=_(e,"ALLOWED_TAGS")?w({},e.ALLOWED_TAGS,pt):Re,we=_(e,"ALLOWED_ATTR")?w({},e.ALLOWED_ATTR,pt):Oe,it=_(e,"ALLOWED_NAMESPACES")?w({},e.ALLOWED_NAMESPACES,g):at,Je=_(e,"ADD_URI_SAFE_ATTR")?w(D(Qe),e.ADD_URI_SAFE_ATTR,pt):Qe,Ve=_(e,"ADD_DATA_URI_TAGS")?w(D(Ze),e.ADD_DATA_URI_TAGS,pt):Ze,$e=_(e,"FORBID_CONTENTS")?w({},e.FORBID_CONTENTS,pt):Ke,ve=_(e,"FORBID_TAGS")?w({},e.FORBID_TAGS,pt):{},Le=_(e,"FORBID_ATTR")?w({},e.FORBID_ATTR,pt):{},qe=!!_(e,"USE_PROFILES")&&e.USE_PROFILES,Ce=!1!==e.ALLOW_ARIA_ATTR,xe=!1!==e.ALLOW_DATA_ATTR,Me=e.ALLOW_UNKNOWN_PROTOCOLS||!1,ke=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,Ie=e.SAFE_FOR_TEMPLATES||!1,Ue=!1!==e.SAFE_FOR_XML,ze=e.WHOLE_DOCUMENT||!1,Fe=e.RETURN_DOM||!1,Be=e.RETURN_DOM_FRAGMENT||!1,We=e.RETURN_TRUSTED_TYPE||!1,He=e.FORCE_BODY||!1,Ge=!1!==e.SANITIZE_DOM,Ye=e.SANITIZE_NAMED_PROPS||!1,je=!1!==e.KEEP_CONTENT,Xe=e.IN_PLACE||!1,be=e.ALLOWED_URI_REGEXP||X,ot=e.NAMESPACE||nt,lt=e.MATHML_TEXT_INTEGRATION_POINTS||lt,ct=e.HTML_INTEGRATION_POINTS||ct,De=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&ht(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(De.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&ht(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(De.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(De.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Ie&&(xe=!1),Be&&(Fe=!0),qe&&(Ne=w({},U),we=[],!0===qe.html&&(w(Ne,L),w(we,z)),!0===qe.svg&&(w(Ne,C),w(we,P),w(we,F)),!0===qe.svgFilters&&(w(Ne,x),w(we,P),w(we,F)),!0===qe.mathMl&&(w(Ne,k),w(we,H),w(we,F))),e.ADD_TAGS&&(Ne===Re&&(Ne=D(Ne)),w(Ne,e.ADD_TAGS,pt)),e.ADD_ATTR&&(we===Oe&&(we=D(we)),w(we,e.ADD_ATTR,pt)),e.ADD_URI_SAFE_ATTR&&w(Je,e.ADD_URI_SAFE_ATTR,pt),e.FORBID_CONTENTS&&($e===Ke&&($e=D($e)),w($e,e.FORBID_CONTENTS,pt)),je&&(Ne["#text"]=!0),ze&&w(Ne,["html","head","body"]),Ne.table&&(w(Ne,["tbody"]),delete ve.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');le=e.TRUSTED_TYPES_POLICY,ce=le.createHTML("")}else void 0===le&&(le=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(j,c)),null!==le&&"string"==typeof ce&&(ce=le.createHTML(""));i&&i(e),ft=e}},Tt=w({},[...C,...x,...M]),yt=w({},[...k,...I]),Et=function(e){f(o.removed,{element:e});try{ae(e).removeChild(e)}catch(t){V(e)}},At=function(e,t){try{f(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){f(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(Fe||Be)try{Et(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},_t=function(e){let t=null,n=null;if(He)e="<remove></remove>"+e;else{const t=T(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===ut&&ot===nt&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const o=le?le.createHTML(e):e;if(ot===nt)try{t=(new Y).parseFromString(o,ut)}catch(e){}if(!t||!t.documentElement){t=se.createDocument(ot,"template",null);try{t.documentElement.innerHTML=rt?ce:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),ot===nt?pe.call(t,ze?"html":"body")[0]:ze?t.documentElement:i},St=function(e){return ue.call(e.ownerDocument||e,e,B.SHOW_ELEMENT|B.SHOW_COMMENT|B.SHOW_TEXT|B.SHOW_PROCESSING_INSTRUCTION|B.SHOW_CDATA_SECTION,null)},bt=function(e){return e instanceof G&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof W)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Nt=function(e){return"function"==typeof R&&e instanceof R};function Rt(e,t,n){u(e,(e=>{e.call(o,t,n,ft)}))}const wt=function(e){let t=null;if(Rt(de.beforeSanitizeElements,e,null),bt(e))return Et(e),!0;const n=pt(e.nodeName);if(Rt(de.uponSanitizeElement,e,{tagName:n,allowedTags:Ne}),e.hasChildNodes()&&!Nt(e.firstElementChild)&&S(/<[/\w]/g,e.innerHTML)&&S(/<[/\w]/g,e.textContent))return Et(e),!0;if(e.nodeType===ee)return Et(e),!0;if(Ue&&e.nodeType===te&&S(/<[/\w]/g,e.data))return Et(e),!0;if(!Ne[n]||ve[n]){if(!ve[n]&&Dt(n)){if(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,n))return!1;if(De.tagNameCheck instanceof Function&&De.tagNameCheck(n))return!1}if(je&&!$e[n]){const t=ae(e)||e.parentNode,n=ie(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o){const r=$(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,re(e))}}}return Et(e),!0}return e instanceof O&&!function(e){let t=ae(e);t&&t.tagName||(t={namespaceURI:ot,tagName:"template"});const n=h(e.tagName),o=h(t.tagName);return!!it[e.namespaceURI]&&(e.namespaceURI===tt?t.namespaceURI===nt?"svg"===n:t.namespaceURI===et?"svg"===n&&("annotation-xml"===o||lt[o]):Boolean(Tt[n]):e.namespaceURI===et?t.namespaceURI===nt?"math"===n:t.namespaceURI===tt?"math"===n&&ct[o]:Boolean(yt[n]):e.namespaceURI===nt?!(t.namespaceURI===tt&&!ct[o])&&!(t.namespaceURI===et&&!lt[o])&&!yt[n]&&(st[n]||!Tt[n]):!("application/xhtml+xml"!==ut||!it[e.namespaceURI]))}(e)?(Et(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!S(/<\/no(script|embed|frames)/i,e.innerHTML)?(Ie&&e.nodeType===Q&&(t=e.textContent,u([he,ge,Te],(e=>{t=y(t,e," ")})),e.textContent!==t&&(f(o.removed,{element:e.cloneNode()}),e.textContent=t)),Rt(de.afterSanitizeElements,e,null),!1):(Et(e),!0)},Ot=function(e,t,n){if(Ge&&("id"===t||"name"===t)&&(n in r||n in dt))return!1;if(xe&&!Le[t]&&S(ye,t));else if(Ce&&S(Ee,t));else if(!we[t]||Le[t]){if(!(Dt(e)&&(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,e)||De.tagNameCheck instanceof Function&&De.tagNameCheck(e))&&(De.attributeNameCheck instanceof RegExp&&S(De.attributeNameCheck,t)||De.attributeNameCheck instanceof Function&&De.attributeNameCheck(t))||"is"===t&&De.allowCustomizedBuiltInElements&&(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,n)||De.tagNameCheck instanceof Function&&De.tagNameCheck(n))))return!1}else if(Je[t]);else if(S(be,y(n,_e,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==E(n,"data:")||!Ve[e]){if(Me&&!S(Ae,y(n,_e,"")));else if(n)return!1}else;return!0},Dt=function(e){return"annotation-xml"!==e&&T(e,Se)},vt=function(e){Rt(de.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||bt(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:we,forceKeepAttr:void 0};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=pt(a);let m="value"===a?c:A(c);if(n.attrName=s,n.attrValue=m,n.keepAttr=!0,n.forceKeepAttr=void 0,Rt(de.uponSanitizeAttribute,e,n),m=n.attrValue,!Ye||"id"!==s&&"name"!==s||(At(a,e),m="user-content-"+m),Ue&&S(/((--!?|])>)|<\/(style|title)/i,m)){At(a,e);continue}if(n.forceKeepAttr)continue;if(At(a,e),!n.keepAttr)continue;if(!ke&&S(/\/>/i,m)){At(a,e);continue}Ie&&u([he,ge,Te],(e=>{m=y(m,e," ")}));const f=pt(e.nodeName);if(Ot(f,s,m)){if(le&&"object"==typeof j&&"function"==typeof j.getAttributeType)if(l);else switch(j.getAttributeType(f,s)){case"TrustedHTML":m=le.createHTML(m);break;case"TrustedScriptURL":m=le.createScriptURL(m)}try{l?e.setAttributeNS(l,a,m):e.setAttribute(a,m),bt(e)?Et(e):p(o.removed)}catch(e){}}}Rt(de.afterSanitizeAttributes,e,null)},Lt=function e(t){let n=null;const o=St(t);for(Rt(de.beforeSanitizeShadowDOM,t,null);n=o.nextNode();)Rt(de.uponSanitizeShadowNode,n,null),wt(n),vt(n),n.content instanceof s&&e(n.content);Rt(de.afterSanitizeShadowDOM,t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(rt=!e,rt&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Nt(e)){if("function"!=typeof e.toString)throw b("toString is not a function");if("string"!=typeof(e=e.toString()))throw b("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Pe||gt(t),o.removed=[],"string"==typeof e&&(Xe=!1),Xe){if(e.nodeName){const t=pt(e.nodeName);if(!Ne[t]||ve[t])throw b("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof R)n=_t("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),r.nodeType===J&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!Fe&&!Ie&&!ze&&-1===e.indexOf("<"))return le&&We?le.createHTML(e):e;if(n=_t(e),!n)return Fe?null:We?ce:""}n&&He&&Et(n.firstChild);const c=St(Xe?e:n);for(;i=c.nextNode();)wt(i),vt(i),i.content instanceof s&&Lt(i.content);if(Xe)return e;if(Fe){if(Be)for(l=me.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(we.shadowroot||we.shadowrootmode)&&(l=fe.call(a,l,!0)),l}let m=ze?n.outerHTML:n.innerHTML;return ze&&Ne["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&S(K,n.ownerDocument.doctype.name)&&(m="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+m),Ie&&u([he,ge,Te],(e=>{m=y(m,e," ")})),le&&We?le.createHTML(m):m},o.setConfig=function(){gt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Pe=!0},o.clearConfig=function(){ft=null,Pe=!1},o.isValidAttribute=function(e,t,n){ft||gt({});const o=pt(e),r=pt(t);return Ot(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&f(de[e],t)},o.removeHook=function(e,t){if(void 0!==t){const n=m(de[e],t);return-1===n?void 0:d(de[e],n,1)[0]}return p(de[e])},o.removeHooks=function(e){de[e]=[]},o.removeAllHooks=function(){de={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},o}();return re}));
+//# sourceMappingURL=purify.min.js.map
diff --git a/public/js/purify.min.js.map b/public/js/purify.min.js.map
new file mode 100644
index 0000000..6e941de
--- /dev/null
+++ b/public/js/purify.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"purify.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
\ No newline at end of file
diff --git a/public/posts/index.html b/public/posts/index.html
index 16927dd..a068196 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Posts | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="Posts - Jörg Lohrer">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/posts/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/posts/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/posts/index.xml">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/posts/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/posts/index.xml">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/posts/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,30 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Posts" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/posts/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Posts"/>
-<meta name="twitter:description" content=""/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }
-  ]
-}
-</script>
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -97,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -125,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -162,9 +139,7 @@
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_c6fdb364e96b682f.png 360w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_11a75069a9c1aee8.png 480w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken_hu_3b73dc800dd9f742.png 720w ,https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png" alt="Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*" 
-            width="1024" height="1024">
+        <img loading="lazy" src="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/kibedenken.png" alt="Das Foto des Roboters, der seine Reflexion im Wasser betrachtet referenziert auf Narziss aus der griechischen Mythologie, der die Liebe anderer zurückwies und sich in sein eigenes Spiegelbild verliebte und die Illustration von Caravaggio [(siehe wikipedia #Narziss)](https://de.wikipedia.org/wiki/Narziss#) erstellt mit der KI Midjourney und dem Prompt: *photographed with the Canon EOS 5D Mark IV a young robot boy with his head down, looking at his reflection in water --v6.0*">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">KIBedenken - Bewusstsein
@@ -176,14 +151,12 @@ Ich denke, wir müssen die Frage des Bewusstseins in den Mittelpunkt der Diskuss
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2024-04-03 00:00:00 +0000 UTC'>April 3, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to KIBedenken - Bewusstsein" href="https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/"></a>
+  <a class="entry-link" aria-label="post link to KIBedenken - Bewusstsein" href="http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_416a995fc1e1a178.png 360w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_646ea7b88a9cd64b.png 480w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_654ee7bc51ec82a3.png 720w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_e741eb9eecca2f90.png 1080w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu_bf20d8d38d5b89b3.png 1500w ,https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown.png 1938w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/bottomup-markdown.png" alt="" 
-            width="1938" height="1044">
+        <img loading="lazy" src="http://localhost:1313/2024/03/05/bottomup-markdown.html/bottomup-markdown.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">BottomUp -&gt; MarkDown - 5V-Power für deine OER!
@@ -195,14 +168,12 @@ In dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content
 BottomUp MarkDown: Verwahren &amp; Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! ...</p>
   </div>
   <footer class="entry-footer"><span title='2024-03-05 00:00:00 +0000 UTC'>März 5, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to BottomUp -&gt; MarkDown - 5V-Power für deine OER!" href="https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/"></a>
+  <a class="entry-link" aria-label="post link to BottomUp -&gt; MarkDown - 5V-Power für deine OER!" href="http://localhost:1313/2024/03/05/bottomup-markdown.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_9f8387cc36991f0b.png 360w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_e9d2e1e0a4ad2353.png 480w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich_hu_dfa0a93531bbd5ec.png 720w ,https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png" alt="" 
-            width="1024" height="1024">
+        <img loading="lazy" src="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/offenheit-wesentlich.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Offenheit - das Wesentliche
@@ -213,14 +184,12 @@ BottomUp MarkDown: Verwahren &amp; Vervielfältigen: Gestalte direkt online ohne
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2024-01-26 00:00:00 +0000 UTC'>Januar 26, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Offenheit - das Wesentliche" href="https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/"></a>
+  <a class="entry-link" aria-label="post link to Offenheit - das Wesentliche" href="http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif 320w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif" alt="" 
-            width="320" height="180">
+        <img loading="lazy" src="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/wordpress-horizontales-scrollen.gif" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">WordPress statt Padlet oder TaskCards
@@ -234,14 +203,12 @@ einzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch s
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2023-07-25 00:00:00 +0000 UTC'>Juli 25, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to WordPress statt Padlet oder TaskCards" href="https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"></a>
+  <a class="entry-link" aria-label="post link to WordPress statt Padlet oder TaskCards" href="http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_2de206b506beeb0b.jpg 360w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_50b88d6e688e4f04.jpg 480w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_7171013652ec903f.jpg 720w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden_hu_aea43730e0a654f7.jpg 1080w ,https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden.jpg 1080w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/Hefefreuden.jpg" alt="" 
-            width="1080" height="1920">
+        <img loading="lazy" src="http://localhost:1313/2023/04/07/dampfnudeln.html/Hefefreuden.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Hefefreuden - Dampfnudeln &amp; Minihefezopf
@@ -251,14 +218,12 @@ einzelnen Spalten jetzt auch in jeweiligen Kategorienseiten aufrufbar : Mensch s
     <p>Dampfnudeln &amp; Minihefezopf Zutaten 400 ml Milch 120g Zucker 1 Pkg Hefe (42g) 3 Eier (ca 150g Vollei) 1000g Mehl (300g Weizen Type 405 &amp; 700g Dinkel Type 630) 10 g Salz 120 g Butter Rezept Milch, Zucker, Hefe handwarm mischen Eier dazu und in der Knetmaschine 5 Minuten lang das Mehl unterkneten Salz dazu und die in Streifen geschnittene Butter weitere 10 Minuten verkneten Mindestens 30 Minuten gehen lassen Dampfnudeln 6 x 135g Stücke vom Teig abstechen, rundschleifen und auf gelochtes Dampfgarblech aufsetzen: weitere 30 Minuten gehen lassen dann bei 100°Celsius für 30 Minuten dampfgaren fertig mit Vanillesoße servieren Hefezopf Die restlichen ca 900-1000g Teig in 3 gleiche Teile abwiegen und zu einem Zopf flechten Mit Küchenhandtuch abgedeckt mindestens 30 Minuten gehen lassen Mit Ei abstreichen und im auf 220° vorgeheizten Backofen direkt bei einschießen auf 180° reduzieren Nach 10 Minuten Back-Temperatur auf 160° reduzieren Entweder backen bis 93° Kerntemperatur erreicht ist oder nach ca weiteren 30 Minuten </p>
   </div>
   <footer class="entry-footer"><span title='2023-04-07 00:00:00 +0000 UTC'>April 7, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Hefefreuden - Dampfnudeln & Minihefezopf" href="https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/"></a>
+  <a class="entry-link" aria-label="post link to Hefefreuden - Dampfnudeln & Minihefezopf" href="http://localhost:1313/2023/04/07/dampfnudeln.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_2cdc86888799663e.jpg 360w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_cdb4758e4816ceeb.jpg 480w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title_hu_7f1e56efa7effbaf.jpg 720w ,https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg 1024w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg" alt="" 
-            width="1024" height="1024">
+        <img loading="lazy" src="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/saemann-title.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Das Gleichnis vom Sämann
@@ -270,14 +235,12 @@ Bild 1: “Der liebevolle Sämann und die vier Böden: Eine Ernte voller Hoffnun
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2023-03-23 00:00:00 +0000 UTC'>März 23, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Das Gleichnis vom Sämann" href="https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/"></a>
+  <a class="entry-link" aria-label="post link to Das Gleichnis vom Sämann" href="http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_ae30c829f5365f12.jpg 360w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_f74390a8e3a232d.jpg 480w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_c37b70d4e207a955.jpg 720w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_fb9280ee4a63fc1a.jpg 1080w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel_hu_bd1cc2d0e9ee9609.jpg 1500w ,https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg 2117w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg" alt="" 
-            width="2117" height="2822">
+        <img loading="lazy" src="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/schneckennudeln-titel.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Jojos Schoko-Zimt-Schnecken
@@ -289,14 +252,12 @@ Füllung in der Zwischenzeit 10g brauner Zucker 30g Rohrohrzucker 50g weißer Zu
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2023-02-26 00:00:00 +0000 UTC'>Februar 26, 2023</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Jojos Schoko-Zimt-Schnecken" href="https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/"></a>
+  <a class="entry-link" aria-label="post link to Jojos Schoko-Zimt-Schnecken" href="http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_501dd4177a668bc.jpg 360w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_e9a6869798f2e72b.jpg 480w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_8c2a859da22221b6.jpg 720w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_b440119272b11c89.jpg 1080w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner_hu_e6e295f9945366aa.jpg 1500w ,https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg 1999w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg" alt="" 
-            width="1999" height="1373">
+        <img loading="lazy" src="http://localhost:1313/2022/03/19/ob-virtualcam.html/29-autostartordner.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern
@@ -308,14 +269,12 @@ Via SSH/Terminal Update, Tasksel und Google Remote Desktop installieren: sudo ap
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2022-03-19 00:00:00 +0000 UTC'>März 19, 2022</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern" href="https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/"></a>
+  <a class="entry-link" aria-label="post link to Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern" href="http://localhost:1313/2022/03/19/ob-virtualcam.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_bf4f906b30475a32.gif 360w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_678411e5b6d7a72f.gif 480w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_4dee7bac889e75c.gif 720w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif_hu_43abefe0d448fea9.gif 1080w ,https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif.gif 1440w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/title-gif.gif" alt="" 
-            width="1440" height="810">
+        <img loading="lazy" src="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/title-gif.gif" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Moodle Server mit Ubuntu 20 LTS und Iomad
@@ -329,14 +288,12 @@ SSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2022-02-16 00:00:00 +0000 UTC'>Februar 16, 2022</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Moodle Server mit Ubuntu 20 LTS und Iomad" href="https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/"></a>
+  <a class="entry-link" aria-label="post link to Moodle Server mit Ubuntu 20 LTS und Iomad" href="http://localhost:1313/2022/02/16/moodle-iomad-linux.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_cfc0d14e0ade4d5d.png 360w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_8de13e8b84e096da.png 480w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_e5c07b8f3cc53a7c.png 720w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1_hu_69d21ef4a17ef29f.png 1080w ,https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1.png 1080w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/bibelfussball1.png" alt="" 
-            width="1080" height="1080">
+        <img loading="lazy" src="http://localhost:1313/2021/12/03/bibelfussball.html/bibelfussball1.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Bibelfußball - Nachschlage-Quiz zur Bibel
@@ -346,18 +303,18 @@ SSH Zugriff ermöglichen Allow SSH root login on Ubuntu 20.04 Focal Fossa Linux
     <p>Bibelfußball: Nachschlage-Quiz zur Bibel Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen. Das Fußballfeld mit seinen entsprechenden Linien wird dabei an die Wandtafel gezeichnet und der Ball wird durch einen Magnetknopf symbolisiert. Gepunktet wird, indem der Lehrer eine Frage stellt und eine Bibelstelle nennt, die es nachzuschlagen gilt. Wer die Stelle zuerst findet und die Antwort ruft, dessen Mannschaft darf den Ball eine Linie weiterrücken in Richtung des gegnerischen Tores. Wurde ein Tor geschossen, beginnt das Spiel von neuem an der Mittellinie. ...</p>
   </div>
   <footer class="entry-footer"><span title='2021-12-03 00:00:00 +0000 UTC'>Dezember 3, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Bibelfußball - Nachschlage-Quiz zur Bibel" href="https://joerg-lohrer.de/2021/12/03/bibelfussball.html/"></a>
+  <a class="entry-link" aria-label="post link to Bibelfußball - Nachschlage-Quiz zur Bibel" href="http://localhost:1313/2021/12/03/bibelfussball.html/"></a>
 </article>
 <footer class="page-footer">
   <nav class="pagination">
-    <a class="next" href="https://joerg-lohrer.de/posts/page/2/">Nächste&nbsp;&nbsp;»
+    <a class="next" href="http://localhost:1313/posts/page/2/">Nächste&nbsp;&nbsp;»
     </a>
   </nav>
 </footer>
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/posts/index.xml b/public/posts/index.xml
index 18564b9..f30d492 100644
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
@@ -2,129 +2,129 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
   <channel>
     <title>Posts on Jörg Lohrer</title>
-    <link>https://joerg-lohrer.de/posts/</link>
+    <link>http://localhost:1313/posts/</link>
     <description>Recent content in Posts on Jörg Lohrer</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>de</language>
     <lastBuildDate>Wed, 03 Apr 2024 00:00:00 +0000</lastBuildDate>
-    <atom:link href="https://joerg-lohrer.de/posts/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/posts/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>KIBedenken - Bewusstsein</title>
-      <link>https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/</link>
+      <link>http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/</link>
       <pubDate>Wed, 03 Apr 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/</guid>
+      <guid>http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/</guid>
       <description>Intelligenz oder Bewusstsein?</description>
     </item>
     <item>
       <title>BottomUp -&gt; MarkDown - 5V-Power für deine OER!</title>
-      <link>https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/</link>
+      <link>http://localhost:1313/2024/03/05/bottomup-markdown.html/</link>
       <pubDate>Tue, 05 Mar 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/</guid>
+      <guid>http://localhost:1313/2024/03/05/bottomup-markdown.html/</guid>
       <description>Open Educational Resources mit MarkDown</description>
     </item>
     <item>
       <title>Offenheit - das Wesentliche</title>
-      <link>https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/</link>
+      <link>http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/</link>
       <pubDate>Fri, 26 Jan 2024 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/</guid>
+      <guid>http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/</guid>
       <description>Ein Beitrag zu Teil 1 “Mein (schulisches) Motto für 2024” der EduBlogparade</description>
     </item>
     <item>
       <title>WordPress statt Padlet oder TaskCards</title>
-      <link>https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</link>
+      <link>http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</link>
       <pubDate>Tue, 25 Jul 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</guid>
+      <guid>http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</guid>
       <description>Mit WordPress, horizontalem Scrolling und Beitragskategorien Sammlungen im Kanban-Style erstellen</description>
     </item>
     <item>
       <title>Hefefreuden - Dampfnudeln &amp; Minihefezopf</title>
-      <link>https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/</link>
+      <link>http://localhost:1313/2023/04/07/dampfnudeln.html/</link>
       <pubDate>Fri, 07 Apr 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/</guid>
+      <guid>http://localhost:1313/2023/04/07/dampfnudeln.html/</guid>
       <description>Rezept und Backanleitung</description>
     </item>
     <item>
       <title>Das Gleichnis vom Sämann</title>
-      <link>https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/</link>
+      <link>http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/</link>
       <pubDate>Thu, 23 Mar 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/</guid>
+      <guid>http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/</guid>
       <description>erstellt mit ChatGPT, Deepl und Midjourney Prompts im Stil von Eric Carle</description>
     </item>
     <item>
       <title>Jojos Schoko-Zimt-Schnecken</title>
-      <link>https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/</link>
+      <link>http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/</link>
       <pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/</guid>
+      <guid>http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/</guid>
       <description>Rezept und Backanleitung</description>
     </item>
     <item>
       <title>Auf Google Cloud Platform mit Ubuntu Desktop via Chrome Remote Desktop OBS und Zoom fernsteuern</title>
-      <link>https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/</link>
+      <link>http://localhost:1313/2022/03/19/ob-virtualcam.html/</link>
       <pubDate>Sat, 19 Mar 2022 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/</guid>
+      <guid>http://localhost:1313/2022/03/19/ob-virtualcam.html/</guid>
       <description>Via Konsole Instanz in aufsetzen, Desktop-Linux installieren, Apps einrichten und konfigurieren</description>
     </item>
     <item>
       <title>Moodle Server mit Ubuntu 20 LTS und Iomad</title>
-      <link>https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/</link>
+      <link>http://localhost:1313/2022/02/16/moodle-iomad-linux.html/</link>
       <pubDate>Wed, 16 Feb 2022 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/</guid>
+      <guid>http://localhost:1313/2022/02/16/moodle-iomad-linux.html/</guid>
       <description>Installation von Iomad zur Moodle-Instanz-Verwaltung</description>
     </item>
     <item>
       <title>Bibelfußball - Nachschlage-Quiz zur Bibel</title>
-      <link>https://joerg-lohrer.de/2021/12/03/bibelfussball.html/</link>
+      <link>http://localhost:1313/2021/12/03/bibelfussball.html/</link>
       <pubDate>Fri, 03 Dec 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/12/03/bibelfussball.html/</guid>
+      <guid>http://localhost:1313/2021/12/03/bibelfussball.html/</guid>
       <description>Bibelfußball ist ein einfaches und begeisterndes Quizduell, bei dem die Lehrperson die Klasse in zwei Hälften teilt, die wie beim Fußball gegeneinander spielen.</description>
     </item>
     <item>
       <title>WordPress Werkstatt PHP</title>
-      <link>https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/</link>
+      <link>http://localhost:1313/2021/11/17/wordpress-werkstatt.html/</link>
       <pubDate>Wed, 17 Nov 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/</guid>
+      <guid>http://localhost:1313/2021/11/17/wordpress-werkstatt.html/</guid>
       <description>Advanced Custom Fields und Formulareingaben</description>
     </item>
     <item>
       <title>VR - Virtual Reality</title>
-      <link>https://joerg-lohrer.de/2021/08/15/virtual-reality.html/</link>
+      <link>http://localhost:1313/2021/08/15/virtual-reality.html/</link>
       <pubDate>Sun, 15 Aug 2021 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2021/08/15/virtual-reality.html/</guid>
+      <guid>http://localhost:1313/2021/08/15/virtual-reality.html/</guid>
       <description>Tutorials der Oculus Quest 2</description>
     </item>
     <item>
       <title>Pflanzenschild mit QR-Code</title>
-      <link>https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/</link>
+      <link>http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/</link>
       <pubDate>Tue, 26 Mar 2019 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/</guid>
+      <guid>http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/</guid>
       <description>Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen</description>
     </item>
     <item>
       <title>Lutherkürbis - Reformation an Halloween</title>
-      <link>https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/</link>
+      <link>http://localhost:1313/2017/10/31/lutherkuerbis.html/</link>
       <pubDate>Tue, 31 Oct 2017 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/</guid>
+      <guid>http://localhost:1313/2017/10/31/lutherkuerbis.html/</guid>
       <description>Schablone und Bastelanleitung für einen Kürbis zur Reformation</description>
     </item>
     <item>
       <title>Telegram Bot für Octopi</title>
-      <link>https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/</link>
+      <link>http://localhost:1313/2017/10/23/telegram-octopi.html/</link>
       <pubDate>Mon, 23 Oct 2017 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/</guid>
+      <guid>http://localhost:1313/2017/10/23/telegram-octopi.html/</guid>
       <description>Schnittstelle zwischen Telegram und OctoPrint</description>
     </item>
     <item>
       <title>Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven</title>
-      <link>https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</link>
+      <link>http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</link>
       <pubDate>Wed, 29 May 2013 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</guid>
+      <guid>http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</guid>
       <description>Artikel unter CC-BY Lizenz</description>
     </item>
     <item>
       <title>Premium, Freemium, Mium mium mium</title>
-      <link>https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/</link>
+      <link>http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/</link>
       <pubDate>Thu, 07 Feb 2013 00:00:00 +0000</pubDate>
-      <guid>https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/</guid>
+      <guid>http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/</guid>
       <description>Zur Produktion von sattmachenden Bildungsinhalten</description>
     </item>
   </channel>
diff --git a/public/posts/page/1/index.html b/public/posts/page/1/index.html
index c8c5131..bca59f4 100644
--- a/public/posts/page/1/index.html
+++ b/public/posts/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="de">
   <head>
-    <title>https://joerg-lohrer.de/posts/</title>
-    <link rel="canonical" href="https://joerg-lohrer.de/posts/">
+    <title>http://localhost:1313/posts/</title>
+    <link rel="canonical" href="http://localhost:1313/posts/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://joerg-lohrer.de/posts/">
+    <meta http-equiv="refresh" content="0; url=http://localhost:1313/posts/">
   </head>
 </html>
diff --git a/public/posts/page/2/index.html b/public/posts/page/2/index.html
index 38efce6..68faaed 100644
--- a/public/posts/page/2/index.html
+++ b/public/posts/page/2/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Posts | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="Posts - Jörg Lohrer">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/posts/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/posts/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/posts/index.xml">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/posts/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/posts/index.xml">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/posts/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,30 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Posts" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/posts/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Posts"/>
-<meta name="twitter:description" content=""/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Posts",
-      "item": "https://joerg-lohrer.de/posts/"
-    }
-  ]
-}
-</script>
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -97,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -125,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -162,9 +139,7 @@
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_d84b3ea31f65de04.png 360w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_76b59ae104e8ad4.png 480w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_ecfff05140c1e1bf.png 720w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu_hu_10d171ed75ea1064.png 1080w ,https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png 1350w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png" alt="" 
-            width="1350" height="590">
+        <img loading="lazy" src="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/04-termine-neu.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">WordPress Werkstatt PHP
@@ -174,14 +149,12 @@
     <p>WordPress Werkstatt PHP Zunächst wird auf relilab.org das kostenfreie Plugin ACF - Advanced Custom Fields installiert und aktiviert. Dies ermöglicht weitere individuelle Beitragsfelder für die Beiträge. Nun kann manuell aktiviert oder eine Feldgruppe importiert werden - hier mittels dieser JSON-Datei, die das abkürzt: mit dem Ergebnis, dass unter allen WordPress-Beiträgen jetzt zwei Terminfelder erscheinen, die ausgefüllt werden können: Zudem gibt es neu eine Kategorie “Termine”, die aktiviert werden kann mit Unterkategorien, die später Übersichtsseiten ermöglichen: Jetzt wird das Plugin relilab-termine installiert und aktiviert Nun kann mittels Shortcode [relilab_termine] eine Terminübersicht als WordPress-Block erzeugt werden: ...</p>
   </div>
   <footer class="entry-footer"><span title='2021-11-17 00:00:00 +0000 UTC'>November 17, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to WordPress Werkstatt PHP" href="https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/"></a>
+  <a class="entry-link" aria-label="post link to WordPress Werkstatt PHP" href="http://localhost:1313/2021/11/17/wordpress-werkstatt.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_1dfcfe78fc9fe5e3.jpg 360w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_c760999d4152ea8d.jpg 480w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_b0d515763010e548.jpg 720w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_fd29f0a2d5d5d6c5.jpg 1080w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe_hu_5d6d9484efaef630.jpg 1500w ,https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe.jpg 2490w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/04-aframe.jpg" alt="" 
-            width="2490" height="1344">
+        <img loading="lazy" src="http://localhost:1313/2021/08/15/virtual-reality.html/04-aframe.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">VR - Virtual Reality
@@ -194,14 +167,12 @@ Forschung A Public Database of 360 Videos with Corresponding Ratings of Arousal
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2021-08-15 00:00:00 +0000 UTC'>August 15, 2021</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to VR - Virtual Reality" href="https://joerg-lohrer.de/2021/08/15/virtual-reality.html/"></a>
+  <a class="entry-link" aria-label="post link to VR - Virtual Reality" href="http://localhost:1313/2021/08/15/virtual-reality.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_beccc64376258d22.png 360w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_40cb6f992a53cf7e.png 480w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_7c08e12c66e85b4f.png 720w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_729a4c80e7af4ca2.png 1080w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z_hu_c8825be8d784bc2e.png 1500w ,https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png 2840w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png" alt="" 
-            width="2840" height="2156">
+        <img loading="lazy" src="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/cura-plugin-change-filment-at-z.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Pflanzenschild mit QR-Code
@@ -211,14 +182,12 @@ Forschung A Public Database of 360 Videos with Corresponding Ratings of Arousal
     <p>Pflanzenschild mit QR-Code Mit einem QR-Code-Generator lassen sich verlustfrei skalierbare Vektorgrafiken (SVG) erstellen: Dann noch mit Thingiverse ein Dreieck designen (80x40x1.4mm) und den QR-Code obendrauf: Mit dem Cura-Plugin Change Filament at Z den 3D-Druck im Layer unterbrechen, wo ein Filament(Farb)-Wechsel stattfinden soll: Et voilà: </p>
   </div>
   <footer class="entry-footer"><span title='2019-03-26 00:00:00 +0000 UTC'>März 26, 2019</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Pflanzenschild mit QR-Code" href="https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/"></a>
+  <a class="entry-link" aria-label="post link to Pflanzenschild mit QR-Code" href="http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild_hu_965dae2ff919693a.jpg 360w ,https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild_hu_fd21564383e7b35c.jpg 480w ,https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg 600w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg" alt="" 
-            width="600" height="450">
+        <img loading="lazy" src="http://localhost:1313/2017/10/31/lutherkuerbis.html/kuerbis-titelbild.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Lutherkürbis - Reformation an Halloween
@@ -233,14 +202,12 @@ Diese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk k
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2017-10-31 00:00:00 +0000 UTC'>Oktober 31, 2017</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Lutherkürbis - Reformation an Halloween" href="https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/"></a>
+  <a class="entry-link" aria-label="post link to Lutherkürbis - Reformation an Halloween" href="http://localhost:1313/2017/10/31/lutherkuerbis.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_3949ad182f9e856f.png 360w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_d8c902d783b3636a.png 480w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_81f00315a449d1b.png 720w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1_hu_a40f896992ee71ac.png 1080w ,https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1.png 1120w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/octopi1.png" alt="" 
-            width="1120" height="678">
+        <img loading="lazy" src="http://localhost:1313/2017/10/23/telegram-octopi.html/octopi1.png" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Telegram Bot für Octopi
@@ -251,7 +218,7 @@ Diese Idee inklusive der Schablone steht unter CC0-Lizenz. Du darfst das Werk k
 Das dauert eine Weile: Token eingeben: Heisst aber nicht, dass jetzt alles gleich klappt: Es müssen dem Benutzer noch die Rechte “Command” und “Notify” gegeben werden: </p>
   </div>
   <footer class="entry-footer"><span title='2017-10-23 00:00:00 +0000 UTC'>Oktober 23, 2017</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Telegram Bot für Octopi" href="https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/"></a>
+  <a class="entry-link" aria-label="post link to Telegram Bot für Octopi" href="http://localhost:1313/2017/10/23/telegram-octopi.html/"></a>
 </article>
 
 <article class="post-entry"> 
@@ -265,14 +232,12 @@ Erlebnispädagogik Ziele und Arbeitsformen Erlebnispädagogik arbeitet mit einem
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2013-05-29 00:00:00 +0000 UTC'>Mai 29, 2013</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven" href="https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"></a>
+  <a class="entry-link" aria-label="post link to Erlebnispädagogik im Handbuch Jugend – Evangelische Perspektiven" href="http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/"></a>
 </article>
 
 <article class="post-entry"> 
 <figure class="entry-cover">
-        <img loading="lazy" srcset="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_462c59f0b44c0605.jpg 360w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_ab0726ad94ee6ecc.jpg 480w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar_hu_6cfc5d8c25698662.jpg 720w ,https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg 782w" 
-            sizes="(min-width: 768px) 720px, 100vw" src="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg" alt="" 
-            width="782" height="1023">
+        <img loading="lazy" src="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/my-very-hungry-caterpillar.jpg" alt="">
 </figure>
   <header class="entry-header">
     <h2 class="entry-hint-parent">Premium, Freemium, Mium mium mium
@@ -284,11 +249,11 @@ Nun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukra
 ...</p>
   </div>
   <footer class="entry-footer"><span title='2013-02-07 00:00:00 +0000 UTC'>Februar 7, 2013</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
-  <a class="entry-link" aria-label="post link to Premium, Freemium, Mium mium mium" href="https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/"></a>
+  <a class="entry-link" aria-label="post link to Premium, Freemium, Mium mium mium" href="http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/"></a>
 </article>
 <footer class="page-footer">
   <nav class="pagination">
-    <a class="prev" href="https://joerg-lohrer.de/posts/">
+    <a class="prev" href="http://localhost:1313/posts/">
       «&nbsp;Vorherige&nbsp;
     </a>
   </nav>
@@ -296,7 +261,7 @@ Nun wird versucht über ein komplexes Rechtemanagement den Produzenten ein lukra
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/search/index.html b/public/search/index.html
index 831dad1..7e661ff 100644
--- a/public/search/index.html
+++ b/public/search/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Suche | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="search">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/search/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style"><link crossorigin="anonymous" rel="preload" as="fetch" href="../index.json">
+<link rel="canonical" href="http://localhost:1313/search/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style"><link crossorigin="anonymous" rel="preload" as="fetch" href="../index.json">
 <script defer crossorigin="anonymous" src="/assets/js/search.40bc872e663a93629c28470a60af5070cb451de1a65f242264488d087eabd131.js" integrity="sha256-QLyHLmY6k2KcKEcKYK9QcMtFHeGmXyQiZEiNCH6r0TE="></script>
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/search/">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/search/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,61 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Suche" />
-<meta property="og:description" content="search" />
-<meta property="og:type" content="article" />
-<meta property="og:url" content="https://joerg-lohrer.de/search/" /><meta property="article:section" content="" />
-
-
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Suche"/>
-<meta name="twitter:description" content="search"/>
-
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position":  1 ,
-      "name": "Suche",
-      "item": "https://joerg-lohrer.de/search/"
-    }
-  ]
-}
-</script>
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BlogPosting",
-  "headline": "Suche",
-  "name": "Suche",
-  "description": "search",
-  "keywords": [
-    
-  ],
-  "articleBody": "",
-  "wordCount" : "0",
-  "inLanguage": "de",
-  "datePublished": "0001-01-01T00:00:00Z",
-  "dateModified": "0001-01-01T00:00:00Z",
-  "mainEntityOfPage": {
-    "@type": "WebPage",
-    "@id": "https://joerg-lohrer.de/search/"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "Jörg Lohrer",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://joerg-lohrer.de/favicon.ico"
-    }
-  }
-}
-</script>
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -128,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -156,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -204,7 +150,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/series/index.html b/public/series/index.html
index b9e29bc..b8a22b9 100644
--- a/public/series/index.html
+++ b/public/series/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Series | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/series/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/series/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/series/index.xml">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/series/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/series/index.xml">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/series/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,15 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Series" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/series/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Series"/>
-<meta name="twitter:description" content=""/>
-
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -82,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -110,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -148,7 +140,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/series/index.xml b/public/series/index.xml
index 5693b11..8fefb57 100644
--- a/public/series/index.xml
+++ b/public/series/index.xml
@@ -2,10 +2,10 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
   <channel>
     <title>Series on Jörg Lohrer</title>
-    <link>https://joerg-lohrer.de/series/</link>
+    <link>http://localhost:1313/series/</link>
     <description>Recent content in Series on Jörg Lohrer</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>de</language>
-    <atom:link href="https://joerg-lohrer.de/series/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/series/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/sitemap.xml b/public/sitemap.xml
index bc3678b..67b41c3 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,74 +2,74 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>https://joerg-lohrer.de/</loc>
+    <loc>http://localhost:1313/</loc>
     <lastmod>2024-04-03T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2024/04/03/kibedenken-bewusstsein.html/</loc>
+    <loc>http://localhost:1313/2024/04/03/kibedenken-bewusstsein.html/</loc>
     <lastmod>2024-04-03T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/posts/</loc>
+    <loc>http://localhost:1313/posts/</loc>
     <lastmod>2024-04-03T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2024/03/05/bottomup-markdown.html/</loc>
+    <loc>http://localhost:1313/2024/03/05/bottomup-markdown.html/</loc>
     <lastmod>2024-03-05T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2024/01/26/offenheit-das-wesentliche.html/</loc>
+    <loc>http://localhost:1313/2024/01/26/offenheit-das-wesentliche.html/</loc>
     <lastmod>2024-01-26T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</loc>
+    <loc>http://localhost:1313/2023/07/25/wordpress-statt-padlet-oder-taskcards.html/</loc>
     <lastmod>2023-07-25T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2023/04/07/dampfnudeln.html/</loc>
+    <loc>http://localhost:1313/2023/04/07/dampfnudeln.html/</loc>
     <lastmod>2023-04-07T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2023/03/23/gleichnis-vom-saemann.html/</loc>
+    <loc>http://localhost:1313/2023/03/23/gleichnis-vom-saemann.html/</loc>
     <lastmod>2023-03-23T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2023/02/26/jojos-schoko-zimt-schnecken.html/</loc>
+    <loc>http://localhost:1313/2023/02/26/jojos-schoko-zimt-schnecken.html/</loc>
     <lastmod>2023-02-26T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2022/03/19/ob-virtualcam.html/</loc>
+    <loc>http://localhost:1313/2022/03/19/ob-virtualcam.html/</loc>
     <lastmod>2022-03-19T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2022/02/16/moodle-iomad-linux.html/</loc>
+    <loc>http://localhost:1313/2022/02/16/moodle-iomad-linux.html/</loc>
     <lastmod>2022-02-16T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2021/12/03/bibelfussball.html/</loc>
+    <loc>http://localhost:1313/2021/12/03/bibelfussball.html/</loc>
     <lastmod>2021-12-03T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2021/11/17/wordpress-werkstatt.html/</loc>
+    <loc>http://localhost:1313/2021/11/17/wordpress-werkstatt.html/</loc>
     <lastmod>2021-11-17T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2021/08/15/virtual-reality.html/</loc>
+    <loc>http://localhost:1313/2021/08/15/virtual-reality.html/</loc>
     <lastmod>2021-08-15T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2019/03/26/pflanzenschild-qr-code.html/</loc>
+    <loc>http://localhost:1313/2019/03/26/pflanzenschild-qr-code.html/</loc>
     <lastmod>2019-03-26T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2017/10/31/lutherkuerbis.html/</loc>
+    <loc>http://localhost:1313/2017/10/31/lutherkuerbis.html/</loc>
     <lastmod>2017-10-31T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2017/10/23/telegram-octopi.html/</loc>
+    <loc>http://localhost:1313/2017/10/23/telegram-octopi.html/</loc>
     <lastmod>2017-10-23T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</loc>
+    <loc>http://localhost:1313/2013/05/29/erlebnispadagogik-im-handbuch-jugend-evangelische-perspektive.html/</loc>
     <lastmod>2013-05-29T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/2013/02/07/premium-freemium-mium-mium-mium.html/</loc>
+    <loc>http://localhost:1313/2013/02/07/premium-freemium-mium-mium-mium.html/</loc>
     <lastmod>2013-02-07T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/impressum/</loc>
+    <loc>http://localhost:1313/impressum/</loc>
     <lastmod>2013-01-01T00:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://joerg-lohrer.de/archives/</loc>
+    <loc>http://localhost:1313/archives/</loc>
   </url><url>
-    <loc>https://joerg-lohrer.de/category/</loc>
+    <loc>http://localhost:1313/category/</loc>
   </url><url>
-    <loc>https://joerg-lohrer.de/series/</loc>
+    <loc>http://localhost:1313/series/</loc>
   </url><url>
-    <loc>https://joerg-lohrer.de/search/</loc>
+    <loc>http://localhost:1313/search/</loc>
   </url><url>
-    <loc>https://joerg-lohrer.de/tag/</loc>
+    <loc>http://localhost:1313/tag/</loc>
   </url>
 </urlset>
diff --git a/public/tag/index.html b/public/tag/index.html
index fcbacad..1b35a6c 100644
--- a/public/tag/index.html
+++ b/public/tag/index.html
@@ -1,25 +1,25 @@
 <!DOCTYPE html>
 <html lang="de" dir="auto">
 
-<head><meta charset="utf-8">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow">
 <title>Tag | Jörg Lohrer</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="">
-<link rel="canonical" href="https://joerg-lohrer.de/tag/">
-<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z&#43;V9&#43;cO1A=" rel="preload stylesheet" as="style">
-<link rel="icon" href="https://joerg-lohrer.de/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="https://joerg-lohrer.de/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="https://joerg-lohrer.de/favicon-32x32.png">
-<link rel="apple-touch-icon" href="https://joerg-lohrer.de/apple-touch-icon.png">
-<link rel="mask-icon" href="https://joerg-lohrer.de/safari-pinned-tab.svg">
+<link rel="canonical" href="http://localhost:1313/tag/">
+<link crossorigin="anonymous" href="/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity="sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel="preload stylesheet" as="style">
+<link rel="icon" href="http://localhost:1313/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
+<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
+<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
 <meta name="theme-color" content="#2e2e33">
 <meta name="msapplication-TileColor" content="#2e2e33">
-<link rel="alternate" type="application/rss+xml" href="https://joerg-lohrer.de/tag/index.xml">
-<link rel="alternate" hreflang="de" href="https://joerg-lohrer.de/tag/">
+<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tag/index.xml">
+<link rel="alternate" hreflang="de" href="http://localhost:1313/tag/">
 <noscript>
     <style>
         #theme-toggle,
@@ -56,15 +56,7 @@
         }
 
     </style>
-</noscript><meta property="og:title" content="Tag" />
-<meta property="og:description" content="" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://joerg-lohrer.de/tag/" />
-
-<meta name="twitter:card" content="summary"/>
-<meta name="twitter:title" content="Tag"/>
-<meta name="twitter:description" content=""/>
-
+</noscript>
 </head>
 
 <body class="list" id="top">
@@ -82,7 +74,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="https://joerg-lohrer.de/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
+            <a href="http://localhost:1313/" accesskey="h" title="Jörg Lohrer (Alt + H)">Jörg Lohrer</a>
             <div class="logo-switches">
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                     <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
@@ -110,17 +102,17 @@
         </div>
         <ul id="menu">
             <li>
-                <a href="https://joerg-lohrer.de/" title="Jörg Lohrer">
+                <a href="http://localhost:1313/" title="Jörg Lohrer">
                     <span>Home</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/archives/" title="Archive">
+                <a href="http://localhost:1313/archives/" title="Archive">
                     <span>Blog</span>
                 </a>
             </li>
             <li>
-                <a href="https://joerg-lohrer.de/impressum/" title="Impressum">
+                <a href="http://localhost:1313/impressum/" title="Impressum">
                     <span>Impressum</span>
                 </a>
             </li>
@@ -148,7 +140,7 @@
     </main>
     
 <footer class="footer">
-    <span>&copy; 2025 <a href="https://joerg-lohrer.de/">Jörg Lohrer</a></span>
+    <span>&copy; 2025 <a href="http://localhost:1313/">Jörg Lohrer</a></span>
     <span>
         Powered by
         <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
diff --git a/public/tag/index.xml b/public/tag/index.xml
index 5b6f3dd..e6a2a71 100644
--- a/public/tag/index.xml
+++ b/public/tag/index.xml
@@ -2,10 +2,10 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
   <channel>
     <title>Tag on Jörg Lohrer</title>
-    <link>https://joerg-lohrer.de/tag/</link>
+    <link>http://localhost:1313/tag/</link>
     <description>Recent content in Tag on Jörg Lohrer</description>
     <generator>Hugo -- gohugo.io</generator>
     <language>de</language>
-    <atom:link href="https://joerg-lohrer.de/tag/index.xml" rel="self" type="application/rss+xml" />
+    <atom:link href="http://localhost:1313/tag/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/static/js/purify.js b/static/js/purify.js
new file mode 100644
index 0000000..a03f326
--- /dev/null
+++ b/static/js/purify.js
@@ -0,0 +1,1346 @@
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.DOMPurify = factory());
+})(this, (function () { 'use strict';
+
+  const {
+    entries,
+    setPrototypeOf,
+    isFrozen,
+    getPrototypeOf,
+    getOwnPropertyDescriptor
+  } = Object;
+  let {
+    freeze,
+    seal,
+    create
+  } = Object; // eslint-disable-line import/no-mutable-exports
+  let {
+    apply,
+    construct
+  } = typeof Reflect !== 'undefined' && Reflect;
+  if (!freeze) {
+    freeze = function freeze(x) {
+      return x;
+    };
+  }
+  if (!seal) {
+    seal = function seal(x) {
+      return x;
+    };
+  }
+  if (!apply) {
+    apply = function apply(fun, thisValue, args) {
+      return fun.apply(thisValue, args);
+    };
+  }
+  if (!construct) {
+    construct = function construct(Func, args) {
+      return new Func(...args);
+    };
+  }
+  const arrayForEach = unapply(Array.prototype.forEach);
+  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+  const arrayPop = unapply(Array.prototype.pop);
+  const arrayPush = unapply(Array.prototype.push);
+  const arraySplice = unapply(Array.prototype.splice);
+  const stringToLowerCase = unapply(String.prototype.toLowerCase);
+  const stringToString = unapply(String.prototype.toString);
+  const stringMatch = unapply(String.prototype.match);
+  const stringReplace = unapply(String.prototype.replace);
+  const stringIndexOf = unapply(String.prototype.indexOf);
+  const stringTrim = unapply(String.prototype.trim);
+  const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+  const regExpTest = unapply(RegExp.prototype.test);
+  const typeErrorCreate = unconstruct(TypeError);
+  /**
+   * Creates a new function that calls the given function with a specified thisArg and arguments.
+   *
+   * @param func - The function to be wrapped and called.
+   * @returns A new function that calls the given function with a specified thisArg and arguments.
+   */
+  function unapply(func) {
+    return function (thisArg) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+      return apply(func, thisArg, args);
+    };
+  }
+  /**
+   * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+   *
+   * @param func - The constructor function to be wrapped and called.
+   * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+   */
+  function unconstruct(func) {
+    return function () {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return construct(func, args);
+    };
+  }
+  /**
+   * Add properties to a lookup table
+   *
+   * @param set - The set to which elements will be added.
+   * @param array - The array containing elements to be added to the set.
+   * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+   * @returns The modified set with added elements.
+   */
+  function addToSet(set, array) {
+    let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+    if (setPrototypeOf) {
+      // Make 'in' and truthy checks like Boolean(set.constructor)
+      // independent of any properties defined on Object.prototype.
+      // Prevent prototype setters from intercepting set as a this value.
+      setPrototypeOf(set, null);
+    }
+    let l = array.length;
+    while (l--) {
+      let element = array[l];
+      if (typeof element === 'string') {
+        const lcElement = transformCaseFunc(element);
+        if (lcElement !== element) {
+          // Config presets (e.g. tags.js, attrs.js) are immutable.
+          if (!isFrozen(array)) {
+            array[l] = lcElement;
+          }
+          element = lcElement;
+        }
+      }
+      set[element] = true;
+    }
+    return set;
+  }
+  /**
+   * Clean up an array to harden against CSPP
+   *
+   * @param array - The array to be cleaned.
+   * @returns The cleaned version of the array
+   */
+  function cleanArray(array) {
+    for (let index = 0; index < array.length; index++) {
+      const isPropertyExist = objectHasOwnProperty(array, index);
+      if (!isPropertyExist) {
+        array[index] = null;
+      }
+    }
+    return array;
+  }
+  /**
+   * Shallow clone an object
+   *
+   * @param object - The object to be cloned.
+   * @returns A new object that copies the original.
+   */
+  function clone(object) {
+    const newObject = create(null);
+    for (const [property, value] of entries(object)) {
+      const isPropertyExist = objectHasOwnProperty(object, property);
+      if (isPropertyExist) {
+        if (Array.isArray(value)) {
+          newObject[property] = cleanArray(value);
+        } else if (value && typeof value === 'object' && value.constructor === Object) {
+          newObject[property] = clone(value);
+        } else {
+          newObject[property] = value;
+        }
+      }
+    }
+    return newObject;
+  }
+  /**
+   * This method automatically checks if the prop is function or getter and behaves accordingly.
+   *
+   * @param object - The object to look up the getter function in its prototype chain.
+   * @param prop - The property name for which to find the getter function.
+   * @returns The getter function found in the prototype chain or a fallback function.
+   */
+  function lookupGetter(object, prop) {
+    while (object !== null) {
+      const desc = getOwnPropertyDescriptor(object, prop);
+      if (desc) {
+        if (desc.get) {
+          return unapply(desc.get);
+        }
+        if (typeof desc.value === 'function') {
+          return unapply(desc.value);
+        }
+      }
+      object = getPrototypeOf(object);
+    }
+    function fallbackValue() {
+      return null;
+    }
+    return fallbackValue;
+  }
+
+  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+  const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+  // List of SVG elements that are disallowed by default.
+  // We still need to know them so that we can do namespace
+  // checks properly in case one wants to add them to
+  // allow-list.
+  const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+  const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+  // Similarly to SVG, we want to know all MathML elements,
+  // even those that we disallow by default.
+  const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+  const text = freeze(['#text']);
+
+  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+  const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+  const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+  // eslint-disable-next-line unicorn/better-regex
+  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+  const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+  const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+  );
+  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+  const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+  );
+  const DOCTYPE_NAME = seal(/^html$/i);
+  const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+  var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ARIA_ATTR: ARIA_ATTR,
+    ATTR_WHITESPACE: ATTR_WHITESPACE,
+    CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+    DATA_ATTR: DATA_ATTR,
+    DOCTYPE_NAME: DOCTYPE_NAME,
+    ERB_EXPR: ERB_EXPR,
+    IS_ALLOWED_URI: IS_ALLOWED_URI,
+    IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+    MUSTACHE_EXPR: MUSTACHE_EXPR,
+    TMPLIT_EXPR: TMPLIT_EXPR
+  });
+
+  /* eslint-disable @typescript-eslint/indent */
+  // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+  const NODE_TYPE = {
+    element: 1,
+    attribute: 2,
+    text: 3,
+    cdataSection: 4,
+    entityReference: 5,
+    // Deprecated
+    entityNode: 6,
+    // Deprecated
+    progressingInstruction: 7,
+    comment: 8,
+    document: 9,
+    documentType: 10,
+    documentFragment: 11,
+    notation: 12 // Deprecated
+  };
+  const getGlobal = function getGlobal() {
+    return typeof window === 'undefined' ? null : window;
+  };
+  /**
+   * Creates a no-op policy for internal use only.
+   * Don't export this function outside this module!
+   * @param trustedTypes The policy factory.
+   * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+   * @return The policy created (or null, if Trusted Types
+   * are not supported or creating the policy failed).
+   */
+  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+    if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+      return null;
+    }
+    // Allow the callers to control the unique policy name
+    // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+    // Policy creation with duplicate names throws in Trusted Types.
+    let suffix = null;
+    const ATTR_NAME = 'data-tt-policy-suffix';
+    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+      suffix = purifyHostElement.getAttribute(ATTR_NAME);
+    }
+    const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+    try {
+      return trustedTypes.createPolicy(policyName, {
+        createHTML(html) {
+          return html;
+        },
+        createScriptURL(scriptUrl) {
+          return scriptUrl;
+        }
+      });
+    } catch (_) {
+      // Policy creation failed (most likely another DOMPurify script has
+      // already run). Skip creating the policy, as this will only cause errors
+      // if TT are enforced.
+      console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+      return null;
+    }
+  };
+  const _createHooksMap = function _createHooksMap() {
+    return {
+      afterSanitizeAttributes: [],
+      afterSanitizeElements: [],
+      afterSanitizeShadowDOM: [],
+      beforeSanitizeAttributes: [],
+      beforeSanitizeElements: [],
+      beforeSanitizeShadowDOM: [],
+      uponSanitizeAttribute: [],
+      uponSanitizeElement: [],
+      uponSanitizeShadowNode: []
+    };
+  };
+  function createDOMPurify() {
+    let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+    const DOMPurify = root => createDOMPurify(root);
+    DOMPurify.version = '3.2.4';
+    DOMPurify.removed = [];
+    if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+      // Not running in a browser, provide a factory function
+      // so that you can pass your own Window
+      DOMPurify.isSupported = false;
+      return DOMPurify;
+    }
+    let {
+      document
+    } = window;
+    const originalDocument = document;
+    const currentScript = originalDocument.currentScript;
+    const {
+      DocumentFragment,
+      HTMLTemplateElement,
+      Node,
+      Element,
+      NodeFilter,
+      NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+      HTMLFormElement,
+      DOMParser,
+      trustedTypes
+    } = window;
+    const ElementPrototype = Element.prototype;
+    const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+    const remove = lookupGetter(ElementPrototype, 'remove');
+    const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+    const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+    const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+    // As per issue #47, the web-components registry is inherited by a
+    // new document created via createHTMLDocument. As per the spec
+    // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+    // a new empty registry is used when creating a template contents owner
+    // document, so we use that as our parent document to ensure nothing
+    // is inherited.
+    if (typeof HTMLTemplateElement === 'function') {
+      const template = document.createElement('template');
+      if (template.content && template.content.ownerDocument) {
+        document = template.content.ownerDocument;
+      }
+    }
+    let trustedTypesPolicy;
+    let emptyHTML = '';
+    const {
+      implementation,
+      createNodeIterator,
+      createDocumentFragment,
+      getElementsByTagName
+    } = document;
+    const {
+      importNode
+    } = originalDocument;
+    let hooks = _createHooksMap();
+    /**
+     * Expose whether this browser supports running the full DOMPurify.
+     */
+    DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+    const {
+      MUSTACHE_EXPR,
+      ERB_EXPR,
+      TMPLIT_EXPR,
+      DATA_ATTR,
+      ARIA_ATTR,
+      IS_SCRIPT_OR_DATA,
+      ATTR_WHITESPACE,
+      CUSTOM_ELEMENT
+    } = EXPRESSIONS;
+    let {
+      IS_ALLOWED_URI: IS_ALLOWED_URI$1
+    } = EXPRESSIONS;
+    /**
+     * We consider the elements and attributes below to be safe. Ideally
+     * don't add any new ones but feel free to remove unwanted ones.
+     */
+    /* allowed element names */
+    let ALLOWED_TAGS = null;
+    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+    /* Allowed attribute names */
+    let ALLOWED_ATTR = null;
+    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+    /*
+     * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+     * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+     * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+     * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+     */
+    let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      allowCustomizedBuiltInElements: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: false
+      }
+    }));
+    /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+    let FORBID_TAGS = null;
+    /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+    let FORBID_ATTR = null;
+    /* Decide if ARIA attributes are okay */
+    let ALLOW_ARIA_ATTR = true;
+    /* Decide if custom data attributes are okay */
+    let ALLOW_DATA_ATTR = true;
+    /* Decide if unknown protocols are okay */
+    let ALLOW_UNKNOWN_PROTOCOLS = false;
+    /* Decide if self-closing tags in attributes are allowed.
+     * Usually removed due to a mXSS issue in jQuery 3.0 */
+    let ALLOW_SELF_CLOSE_IN_ATTR = true;
+    /* Output should be safe for common template engines.
+     * This means, DOMPurify removes data attributes, mustaches and ERB
+     */
+    let SAFE_FOR_TEMPLATES = false;
+    /* Output should be safe even for XML used within HTML and alike.
+     * This means, DOMPurify removes comments when containing risky content.
+     */
+    let SAFE_FOR_XML = true;
+    /* Decide if document with <html>... should be returned */
+    let WHOLE_DOCUMENT = false;
+    /* Track whether config is already set on this instance of DOMPurify. */
+    let SET_CONFIG = false;
+    /* Decide if all elements (e.g. style, script) must be children of
+     * document.body. By default, browsers might move them to document.head */
+    let FORCE_BODY = false;
+    /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+     * string (or a TrustedHTML object if Trusted Types are supported).
+     * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+     */
+    let RETURN_DOM = false;
+    /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+     * string  (or a TrustedHTML object if Trusted Types are supported) */
+    let RETURN_DOM_FRAGMENT = false;
+    /* Try to return a Trusted Type object instead of a string, return a string in
+     * case Trusted Types are not supported  */
+    let RETURN_TRUSTED_TYPE = false;
+    /* Output should be free from DOM clobbering attacks?
+     * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+     */
+    let SANITIZE_DOM = true;
+    /* Achieve full DOM Clobbering protection by isolating the namespace of named
+     * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+     *
+     * HTML/DOM spec rules that enable DOM Clobbering:
+     *   - Named Access on Window (§7.3.3)
+     *   - DOM Tree Accessors (§3.1.5)
+     *   - Form Element Parent-Child Relations (§4.10.3)
+     *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+     *   - HTMLCollection (§4.2.10.2)
+     *
+     * Namespace isolation is implemented by prefixing `id` and `name` attributes
+     * with a constant string, i.e., `user-content-`
+     */
+    let SANITIZE_NAMED_PROPS = false;
+    const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+    /* Keep element content when removing element? */
+    let KEEP_CONTENT = true;
+    /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+     * of importing it into a new Document and returning a sanitized copy */
+    let IN_PLACE = false;
+    /* Allow usage of profiles like html, svg and mathMl */
+    let USE_PROFILES = {};
+    /* Tags to ignore content of when KEEP_CONTENT is true */
+    let FORBID_CONTENTS = null;
+    const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+    /* Tags that are safe for data: URIs */
+    let DATA_URI_TAGS = null;
+    const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+    /* Attributes safe for values like "javascript:" */
+    let URI_SAFE_ATTRIBUTES = null;
+    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+    const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+    const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+    const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+    /* Document namespace */
+    let NAMESPACE = HTML_NAMESPACE;
+    let IS_EMPTY_INPUT = false;
+    /* Allowed XHTML+XML namespaces */
+    let ALLOWED_NAMESPACES = null;
+    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+    let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+    let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+    // Certain elements are allowed in both SVG and HTML
+    // namespace. We need to specify them explicitly
+    // so that they don't get erroneously deleted from
+    // HTML namespace.
+    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+    /* Parsing of strict XHTML documents */
+    let PARSER_MEDIA_TYPE = null;
+    const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+    const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+    let transformCaseFunc = null;
+    /* Keep a reference to config to pass to hooks */
+    let CONFIG = null;
+    /* Ideally, do not touch anything below this line */
+    /* ______________________________________________ */
+    const formElement = document.createElement('form');
+    const isRegexOrFunction = function isRegexOrFunction(testValue) {
+      return testValue instanceof RegExp || testValue instanceof Function;
+    };
+    /**
+     * _parseConfig
+     *
+     * @param cfg optional config literal
+     */
+    // eslint-disable-next-line complexity
+    const _parseConfig = function _parseConfig() {
+      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (CONFIG && CONFIG === cfg) {
+        return;
+      }
+      /* Shield configuration object from tampering */
+      if (!cfg || typeof cfg !== 'object') {
+        cfg = {};
+      }
+      /* Shield configuration object from prototype pollution */
+      cfg = clone(cfg);
+      PARSER_MEDIA_TYPE =
+      // eslint-disable-next-line unicorn/prefer-includes
+      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+      // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+      transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+      /* Set configuration parameters */
+      ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+      ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+      ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+      URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+      DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+      FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+      FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+      FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+      USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+      SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+      RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+      FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+      SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+      KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+      IN_PLACE = cfg.IN_PLACE || false; // Default false
+      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+      MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+      HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        ALLOW_DATA_ATTR = false;
+      }
+      if (RETURN_DOM_FRAGMENT) {
+        RETURN_DOM = true;
+      }
+      /* Parse profile info */
+      if (USE_PROFILES) {
+        ALLOWED_TAGS = addToSet({}, text);
+        ALLOWED_ATTR = [];
+        if (USE_PROFILES.html === true) {
+          addToSet(ALLOWED_TAGS, html$1);
+          addToSet(ALLOWED_ATTR, html);
+        }
+        if (USE_PROFILES.svg === true) {
+          addToSet(ALLOWED_TAGS, svg$1);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.svgFilters === true) {
+          addToSet(ALLOWED_TAGS, svgFilters);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.mathMl === true) {
+          addToSet(ALLOWED_TAGS, mathMl$1);
+          addToSet(ALLOWED_ATTR, mathMl);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+      }
+      /* Merge configuration parameters */
+      if (cfg.ADD_TAGS) {
+        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        }
+        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+      }
+      if (cfg.ADD_ATTR) {
+        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        }
+        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+      }
+      if (cfg.ADD_URI_SAFE_ATTR) {
+        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+      }
+      if (cfg.FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+      }
+      /* Add #text in case KEEP_CONTENT is set to true */
+      if (KEEP_CONTENT) {
+        ALLOWED_TAGS['#text'] = true;
+      }
+      /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+      if (WHOLE_DOCUMENT) {
+        addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+      }
+      /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+      if (ALLOWED_TAGS.table) {
+        addToSet(ALLOWED_TAGS, ['tbody']);
+        delete FORBID_TAGS.tbody;
+      }
+      if (cfg.TRUSTED_TYPES_POLICY) {
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        }
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        }
+        // Overwrite existing TrustedTypes policy.
+        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+        // Sign local variables required by `sanitize`.
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      } else {
+        // Uninitialized policy, attempt to initialize the internal dompurify policy.
+        if (trustedTypesPolicy === undefined) {
+          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+        }
+        // If creating the internal policy succeeded sign internal variables.
+        if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+          emptyHTML = trustedTypesPolicy.createHTML('');
+        }
+      }
+      // Prevent further manipulation of configuration.
+      // Not available in IE8, Safari 5, etc.
+      if (freeze) {
+        freeze(cfg);
+      }
+      CONFIG = cfg;
+    };
+    /* Keep track of all possible SVG and MathML tags
+     * so that we can perform the namespace checks
+     * correctly. */
+    const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+    const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+    /**
+     * @param element a DOM element whose namespace is being checked
+     * @returns Return false if the element has a
+     *  namespace that a spec-compliant parser would never
+     *  return. Return true otherwise.
+     */
+    const _checkValidNamespace = function _checkValidNamespace(element) {
+      let parent = getParentNode(element);
+      // In JSDOM, if we're inside shadow DOM, then parentNode
+      // can be null. We just simulate parent in this case.
+      if (!parent || !parent.tagName) {
+        parent = {
+          namespaceURI: NAMESPACE,
+          tagName: 'template'
+        };
+      }
+      const tagName = stringToLowerCase(element.tagName);
+      const parentTagName = stringToLowerCase(parent.tagName);
+      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return false;
+      }
+      if (element.namespaceURI === SVG_NAMESPACE) {
+        // The only way to switch from HTML namespace to SVG
+        // is via <svg>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'svg';
+        }
+        // The only way to switch from MathML to SVG is via`
+        // svg if parent is either <annotation-xml> or MathML
+        // text integration points.
+        if (parent.namespaceURI === MATHML_NAMESPACE) {
+          return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+        }
+        // We only allow elements that are defined in SVG
+        // spec. All others are disallowed in SVG namespace.
+        return Boolean(ALL_SVG_TAGS[tagName]);
+      }
+      if (element.namespaceURI === MATHML_NAMESPACE) {
+        // The only way to switch from HTML namespace to MathML
+        // is via <math>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'math';
+        }
+        // The only way to switch from SVG to MathML is via
+        // <math> and HTML integration points
+        if (parent.namespaceURI === SVG_NAMESPACE) {
+          return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+        }
+        // We only allow elements that are defined in MathML
+        // spec. All others are disallowed in MathML namespace.
+        return Boolean(ALL_MATHML_TAGS[tagName]);
+      }
+      if (element.namespaceURI === HTML_NAMESPACE) {
+        // The only way to switch from SVG to HTML is via
+        // HTML integration points, and from MathML to HTML
+        // is via MathML text integration points
+        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        // We disallow tags that are specific for MathML
+        // or SVG and should never appear in HTML namespace
+        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+      }
+      // For XHTML and XML documents that support custom namespaces
+      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return true;
+      }
+      // The code should never reach this place (this means
+      // that the element somehow got namespace that is not
+      // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+      // Return false just in case.
+      return false;
+    };
+    /**
+     * _forceRemove
+     *
+     * @param node a DOM node
+     */
+    const _forceRemove = function _forceRemove(node) {
+      arrayPush(DOMPurify.removed, {
+        element: node
+      });
+      try {
+        // eslint-disable-next-line unicorn/prefer-dom-node-remove
+        getParentNode(node).removeChild(node);
+      } catch (_) {
+        remove(node);
+      }
+    };
+    /**
+     * _removeAttribute
+     *
+     * @param name an Attribute name
+     * @param element a DOM node
+     */
+    const _removeAttribute = function _removeAttribute(name, element) {
+      try {
+        arrayPush(DOMPurify.removed, {
+          attribute: element.getAttributeNode(name),
+          from: element
+        });
+      } catch (_) {
+        arrayPush(DOMPurify.removed, {
+          attribute: null,
+          from: element
+        });
+      }
+      element.removeAttribute(name);
+      // We void attribute values for unremovable "is" attributes
+      if (name === 'is') {
+        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+          try {
+            _forceRemove(element);
+          } catch (_) {}
+        } else {
+          try {
+            element.setAttribute(name, '');
+          } catch (_) {}
+        }
+      }
+    };
+    /**
+     * _initDocument
+     *
+     * @param dirty - a string of dirty markup
+     * @return a DOM, filled with the dirty markup
+     */
+    const _initDocument = function _initDocument(dirty) {
+      /* Create a HTML document */
+      let doc = null;
+      let leadingWhitespace = null;
+      if (FORCE_BODY) {
+        dirty = '<remove></remove>' + dirty;
+      } else {
+        /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+        leadingWhitespace = matches && matches[0];
+      }
+      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+        // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+      }
+      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      /*
+       * Use the DOMParser API by default, fallback later if needs be
+       * DOMParser not work for svg when has multiple root element.
+       */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        try {
+          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        } catch (_) {}
+      }
+      /* Use createHTMLDocument in case DOMParser is not available */
+      if (!doc || !doc.documentElement) {
+        doc = implementation.createDocument(NAMESPACE, 'template', null);
+        try {
+          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+        } catch (_) {
+          // Syntax error if dirtyPayload is invalid xml
+        }
+      }
+      const body = doc.body || doc.documentElement;
+      if (dirty && leadingWhitespace) {
+        body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+      }
+      /* Work on whole document or just its body */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+      }
+      return WHOLE_DOCUMENT ? doc.documentElement : body;
+    };
+    /**
+     * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+     *
+     * @param root The root element or node to start traversing on.
+     * @return The created NodeIterator
+     */
+    const _createNodeIterator = function _createNodeIterator(root) {
+      return createNodeIterator.call(root.ownerDocument || root, root,
+      // eslint-disable-next-line no-bitwise
+      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+    };
+    /**
+     * _isClobbered
+     *
+     * @param element element to check for clobbering attacks
+     * @return true if clobbered, false if safe
+     */
+    const _isClobbered = function _isClobbered(element) {
+      return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+    };
+    /**
+     * Checks whether the given object is a DOM node.
+     *
+     * @param value object to check whether it's a DOM node
+     * @return true is object is a DOM node
+     */
+    const _isNode = function _isNode(value) {
+      return typeof Node === 'function' && value instanceof Node;
+    };
+    function _executeHooks(hooks, currentNode, data) {
+      arrayForEach(hooks, hook => {
+        hook.call(DOMPurify, currentNode, data, CONFIG);
+      });
+    }
+    /**
+     * _sanitizeElements
+     *
+     * @protect nodeName
+     * @protect textContent
+     * @protect removeChild
+     * @param currentNode to check for permission to exist
+     * @return true if node was killed, false if left alive
+     */
+    const _sanitizeElements = function _sanitizeElements(currentNode) {
+      let content = null;
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+      /* Check if element is clobbered or can clobber */
+      if (_isClobbered(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Now let's check the element's type and name */
+      const tagName = transformCaseFunc(currentNode.nodeName);
+      /* Execute a hook if present */
+      _executeHooks(hooks.uponSanitizeElement, currentNode, {
+        tagName,
+        allowedTags: ALLOWED_TAGS
+      });
+      /* Detect mXSS attempts abusing namespace confusion */
+      if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove any occurrence of processing instructions */
+      if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove any kind of possibly harmful comments */
+      if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Remove element if anything forbids its presence */
+      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+        /* Check if we have a custom element to handle */
+        if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+            return false;
+          }
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+            return false;
+          }
+        }
+        /* Keep content except for bad-listed elements */
+        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+          if (childNodes && parentNode) {
+            const childCount = childNodes.length;
+            for (let i = childCount - 1; i >= 0; --i) {
+              const childClone = cloneNode(childNodes[i], true);
+              childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+              parentNode.insertBefore(childClone, getNextSibling(currentNode));
+            }
+          }
+        }
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Check whether element has a valid namespace */
+      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Make sure that older browsers don't get fallback-tag mXSS */
+      if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      /* Sanitize element content to be template-safe */
+      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+        /* Get the element's text content */
+        content = currentNode.textContent;
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          content = stringReplace(content, expr, ' ');
+        });
+        if (currentNode.textContent !== content) {
+          arrayPush(DOMPurify.removed, {
+            element: currentNode.cloneNode()
+          });
+          currentNode.textContent = content;
+        }
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+      return false;
+    };
+    /**
+     * _isValidAttribute
+     *
+     * @param lcTag Lowercase tag name of containing element.
+     * @param lcName Lowercase attribute name.
+     * @param value Attribute value.
+     * @return Returns true if `value` is valid, otherwise false.
+     */
+    // eslint-disable-next-line complexity
+    const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+      /* Make sure attribute cannot clobber */
+      if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+        return false;
+      }
+      /* Allow valid data-* attributes: At least one character after "-"
+          (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+          XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+          We don't need to check the value; it's always URI safe. */
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+        if (
+        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+        // Alternative, second condition checks if it's an `is`-attribute, AND
+        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+        lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+          return false;
+        }
+        /* Check value is safe. First, is attr inert? If so, is safe */
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+        return false;
+      } else ;
+      return true;
+    };
+    /**
+     * _isBasicCustomElement
+     * checks if at least one dash is included in tagName, and it's not the first char
+     * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+     *
+     * @param tagName name of the tag of the node to sanitize
+     * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+     */
+    const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+      return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+    };
+    /**
+     * _sanitizeAttributes
+     *
+     * @protect attributes
+     * @protect nodeName
+     * @protect removeAttribute
+     * @protect setAttribute
+     *
+     * @param currentNode to sanitize
+     */
+    const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+      const {
+        attributes
+      } = currentNode;
+      /* Check if we have attributes; if not we might have a text node */
+      if (!attributes || _isClobbered(currentNode)) {
+        return;
+      }
+      const hookEvent = {
+        attrName: '',
+        attrValue: '',
+        keepAttr: true,
+        allowedAttributes: ALLOWED_ATTR,
+        forceKeepAttr: undefined
+      };
+      let l = attributes.length;
+      /* Go backwards over all attributes; safely remove bad ones */
+      while (l--) {
+        const attr = attributes[l];
+        const {
+          name,
+          namespaceURI,
+          value: attrValue
+        } = attr;
+        const lcName = transformCaseFunc(name);
+        let value = name === 'value' ? attrValue : stringTrim(attrValue);
+        /* Execute a hook if present */
+        hookEvent.attrName = lcName;
+        hookEvent.attrValue = value;
+        hookEvent.keepAttr = true;
+        hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+        _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+        value = hookEvent.attrValue;
+        /* Full DOM Clobbering protection via namespace isolation,
+         * Prefix id and name attributes with `user-content-`
+         */
+        if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+          // Remove the attribute with this value
+          _removeAttribute(name, currentNode);
+          // Prefix the value and later re-create the attribute with the sanitized value
+          value = SANITIZE_NAMED_PROPS_PREFIX + value;
+        }
+        /* Work around a security issue with comments inside attributes */
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Did the hooks approve of the attribute? */
+        if (hookEvent.forceKeepAttr) {
+          continue;
+        }
+        /* Remove attribute */
+        _removeAttribute(name, currentNode);
+        /* Did the hooks approve of the attribute? */
+        if (!hookEvent.keepAttr) {
+          continue;
+        }
+        /* Work around a security issue in jQuery 3.0 */
+        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Sanitize attribute content to be template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            value = stringReplace(value, expr, ' ');
+          });
+        }
+        /* Is `value` valid for this attribute? */
+        const lcTag = transformCaseFunc(currentNode.nodeName);
+        if (!_isValidAttribute(lcTag, lcName, value)) {
+          continue;
+        }
+        /* Handle attributes that require Trusted Types */
+        if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+          if (namespaceURI) ; else {
+            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+              case 'TrustedHTML':
+                {
+                  value = trustedTypesPolicy.createHTML(value);
+                  break;
+                }
+              case 'TrustedScriptURL':
+                {
+                  value = trustedTypesPolicy.createScriptURL(value);
+                  break;
+                }
+            }
+          }
+        }
+        /* Handle invalid data-* attribute set by try-catching it */
+        try {
+          if (namespaceURI) {
+            currentNode.setAttributeNS(namespaceURI, name, value);
+          } else {
+            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+            currentNode.setAttribute(name, value);
+          }
+          if (_isClobbered(currentNode)) {
+            _forceRemove(currentNode);
+          } else {
+            arrayPop(DOMPurify.removed);
+          }
+        } catch (_) {}
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+    };
+    /**
+     * _sanitizeShadowDOM
+     *
+     * @param fragment to iterate over recursively
+     */
+    const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+      let shadowNode = null;
+      const shadowIterator = _createNodeIterator(fragment);
+      /* Execute a hook if present */
+      _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+      while (shadowNode = shadowIterator.nextNode()) {
+        /* Execute a hook if present */
+        _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+        /* Sanitize tags and elements */
+        _sanitizeElements(shadowNode);
+        /* Check attributes next */
+        _sanitizeAttributes(shadowNode);
+        /* Deep shadow DOM detected */
+        if (shadowNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(shadowNode.content);
+        }
+      }
+      /* Execute a hook if present */
+      _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+    };
+    // eslint-disable-next-line complexity
+    DOMPurify.sanitize = function (dirty) {
+      let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      let body = null;
+      let importedNode = null;
+      let currentNode = null;
+      let returnNode = null;
+      /* Make sure we have a string to sanitize.
+        DO NOT return early, as this will return the wrong type if
+        the user has requested a DOM object rather than a string */
+      IS_EMPTY_INPUT = !dirty;
+      if (IS_EMPTY_INPUT) {
+        dirty = '<!-->';
+      }
+      /* Stringify, in case dirty is an object */
+      if (typeof dirty !== 'string' && !_isNode(dirty)) {
+        if (typeof dirty.toString === 'function') {
+          dirty = dirty.toString();
+          if (typeof dirty !== 'string') {
+            throw typeErrorCreate('dirty is not a string, aborting');
+          }
+        } else {
+          throw typeErrorCreate('toString is not a function');
+        }
+      }
+      /* Return dirty HTML if DOMPurify cannot run */
+      if (!DOMPurify.isSupported) {
+        return dirty;
+      }
+      /* Assign config vars */
+      if (!SET_CONFIG) {
+        _parseConfig(cfg);
+      }
+      /* Clean up removed elements */
+      DOMPurify.removed = [];
+      /* Check if dirty is correctly typed for IN_PLACE */
+      if (typeof dirty === 'string') {
+        IN_PLACE = false;
+      }
+      if (IN_PLACE) {
+        /* Do some early pre-sanitization to avoid unsafe root nodes */
+        if (dirty.nodeName) {
+          const tagName = transformCaseFunc(dirty.nodeName);
+          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+            throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+          }
+        }
+      } else if (dirty instanceof Node) {
+        /* If dirty is a DOM element, append to an empty document to avoid
+           elements being stripped by the parser */
+        body = _initDocument('<!---->');
+        importedNode = body.ownerDocument.importNode(dirty, true);
+        if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+          /* Node is already a body, use as is */
+          body = importedNode;
+        } else if (importedNode.nodeName === 'HTML') {
+          body = importedNode;
+        } else {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          body.appendChild(importedNode);
+        }
+      } else {
+        /* Exit directly if we have nothing to do */
+        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+        // eslint-disable-next-line unicorn/prefer-includes
+        dirty.indexOf('<') === -1) {
+          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        }
+        /* Initialize the document to work on */
+        body = _initDocument(dirty);
+        /* Check we have a DOM node from the data */
+        if (!body) {
+          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+        }
+      }
+      /* Remove first element node (ours) if FORCE_BODY is set */
+      if (body && FORCE_BODY) {
+        _forceRemove(body.firstChild);
+      }
+      /* Get node iterator */
+      const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+      /* Now start iterating over the created document */
+      while (currentNode = nodeIterator.nextNode()) {
+        /* Sanitize tags and elements */
+        _sanitizeElements(currentNode);
+        /* Check attributes next */
+        _sanitizeAttributes(currentNode);
+        /* Shadow DOM detected, sanitize it */
+        if (currentNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(currentNode.content);
+        }
+      }
+      /* If we sanitized `dirty` in-place, return it. */
+      if (IN_PLACE) {
+        return dirty;
+      }
+      /* Return sanitized string or DOM */
+      if (RETURN_DOM) {
+        if (RETURN_DOM_FRAGMENT) {
+          returnNode = createDocumentFragment.call(body.ownerDocument);
+          while (body.firstChild) {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            returnNode.appendChild(body.firstChild);
+          }
+        } else {
+          returnNode = body;
+        }
+        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+          /*
+            AdoptNode() is not used because internal state is not reset
+            (e.g. the past names map of a HTMLFormElement), this is safe
+            in theory but we would rather not risk another attack vector.
+            The state that is cloned by importNode() is explicitly defined
+            by the specs.
+          */
+          returnNode = importNode.call(originalDocument, returnNode, true);
+        }
+        return returnNode;
+      }
+      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+      /* Serialize doctype if allowed */
+      if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+        serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+      }
+      /* Sanitize final string template-safe */
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          serializedHTML = stringReplace(serializedHTML, expr, ' ');
+        });
+      }
+      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+    };
+    DOMPurify.setConfig = function () {
+      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      _parseConfig(cfg);
+      SET_CONFIG = true;
+    };
+    DOMPurify.clearConfig = function () {
+      CONFIG = null;
+      SET_CONFIG = false;
+    };
+    DOMPurify.isValidAttribute = function (tag, attr, value) {
+      /* Initialize shared config vars if necessary. */
+      if (!CONFIG) {
+        _parseConfig({});
+      }
+      const lcTag = transformCaseFunc(tag);
+      const lcName = transformCaseFunc(attr);
+      return _isValidAttribute(lcTag, lcName, value);
+    };
+    DOMPurify.addHook = function (entryPoint, hookFunction) {
+      if (typeof hookFunction !== 'function') {
+        return;
+      }
+      arrayPush(hooks[entryPoint], hookFunction);
+    };
+    DOMPurify.removeHook = function (entryPoint, hookFunction) {
+      if (hookFunction !== undefined) {
+        const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+        return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+      }
+      return arrayPop(hooks[entryPoint]);
+    };
+    DOMPurify.removeHooks = function (entryPoint) {
+      hooks[entryPoint] = [];
+    };
+    DOMPurify.removeAllHooks = function () {
+      hooks = _createHooksMap();
+    };
+    return DOMPurify;
+  }
+  var purify = createDOMPurify();
+
+  return purify;
+
+}));
+//# sourceMappingURL=purify.js.map
diff --git a/static/js/purify.js.map b/static/js/purify.js.map
new file mode 100644
index 0000000..77cd530
--- /dev/null
+++ b/static/js/purify.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"purify.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/static/js/purify.min.js b/static/js/purify.min.js
new file mode 100644
index 0000000..b472a86
--- /dev/null
+++ b/static/js/purify.min.js
@@ -0,0 +1,3 @@
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){"use strict";const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:c,construct:s}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),s||(s=function(e,t){return new e(...t)});const u=R(Array.prototype.forEach),m=R(Array.prototype.lastIndexOf),p=R(Array.prototype.pop),f=R(Array.prototype.push),d=R(Array.prototype.splice),h=R(String.prototype.toLowerCase),g=R(String.prototype.toString),T=R(String.prototype.match),y=R(String.prototype.replace),E=R(String.prototype.indexOf),A=R(String.prototype.trim),_=R(Object.prototype.hasOwnProperty),S=R(RegExp.prototype.test),b=(N=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(N,t)});var N;function R(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return c(e,t,o)}}function w(e,o){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:h;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function O(e){for(let t=0;t<e.length;t++){_(e,t)||(e[t]=null)}return e}function D(t){const n=l(null);for(const[o,r]of e(t)){_(t,o)&&(Array.isArray(r)?n[o]=O(r):r&&"object"==typeof r&&r.constructor===Object?n[o]=D(r):n[o]=r)}return n}function v(e,t){for(;null!==e;){const n=r(e,t);if(n){if(n.get)return R(n.get);if("function"==typeof n.value)return R(n.value)}e=o(e)}return function(){return null}}const L=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),C=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),x=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),M=i(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),k=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),I=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),U=i(["#text"]),z=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),P=i(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),H=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),B=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),W=a(/<%[\w\W]*|[\w\W]*%>/gm),G=a(/\$\{[\w\W]*/gm),Y=a(/^data-[\-\w.\u00B7-\uFFFF]+$/),j=a(/^aria-[\-\w]+$/),X=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),q=a(/^(?:\w+script|data):/i),$=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),K=a(/^html$/i),V=a(/^[a-z][.\w]*(-[.\w]+)+$/i);var Z=Object.freeze({__proto__:null,ARIA_ATTR:j,ATTR_WHITESPACE:$,CUSTOM_ELEMENT:V,DATA_ATTR:Y,DOCTYPE_NAME:K,ERB_EXPR:W,IS_ALLOWED_URI:X,IS_SCRIPT_OR_DATA:q,MUSTACHE_EXPR:B,TMPLIT_EXPR:G});const J=1,Q=3,ee=7,te=8,ne=9,oe=function(){return"undefined"==typeof window?null:window};var re=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:oe();const o=e=>t(e);if(o.version="3.2.4",o.removed=[],!n||!n.document||n.document.nodeType!==ne||!n.Element)return o.isSupported=!1,o;let{document:r}=n;const a=r,c=a.currentScript,{DocumentFragment:s,HTMLTemplateElement:N,Node:R,Element:O,NodeFilter:B,NamedNodeMap:W=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:G,DOMParser:Y,trustedTypes:j}=n,q=O.prototype,$=v(q,"cloneNode"),V=v(q,"remove"),re=v(q,"nextSibling"),ie=v(q,"childNodes"),ae=v(q,"parentNode");if("function"==typeof N){const e=r.createElement("template");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let le,ce="";const{implementation:se,createNodeIterator:ue,createDocumentFragment:me,getElementsByTagName:pe}=r,{importNode:fe}=a;let de={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};o.isSupported="function"==typeof e&&"function"==typeof ae&&se&&void 0!==se.createHTMLDocument;const{MUSTACHE_EXPR:he,ERB_EXPR:ge,TMPLIT_EXPR:Te,DATA_ATTR:ye,ARIA_ATTR:Ee,IS_SCRIPT_OR_DATA:Ae,ATTR_WHITESPACE:_e,CUSTOM_ELEMENT:Se}=Z;let{IS_ALLOWED_URI:be}=Z,Ne=null;const Re=w({},[...L,...C,...x,...k,...U]);let we=null;const Oe=w({},[...z,...P,...H,...F]);let De=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),ve=null,Le=null,Ce=!0,xe=!0,Me=!1,ke=!0,Ie=!1,Ue=!0,ze=!1,Pe=!1,He=!1,Fe=!1,Be=!1,We=!1,Ge=!0,Ye=!1,je=!0,Xe=!1,qe={},$e=null;const Ke=w({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ve=null;const Ze=w({},["audio","video","img","source","image","track"]);let Je=null;const Qe=w({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),et="http://www.w3.org/1998/Math/MathML",tt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml";let ot=nt,rt=!1,it=null;const at=w({},[et,tt,nt],g);let lt=w({},["mi","mo","mn","ms","mtext"]),ct=w({},["annotation-xml"]);const st=w({},["title","style","font","a","script"]);let ut=null;const mt=["application/xhtml+xml","text/html"];let pt=null,ft=null;const dt=r.createElement("form"),ht=function(e){return e instanceof RegExp||e instanceof Function},gt=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ft||ft!==e){if(e&&"object"==typeof e||(e={}),e=D(e),ut=-1===mt.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,pt="application/xhtml+xml"===ut?g:h,Ne=_(e,"ALLOWED_TAGS")?w({},e.ALLOWED_TAGS,pt):Re,we=_(e,"ALLOWED_ATTR")?w({},e.ALLOWED_ATTR,pt):Oe,it=_(e,"ALLOWED_NAMESPACES")?w({},e.ALLOWED_NAMESPACES,g):at,Je=_(e,"ADD_URI_SAFE_ATTR")?w(D(Qe),e.ADD_URI_SAFE_ATTR,pt):Qe,Ve=_(e,"ADD_DATA_URI_TAGS")?w(D(Ze),e.ADD_DATA_URI_TAGS,pt):Ze,$e=_(e,"FORBID_CONTENTS")?w({},e.FORBID_CONTENTS,pt):Ke,ve=_(e,"FORBID_TAGS")?w({},e.FORBID_TAGS,pt):{},Le=_(e,"FORBID_ATTR")?w({},e.FORBID_ATTR,pt):{},qe=!!_(e,"USE_PROFILES")&&e.USE_PROFILES,Ce=!1!==e.ALLOW_ARIA_ATTR,xe=!1!==e.ALLOW_DATA_ATTR,Me=e.ALLOW_UNKNOWN_PROTOCOLS||!1,ke=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,Ie=e.SAFE_FOR_TEMPLATES||!1,Ue=!1!==e.SAFE_FOR_XML,ze=e.WHOLE_DOCUMENT||!1,Fe=e.RETURN_DOM||!1,Be=e.RETURN_DOM_FRAGMENT||!1,We=e.RETURN_TRUSTED_TYPE||!1,He=e.FORCE_BODY||!1,Ge=!1!==e.SANITIZE_DOM,Ye=e.SANITIZE_NAMED_PROPS||!1,je=!1!==e.KEEP_CONTENT,Xe=e.IN_PLACE||!1,be=e.ALLOWED_URI_REGEXP||X,ot=e.NAMESPACE||nt,lt=e.MATHML_TEXT_INTEGRATION_POINTS||lt,ct=e.HTML_INTEGRATION_POINTS||ct,De=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&ht(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(De.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&ht(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(De.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(De.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Ie&&(xe=!1),Be&&(Fe=!0),qe&&(Ne=w({},U),we=[],!0===qe.html&&(w(Ne,L),w(we,z)),!0===qe.svg&&(w(Ne,C),w(we,P),w(we,F)),!0===qe.svgFilters&&(w(Ne,x),w(we,P),w(we,F)),!0===qe.mathMl&&(w(Ne,k),w(we,H),w(we,F))),e.ADD_TAGS&&(Ne===Re&&(Ne=D(Ne)),w(Ne,e.ADD_TAGS,pt)),e.ADD_ATTR&&(we===Oe&&(we=D(we)),w(we,e.ADD_ATTR,pt)),e.ADD_URI_SAFE_ATTR&&w(Je,e.ADD_URI_SAFE_ATTR,pt),e.FORBID_CONTENTS&&($e===Ke&&($e=D($e)),w($e,e.FORBID_CONTENTS,pt)),je&&(Ne["#text"]=!0),ze&&w(Ne,["html","head","body"]),Ne.table&&(w(Ne,["tbody"]),delete ve.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw b('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');le=e.TRUSTED_TYPES_POLICY,ce=le.createHTML("")}else void 0===le&&(le=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(j,c)),null!==le&&"string"==typeof ce&&(ce=le.createHTML(""));i&&i(e),ft=e}},Tt=w({},[...C,...x,...M]),yt=w({},[...k,...I]),Et=function(e){f(o.removed,{element:e});try{ae(e).removeChild(e)}catch(t){V(e)}},At=function(e,t){try{f(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){f(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(Fe||Be)try{Et(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},_t=function(e){let t=null,n=null;if(He)e="<remove></remove>"+e;else{const t=T(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===ut&&ot===nt&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const o=le?le.createHTML(e):e;if(ot===nt)try{t=(new Y).parseFromString(o,ut)}catch(e){}if(!t||!t.documentElement){t=se.createDocument(ot,"template",null);try{t.documentElement.innerHTML=rt?ce:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),ot===nt?pe.call(t,ze?"html":"body")[0]:ze?t.documentElement:i},St=function(e){return ue.call(e.ownerDocument||e,e,B.SHOW_ELEMENT|B.SHOW_COMMENT|B.SHOW_TEXT|B.SHOW_PROCESSING_INSTRUCTION|B.SHOW_CDATA_SECTION,null)},bt=function(e){return e instanceof G&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof W)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Nt=function(e){return"function"==typeof R&&e instanceof R};function Rt(e,t,n){u(e,(e=>{e.call(o,t,n,ft)}))}const wt=function(e){let t=null;if(Rt(de.beforeSanitizeElements,e,null),bt(e))return Et(e),!0;const n=pt(e.nodeName);if(Rt(de.uponSanitizeElement,e,{tagName:n,allowedTags:Ne}),e.hasChildNodes()&&!Nt(e.firstElementChild)&&S(/<[/\w]/g,e.innerHTML)&&S(/<[/\w]/g,e.textContent))return Et(e),!0;if(e.nodeType===ee)return Et(e),!0;if(Ue&&e.nodeType===te&&S(/<[/\w]/g,e.data))return Et(e),!0;if(!Ne[n]||ve[n]){if(!ve[n]&&Dt(n)){if(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,n))return!1;if(De.tagNameCheck instanceof Function&&De.tagNameCheck(n))return!1}if(je&&!$e[n]){const t=ae(e)||e.parentNode,n=ie(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o){const r=$(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,re(e))}}}return Et(e),!0}return e instanceof O&&!function(e){let t=ae(e);t&&t.tagName||(t={namespaceURI:ot,tagName:"template"});const n=h(e.tagName),o=h(t.tagName);return!!it[e.namespaceURI]&&(e.namespaceURI===tt?t.namespaceURI===nt?"svg"===n:t.namespaceURI===et?"svg"===n&&("annotation-xml"===o||lt[o]):Boolean(Tt[n]):e.namespaceURI===et?t.namespaceURI===nt?"math"===n:t.namespaceURI===tt?"math"===n&&ct[o]:Boolean(yt[n]):e.namespaceURI===nt?!(t.namespaceURI===tt&&!ct[o])&&!(t.namespaceURI===et&&!lt[o])&&!yt[n]&&(st[n]||!Tt[n]):!("application/xhtml+xml"!==ut||!it[e.namespaceURI]))}(e)?(Et(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!S(/<\/no(script|embed|frames)/i,e.innerHTML)?(Ie&&e.nodeType===Q&&(t=e.textContent,u([he,ge,Te],(e=>{t=y(t,e," ")})),e.textContent!==t&&(f(o.removed,{element:e.cloneNode()}),e.textContent=t)),Rt(de.afterSanitizeElements,e,null),!1):(Et(e),!0)},Ot=function(e,t,n){if(Ge&&("id"===t||"name"===t)&&(n in r||n in dt))return!1;if(xe&&!Le[t]&&S(ye,t));else if(Ce&&S(Ee,t));else if(!we[t]||Le[t]){if(!(Dt(e)&&(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,e)||De.tagNameCheck instanceof Function&&De.tagNameCheck(e))&&(De.attributeNameCheck instanceof RegExp&&S(De.attributeNameCheck,t)||De.attributeNameCheck instanceof Function&&De.attributeNameCheck(t))||"is"===t&&De.allowCustomizedBuiltInElements&&(De.tagNameCheck instanceof RegExp&&S(De.tagNameCheck,n)||De.tagNameCheck instanceof Function&&De.tagNameCheck(n))))return!1}else if(Je[t]);else if(S(be,y(n,_e,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==E(n,"data:")||!Ve[e]){if(Me&&!S(Ae,y(n,_e,"")));else if(n)return!1}else;return!0},Dt=function(e){return"annotation-xml"!==e&&T(e,Se)},vt=function(e){Rt(de.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||bt(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:we,forceKeepAttr:void 0};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=pt(a);let m="value"===a?c:A(c);if(n.attrName=s,n.attrValue=m,n.keepAttr=!0,n.forceKeepAttr=void 0,Rt(de.uponSanitizeAttribute,e,n),m=n.attrValue,!Ye||"id"!==s&&"name"!==s||(At(a,e),m="user-content-"+m),Ue&&S(/((--!?|])>)|<\/(style|title)/i,m)){At(a,e);continue}if(n.forceKeepAttr)continue;if(At(a,e),!n.keepAttr)continue;if(!ke&&S(/\/>/i,m)){At(a,e);continue}Ie&&u([he,ge,Te],(e=>{m=y(m,e," ")}));const f=pt(e.nodeName);if(Ot(f,s,m)){if(le&&"object"==typeof j&&"function"==typeof j.getAttributeType)if(l);else switch(j.getAttributeType(f,s)){case"TrustedHTML":m=le.createHTML(m);break;case"TrustedScriptURL":m=le.createScriptURL(m)}try{l?e.setAttributeNS(l,a,m):e.setAttribute(a,m),bt(e)?Et(e):p(o.removed)}catch(e){}}}Rt(de.afterSanitizeAttributes,e,null)},Lt=function e(t){let n=null;const o=St(t);for(Rt(de.beforeSanitizeShadowDOM,t,null);n=o.nextNode();)Rt(de.uponSanitizeShadowNode,n,null),wt(n),vt(n),n.content instanceof s&&e(n.content);Rt(de.afterSanitizeShadowDOM,t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(rt=!e,rt&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Nt(e)){if("function"!=typeof e.toString)throw b("toString is not a function");if("string"!=typeof(e=e.toString()))throw b("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Pe||gt(t),o.removed=[],"string"==typeof e&&(Xe=!1),Xe){if(e.nodeName){const t=pt(e.nodeName);if(!Ne[t]||ve[t])throw b("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof R)n=_t("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),r.nodeType===J&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!Fe&&!Ie&&!ze&&-1===e.indexOf("<"))return le&&We?le.createHTML(e):e;if(n=_t(e),!n)return Fe?null:We?ce:""}n&&He&&Et(n.firstChild);const c=St(Xe?e:n);for(;i=c.nextNode();)wt(i),vt(i),i.content instanceof s&&Lt(i.content);if(Xe)return e;if(Fe){if(Be)for(l=me.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(we.shadowroot||we.shadowrootmode)&&(l=fe.call(a,l,!0)),l}let m=ze?n.outerHTML:n.innerHTML;return ze&&Ne["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&S(K,n.ownerDocument.doctype.name)&&(m="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+m),Ie&&u([he,ge,Te],(e=>{m=y(m,e," ")})),le&&We?le.createHTML(m):m},o.setConfig=function(){gt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Pe=!0},o.clearConfig=function(){ft=null,Pe=!1},o.isValidAttribute=function(e,t,n){ft||gt({});const o=pt(e),r=pt(t);return Ot(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&f(de[e],t)},o.removeHook=function(e,t){if(void 0!==t){const n=m(de[e],t);return-1===n?void 0:d(de[e],n,1)[0]}return p(de[e])},o.removeHooks=function(e){de[e]=[]},o.removeAllHooks=function(){de={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},o}();return re}));
+//# sourceMappingURL=purify.min.js.map
diff --git a/static/js/purify.min.js.map b/static/js/purify.min.js.map
new file mode 100644
index 0000000..6e941de
--- /dev/null
+++ b/static/js/purify.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"purify.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
\ No newline at end of file
diff --git a/themes/PaperMod/assets/css/common/post-single.css b/themes/PaperMod/assets/css/common/post-single.css
index 9f9f479..e421aec 100644
--- a/themes/PaperMod/assets/css/common/post-single.css
+++ b/themes/PaperMod/assets/css/common/post-single.css
@@ -405,3 +405,44 @@ img.in-text {
     display: inline;
     margin: auto;
 }
+
+.mastodon-comment {
+    color: #000;
+    margin: 0.4rem;
+    padding: 0.4rem;
+    opacity: 0.8;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .mastodon-comment .author {
+    display: flex;
+  }
+  
+  .mastodon-comment .author .details {
+    margin: 10px;
+    padding: 10px;
+  }
+  
+  .mastodon-comment .author .date {
+    margin-left: auto;
+    font-size: small;
+  }
+  
+  .mastodon-comment .author a:link, .mastodon-comment .author a:visited, .mastodon-comment .status a:link {
+    text-decoration: none;
+    border-bottom: 0px;
+  }
+  
+  .mastodon-comment .content {
+    padding: 5px;
+  }
+  
+  .mastodon-comment .status {
+    display: block;
+  }
+  
+  .mastodon-comment .status > div {
+    display: inline-block;
+    margin-right: 15px;
+  }
\ No newline at end of file