tobiasmanske.de/docs/pages/index.html

228 lines
9.3 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="auto">
<head><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">
<title>Pages | Tobias Manske</title>
<meta name="keywords" content="" />
<meta name="description" content="Blog about learning and technology by a KIT University Student">
<meta name="author" content="Tobias Manske">
<link rel="canonical" href="https://tobiasmanske.de/pages/" />
<link href="/assets/css/stylesheet.min.228bf87c4c9d52e4f04e9a53becb48c4b7857b69a9535b3ff73c6e61ff51c93b.css" integrity="sha256-Iov4fEydUuTwTppTvstIxLeFe2mpU1s/9zxuYf9RyTs=" rel="preload stylesheet"
as="style">
<link rel="icon" href="https://tobiasmanske.de/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://tobiasmanske.de/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://tobiasmanske.de/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://tobiasmanske.de/apple-touch-icon.png">
<link rel="mask-icon" href="https://tobiasmanske.de/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.81.0" />
<link rel="alternate" type="application/rss+xml" href="https://tobiasmanske.de/pages/index.xml" title="Tobias Manske" />
<meta property="og:title" content="Pages" />
<meta property="og:description" content="Blog about learning and technology by a KIT University Student" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tobiasmanske.de/pages/" />
<meta name="twitter:site" content="@rad4day">
<meta name="twitter:creator" content="@rad4day" />
<meta name="twitter:title" content="Pages | Tobias Manske" />
<meta name="twitter:description" content="" />
<meta name="twitter:url" content="https://tobiasmanske.de/pages/" />
<meta name="twitter:image" content="https://tobiasmanske.de" />
<meta name="twitter:image:src" content="https://tobiasmanske.de" />
</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>
<noscript>
<style type="text/css">
.theme-toggle,
.top-link {
display: none;
}
</style>
</noscript>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://tobiasmanske.de" accesskey="h" title="Tobias Manske (Alt + H)">Tobias Manske</a>
<span class="logo-switches">
<a id="theme-toggle" accesskey="t" title="(Alt + T)">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="24" 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>
</a>
</span>
</div>
<ul id="menu" onscroll="menu_on_scroll()">
<li>
<a href="https://tobiasmanske.de/impressum" title="Impressum">
<span>Impressum</span>
</a>
</li>
<li>
<a href="https://tobiasmanske.de/datenschutzerklarung" title="Datenschutzerklärung">
<span>Datenschutzerklärung</span>
</a>
</li></ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>Pages</h1>
</header>
<article class="post-entry">
<header class="entry-header">
<h2>
Datenschutzerklärung
</h2>
</header>
<section class="entry-content">
<p>DatenschutzerklärungDiese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten (nachfolgend kurz „Daten“) im Rahmen der Erbringung unserer Leistungen sowie innerhalb unseres Onlineangebotes und der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social Media Profile auf (nachfolgend gemeinsam bezeichnet als „Onlineangebot“). Im Hinblick auf die verwendeten Begrifflichkeiten, wie z.B. „Verarbeitung“ oder „Verantwortlicher“ verweisen wir auf die Definitionen im Art....</p>
</section>
<footer class="entry-footer">
Tobias Manske
</footer>
<a class="entry-link" aria-label="post link to Datenschutzerklärung" href="https://tobiasmanske.de/datenschutzerklarung/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>
Impressum
</h2>
</header>
<section class="entry-content">
<p>Impressum Angaben gemäß § 5 TMG Tobias Manske
Welckerstraße 2
76131 Karlsruhe
Kontakt E-Mail: blog@tobiasmanske.de
Haftung für Inhalte Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir 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....</p>
</section>
<footer class="entry-footer">
Tobias Manske
</footer>
<a class="entry-link" aria-label="post link to Impressum" href="https://tobiasmanske.de/impressum/"></a>
</article>
</main><footer class="footer">
<span>&copy; 2021 <a href="https://tobiasmanske.de">Tobias Manske</a></span>
<span>&middot;</span>
<span><a href="https://tobiasmanske.de/files/manske.asc" rel="noopener" target="_blank">PGP-Key</a></span>
<span>&middot;</span>
<span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a></span>
<span>&middot;</span>
<span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
<button class="top-link" id="top-link" type="button" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</button>
</a>
<script>
window.onload = function () {
if (localStorage.getItem("menu-scroll-position")) {
document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position");
}
}
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}`);
}
});
});
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";
}
};
function menu_on_scroll() {
localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);
}
</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>