FOERBICO/sb/public/index.html

<!DOCTYPE html>
<html lang="en" dir="auto">

<head>
	<meta name="generator" content="Hugo 0.134.3"><script src="/sb/blog/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=sb/blog/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="noindex, nofollow">
<title>oer Blog</title>

<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="http://localhost:1313/sb/blog/">
<link crossorigin="anonymous" href="/sb/blog/assets/css/stylesheet.1a339d7ef0cab5583195ab7fbd2901964a14462b8f11842e0a6aabe372e1c13c.css" integrity="sha256-GjOdfvDKtVgxlat/vSkBlkoURiuPEYQuCmqr43LhwTw=" rel="preload stylesheet" as="style">
<link rel="icon" href="http://localhost:1313/sb/blog/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/sb/blog/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/sb/blog/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://localhost:1313/sb/blog/apple-touch-icon.png">
<link rel="mask-icon" href="http://localhost:1313/sb/blog/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/sb/blog/index.xml">
<link rel="alternate" hreflang="en" href="http://localhost:1313/sb/blog/">
<noscript>
    <style>
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --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(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>
</head>

<body class="list" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="http://localhost:1313/sb/blog/" accesskey="h" title="oer Blog (Alt + H)">oer Blog</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"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
            </div>
        </div>
        <ul id="menu">
        </ul>
    </nav>
</header>
<main class="main"> 

<article class="first-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit
    </h2>
  </header>
  <div class="entry-content">
    <p>Sichtbarkeit und Netzwerk durch OER stärken: FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit von Laura Mößle
Unter dem spannenden Motto „…hier sollte eigentlich ein Titel stehen“ fand die diesjährige GwR-Tagung vom 13. bis 15. September 2024 in Würzburg statt und widmete sich dem Thema „Wissenschaftskommunikation in der Religionspädagogik“. Die Tagung bot eine Vielzahl bereichernder Vorträge, die aktuelle Trends in der Wissenschaftskommunikation, Erfahrungsberichte von universitären Akteur:innen, Aspekte der öffentlichen Theologie sowie wirksame Formen der Wissenschaftskommunikation beleuchteten. Auch Themen wie Internationalisierungsbestrebungen in der wissenschaftlichen Religionspädagogik fanden ihren Platz im Programm.
...</p>
  </div>
  <footer class="entry-footer"><span title='2024-09-08 00:00:00 +0000 UTC'>September 8, 2024</span>&nbsp;·&nbsp;Laura Mößle</footer>
  <a class="entry-link" aria-label="post link to FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit" href="http://localhost:1313/sb/blog/posts/gwr-tagung-kopie/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">It&#39;s jointly
    </h2>
  </header>
  <div class="entry-content">
    <p>It’s jointly Das OER-/IT-Sommercamp “it’s jointly 2024” fand zum neunten Mal in Folge in Weimar statt. Hier trafen sich ExpertInnen aus Bildung und der IT um gemeinsam an Strategien, Konzepten und Formaten zu arbeiten. Dabei wurde die Konferenz in einen Hackathon sowie ein Netzwerktreffen aufgeteilt. Zwei Mitglieder des FOERBICO Teams nahmen an den jeweiligen Campteilen vom 19.08.-21.08.2024 teil.
Beim Campteil “Netzwerktreffen” wurden verschiedene Projekte und Ideen vorgestellt, wie mit KI in der Lehre umzugehen ist. Das seit Oktober 2022 neue Schlagwort KI wurde aus verschiedenen Perspektiven beleuchtet, um diese für verschiedene Bildungssektoren habhaft zu machen. KI als ein Werkzeug ist eine wichtige Erkenntnis aus der Tagung. Zusätzlich führten wichtige Themen wie Redaktionsnetzwerke, OER in der (Aus-)Bildung und Metadaten zu abendfüllenden Gesprächen. ...</p>
  </div>
  <footer class="entry-footer"><span title='2024-09-02 00:00:00 +0000 UTC'>September 2, 2024</span></footer>
  <a class="entry-link" aria-label="post link to It&#39;s jointly" href="http://localhost:1313/sb/blog/posts/oer-it-sommercamp-2024/2024-09-02_index/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2 class="entry-hint-parent">SDG-Logos und #OER: Wie darf ich sie verwenden?
    </h2>
  </header>
  <div class="entry-content">
    <p>SDG-Logos und #OER: Wie darf ich sie verwenden? Im Kontext des Projektes reliGlobal kam bei der Erstellung eines OER-Materials zu den 17 Sustainable Development Goals (SDGs) als Ziele für nachhaltige Entwicklung die Frage auf, ob die Logos der einzelnen Ziele im Material verwendet werden dürfen oder welche Rechteangabe gemacht werden muss?
Da wir ebenfalls unser FOERBICO-Logo in den Kontext von SDG 17 “Partnerschaften zur Erreichung der Ziele” stellen wollen, haben wir uns auch mit der Frage beschäftigt und recherchiert:
...</p>
  </div>
  <footer class="entry-footer"><span title='2024-08-09 00:00:00 +0000 UTC'>August 9, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
  <a class="entry-link" aria-label="post link to SDG-Logos und #OER: Wie darf ich sie verwenden?" href="http://localhost:1313/sb/blog/posts/sdg-logos-und-%23oer-wie-darf-ich-sie-verwenden/"></a>
</article>
    </main>
    
<footer class="footer">
        <span>&copy; 2024 <a href="http://localhost:1313/sb/blog/">oer Blog</a></span> · 

    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
        <path d="M12 6H0l6-6z" />
    </svg>
</a>

<script>
    let menu = document.getElementById('menu')
    if (menu) {
        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
        menu.onscroll = function () {
            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
        }
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
</body>

</html>
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								<!DOCTYPE html>
-												revert 07e1ae065e52ba247f01c5e09dd7260c00d2d7ca

revert joergs ergaenzungen

											
										
										
											2024-10-29 15:45:54 +00:00
+								<html lang="en" dir="auto">
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
 								<head>
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+									<meta name="generator" content="Hugo 0.134.3"><script src="/sb/blog/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=sb/blog/livereload" data-no-instant defer></script><meta charset="utf-8">
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								<meta http-equiv="X-UA-Compatible" content="IE=edge">
 								<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-												revert 07e1ae065e52ba247f01c5e09dd7260c00d2d7ca

revert joergs ergaenzungen

											
										
										
											2024-10-29 15:45:54 +00:00
+								<meta name="robots" content="noindex, nofollow">
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								<title>oer Blog</title>
 								<meta name="description" content="">
 								<meta name="author" content="">
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								<link rel="canonical" href="http://localhost:1313/sb/blog/">
 								<link crossorigin="anonymous" href="/sb/blog/assets/css/stylesheet.1a339d7ef0cab5583195ab7fbd2901964a14462b8f11842e0a6aabe372e1c13c.css" integrity="sha256-GjOdfvDKtVgxlat/vSkBlkoURiuPEYQuCmqr43LhwTw=" rel="preload stylesheet" as="style">
 								<link rel="icon" href="http://localhost:1313/sb/blog/favicon.ico">
 								<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/sb/blog/favicon-16x16.png">
 								<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/sb/blog/favicon-32x32.png">
 								<link rel="apple-touch-icon" href="http://localhost:1313/sb/blog/apple-touch-icon.png">
 								<link rel="mask-icon" href="http://localhost:1313/sb/blog/safari-pinned-tab.svg">
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								<meta name="theme-color" content="#2e2e33">
 								<meta name="msapplication-TileColor" content="#2e2e33">
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/sb/blog/index.xml">
 								<link rel="alternate" hreflang="en" href="http://localhost:1313/sb/blog/">
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								<noscript>
 								    <style>
 								        #theme-toggle,
 								        .top-link {
 								            display: none;
 								        }
 								    </style>
 								    <style>
 								        @media (prefers-color-scheme: dark) {
 								            :root {
 								                --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(--theme);
 								            }
 								            .list:not(.dark)::-webkit-scrollbar-track {
 								                background: 0 0;
 								            }
 								            .list:not(.dark)::-webkit-scrollbar-thumb {
 								                border-color: var(--theme);
 								            }
 								        }
 								    </style>
-												revert 07e1ae065e52ba247f01c5e09dd7260c00d2d7ca

revert joergs ergaenzungen

											
										
										
											2024-10-29 15:45:54 +00:00
+								</noscript>
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								</head>
 								<body class="list" id="top">
 								<script>
 								    if (localStorage.getItem("pref-theme") === "dark") {
 								        document.body.classList.add('dark');
 								    } else if (localStorage.getItem("pref-theme") === "light") {
 								        document.body.classList.remove('dark')
 								    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
 								        document.body.classList.add('dark');
 								    }
 								</script>
 								<header class="header">
 								    <nav class="nav">
 								        <div class="logo">
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								            <a href="http://localhost:1313/sb/blog/" accesskey="h" title="oer Blog (Alt + H)">oer Blog</a>
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								            <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"
 								                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
 								                        stroke-linejoin="round">
 								                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
 								                    </svg>
 								                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
 								                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
 								                        stroke-linejoin="round">
 								                        <circle cx="12" cy="12" r="5"></circle>
 								                        <line x1="12" y1="1" x2="12" y2="3"></line>
 								                        <line x1="12" y1="21" x2="12" y2="23"></line>
 								                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
 								                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
 								                        <line x1="1" y1="12" x2="3" y2="12"></line>
 								                        <line x1="21" y1="12" x2="23" y2="12"></line>
 								                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
 								                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
 								                    </svg>
 								                </button>
 								            </div>
 								        </div>
 								        <ul id="menu">
 								        </ul>
 								    </nav>
 								</header>
 								<main class="main">
-												revert 07e1ae065e52ba247f01c5e09dd7260c00d2d7ca

revert joergs ergaenzungen

											
										
										
											2024-10-29 15:45:54 +00:00
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								<article class="first-entry">
 								  <header class="entry-header">
 								    <h2 class="entry-hint-parent">FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit
 								    </h2>
 								  </header>
 								  <div class="entry-content">
 								    <p>Sichtbarkeit und Netzwerk durch OER stärken: FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit von Laura Mößle
 								Unter dem spannenden Motto „…hier sollte eigentlich ein Titel stehen“ fand die diesjährige GwR-Tagung vom 13. bis 15. September 2024 in Würzburg statt und widmete sich dem Thema „Wissenschaftskommunikation in der Religionspädagogik“. Die Tagung bot eine Vielzahl bereichernder Vorträge, die aktuelle Trends in der Wissenschaftskommunikation, Erfahrungsberichte von universitären Akteur:innen, Aspekte der öffentlichen Theologie sowie wirksame Formen der Wissenschaftskommunikation beleuchteten. Auch Themen wie Internationalisierungsbestrebungen in der wissenschaftlichen Religionspädagogik fanden ihren Platz im Programm.
 								...</p>
 								  </div>
 								  <footer class="entry-footer"><span title='2024-09-08 00:00:00 +0000 UTC'>September 8, 2024</span>&nbsp;·&nbsp;Laura Mößle</footer>
 								  <a class="entry-link" aria-label="post link to FOERBICO auf der GwR-Tagung in Würzburg zum Thema Öffentlichkeitsarbeit" href="http://localhost:1313/sb/blog/posts/gwr-tagung-kopie/"></a>
 								</article>
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								<article class="post-entry">
 								  <header class="entry-header">
 								    <h2 class="entry-hint-parent">It&#39;s jointly
 								    </h2>
 								  </header>
 								  <div class="entry-content">
 								    <p>It’s jointly Das OER-/IT-Sommercamp “it’s jointly 2024” fand zum neunten Mal in Folge in Weimar statt. Hier trafen sich ExpertInnen aus Bildung und der IT um gemeinsam an Strategien, Konzepten und Formaten zu arbeiten. Dabei wurde die Konferenz in einen Hackathon sowie ein Netzwerktreffen aufgeteilt. Zwei Mitglieder des FOERBICO Teams nahmen an den jeweiligen Campteilen vom 19.08.-21.08.2024 teil.
 								Beim Campteil “Netzwerktreffen” wurden verschiedene Projekte und Ideen vorgestellt, wie mit KI in der Lehre umzugehen ist. Das seit Oktober 2022 neue Schlagwort KI wurde aus verschiedenen Perspektiven beleuchtet, um diese für verschiedene Bildungssektoren habhaft zu machen. KI als ein Werkzeug ist eine wichtige Erkenntnis aus der Tagung. Zusätzlich führten wichtige Themen wie Redaktionsnetzwerke, OER in der (Aus-)Bildung und Metadaten zu abendfüllenden Gesprächen. ...</p>
 								  </div>
 								  <footer class="entry-footer"><span title='2024-09-02 00:00:00 +0000 UTC'>September 2, 2024</span></footer>
 								  <a class="entry-link" aria-label="post link to It&#39;s jointly" href="http://localhost:1313/sb/blog/posts/oer-it-sommercamp-2024/2024-09-02_index/"></a>
 								</article>
 								<article class="post-entry">
 								  <header class="entry-header">
 								    <h2 class="entry-hint-parent">SDG-Logos und #OER: Wie darf ich sie verwenden?
 								    </h2>
 								  </header>
 								  <div class="entry-content">
 								    <p>SDG-Logos und #OER: Wie darf ich sie verwenden? Im Kontext des Projektes reliGlobal kam bei der Erstellung eines OER-Materials zu den 17 Sustainable Development Goals (SDGs) als Ziele für nachhaltige Entwicklung die Frage auf, ob die Logos der einzelnen Ziele im Material verwendet werden dürfen oder welche Rechteangabe gemacht werden muss?
 								Da wir ebenfalls unser FOERBICO-Logo in den Kontext von SDG 17 “Partnerschaften zur Erreichung der Ziele” stellen wollen, haben wir uns auch mit der Frage beschäftigt und recherchiert:
 								...</p>
 								  </div>
 								  <footer class="entry-footer"><span title='2024-08-09 00:00:00 +0000 UTC'>August 9, 2024</span>&nbsp;·&nbsp;Jörg Lohrer</footer>
 								  <a class="entry-link" aria-label="post link to SDG-Logos und #OER: Wie darf ich sie verwenden?" href="http://localhost:1313/sb/blog/posts/sdg-logos-und-%23oer-wie-darf-ich-sie-verwenden/"></a>
 								</article>
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
+								    </main>
 								<footer class="footer">
-												ein paar blogbeiträge

											
										
										
											2024-10-30 05:44:00 +00:00
+								        <span>&copy; 2024 <a href="http://localhost:1313/sb/blog/">oer Blog</a></span> ·
-												zwei generierte Dateien im Ordner "public" als Beispiel

											
										
										
											2024-10-15 11:50:01 +00:00
 								    <span>
 								        Powered by
 								        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
 								        <a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
 								    </span>
 								</footer>
 								<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
 								    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
 								        <path d="M12 6H0l6-6z" />
 								    </svg>
 								</a>
 								<script>
 								    let menu = document.getElementById('menu')
 								    if (menu) {
 								        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
 								        menu.onscroll = function () {
 								            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
 								        }
 								    }
 								    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
 								        anchor.addEventListener("click", function (e) {
 								            e.preventDefault();
 								            var id = this.getAttribute("href").substr(1);
 								            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
 								                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
 								                    behavior: "smooth"
 								                });
 								            } else {
 								                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
 								            }
 								            if (id === "top") {
 								                history.replaceState(null, null, " ");
 								            } else {
 								                history.pushState(null, null, `#${id}`);
 								            }
 								        });
 								    });
 								</script>
 								<script>
 								    var mybutton = document.getElementById("top-link");
 								    window.onscroll = function () {
 								        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
 								            mybutton.style.visibility = "visible";
 								            mybutton.style.opacity = "1";
 								        } else {
 								            mybutton.style.visibility = "hidden";
 								            mybutton.style.opacity = "0";
 								        }
 								    };
 								</script>
 								<script>
 								    document.getElementById("theme-toggle").addEventListener("click", () => {
 								        if (document.body.className.includes("dark")) {
 								            document.body.classList.remove('dark');
 								            localStorage.setItem("pref-theme", 'light');
 								        } else {
 								            document.body.classList.add('dark');
 								            localStorage.setItem("pref-theme", 'dark');
 								        }
 								    })
 								</script>
 								</body>
 								</html>