2024-11-06 15:55:54 +01:00
<!DOCTYPE html>
2025-01-28 18:18:59 +01:00
< html lang = "de" dir = "auto" >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< head >
2025-02-12 19:43:36 +01:00
< meta name = "generator" content = "Hugo 0.142.0" > < script src = "/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer > < / script > < meta charset = "utf-8" >
2025-01-28 18:18:59 +01:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2025-02-12 19:43:36 +01:00
< meta name = "robots" content = "noindex, nofollow" >
2025-01-28 18:18:59 +01:00
< title > Jörg Lohrer< / title >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
2025-02-12 19:43:36 +01:00
< 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" >
2025-01-28 18:18:59 +01:00
< meta name = "theme-color" content = "#2e2e33" >
< meta name = "msapplication-TileColor" content = "#2e2e33" >
2025-02-12 19:43:36 +01:00
< 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/" >
2025-01-28 18:18:59 +01: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 >
2025-02-12 19:43:36 +01:00
< / noscript >
2024-11-06 15:55:54 +01:00
< / head >
2025-01-28 18:18:59 +01:00
< 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" >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/" accesskey = "h" title = "Jörg Lohrer (Alt + H)" > Jörg Lohrer< / a >
2025-01-28 18:18:59 +01: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 >
< ul class = "lang-switch" > < li > |< / li >
< / ul >
2024-11-06 15:55:54 +01:00
< / div >
2025-01-28 18:18:59 +01:00
< / div >
< ul id = "menu" >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/" title = "Jörg Lohrer" >
2025-01-28 18:18:59 +01:00
< span class = "active" > Home< / span >
< / a >
< / li >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/archives/" title = "Archive" >
2025-01-28 18:18:59 +01:00
< span > Blog< / span >
< / a >
< / li >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/impressum/" title = "Impressum" >
2025-01-28 18:18:59 +01:00
< span > Impressum< / span >
< / a >
< / li >
< li >
< a href = "https://reliverse.social/@joerglohrer" title = "Mastodon" >
< span > < i class = "fa fa-heart" > < / i > Mastodon< / span >
< svg fill = "none" shape-rendering = "geometricPrecision" stroke = "currentColor" stroke-linecap = "round"
stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="12" width="12">
< path d = "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" > < / path >
< path d = "M15 3h6v6" > < / path >
< path d = "M10 14L21 3" > < / path >
< / svg >
< / a >
< / li >
< / ul >
< / nav >
< / header >
< main class = "main" > < div class = "profile" >
< div class = "profile_inner" >
2025-02-12 19:43:36 +01:00
< img draggable = "false" src = "http://localhost:1313/joerg-profil-2024.webp" alt = "Mein Profilbild" title = "Mein Profilbild"
2025-01-28 18:18:59 +01:00
height="120" width="120" />
< h1 > Hi 🖖< / h1 >
< span > Willkommen auf meinem Blog 🤗< / span > < div class = "social-icons" >
< a href = "https://reliverse.social/@joerglohrer" target = "_blank" rel = "noopener noreferrer me"
title="Mastodon">
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2"
stroke-linecap="round" stroke-linejoin="round">
< path
d="M21.58 13.913c-.29 1.469-2.592 3.121-5.238 3.396-1.379.184-2.737.368-4.185.276-2.368-.092-4.237-.551-4.237-.551 0 .184.014.459.043.643.308 2.294 2.317 2.478 4.22 2.57 1.922 0 3.633-.46 3.633-.46l.079 1.653s-1.344.734-3.738.918c-1.32.091-2.96-.092-4.869-.551-4.14-1.102-4.853-5.507-4.961-10.005-.034-1.285-.013-2.57-.013-3.58 0-4.589 3-5.966 3-5.966 1.513-.734 4.11-1.01 6.808-1.01h.067c2.699 0 5.296.276 6.81 1.01 0 0 3 1.377 3 5.967 0 0 .037 3.304-.419 5.69"
stroke="currentColor" />
< path
d="M17.832 8.633v5h-1.978V8.78c0-1.023-.43-1.542-1.29-1.542-.95 0-1.427.616-1.427 1.834v2.655H11.17V9.072c0-1.218-.476-1.834-1.427-1.834-.86 0-1.29.52-1.29 1.542v4.852H6.475V8.633c0-1.022.26-1.834.782-2.434.538-.6 1.243-.909 2.118-.909 1.012 0 1.779.39 2.286 1.169l.492.827.493-.827c.507-.78 1.274-1.169 2.286-1.169.875 0 1.58.308 2.118.909.522.6.782 1.412.782 2.434"
fill="currentColor" stroke="none" />
2024-11-06 15:55:54 +01:00
< / svg >
< / a >
2025-01-28 18:18:59 +01:00
< a href = "mailto:lohrer@comenius?subject=Kontakt%20%C3%BCber%20joerg-lohrer.de&body=Hallo%20J%C3%B6rg,%0D%0A%0D%0Aich%20nehme%20%C3%BCber%20deine%20Webseite%20Kontakt%20mit%20dir%20auf." target = "_blank" rel = "noopener noreferrer me"
title="Email">
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 21" fill = "none" stroke = "currentColor" stroke-width = "2"
stroke-linecap="round" stroke-linejoin="round">
< path d = "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" > < / path >
< polyline points = "22,6 12,13 2,6" > < / polyline >
< / svg >
2024-11-06 15:55:54 +01:00
< / a >
2025-01-28 18:18:59 +01:00
< a href = "https://www.linkedin.com/in/joerglohrer" target = "_blank" rel = "noopener noreferrer me"
title="Linkedin">
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2"
stroke-linecap="round" stroke-linejoin="round">
< path d = "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" > < / path >
< rect x = "2" y = "9" width = "4" height = "12" > < / rect >
< circle cx = "4" cy = "4" r = "2" > < / circle >
2024-11-06 17:57:18 +01:00
< / svg >
2024-11-06 15:55:54 +01:00
< / a >
2025-01-28 18:18:59 +01:00
< a href = "/index.xml" target = "_blank" rel = "noopener noreferrer me"
title="Rss">
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2"
stroke-linecap="round" stroke-linejoin="round">
< path d = "M4 11a9 9 0 0 1 9 9" / >
< path d = "M4 4a16 16 0 0 1 16 16" / >
< circle cx = "5" cy = "19" r = "1" / >
< / svg >
2024-11-06 15:55:54 +01:00
< / a >
2025-01-28 18:18:59 +01:00
< a href = "/index.json" target = "_blank" rel = "noopener noreferrer me"
title="Cv">
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2"
stroke-linecap="round" stroke-linejoin="round">
< path
d="M4 4v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.342a2 2 0 0 0-.602-1.43l-4.44-4.342A2 2 0 0 0 13.56 2H6a2 2 0 0 0-2 2z" />
< path d = "M9 13h6" / >
< path d = "M9 17h3" / >
< path d = "M14 2v4a2 2 0 0 0 2 2h4" / >
2024-11-06 15:55:54 +01:00
< / svg >
< / a >
2025-01-28 18:18:59 +01:00
< / div >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< div class = "buttons" >
< a class = "button" href = "/archives" rel = "noopener" title = "Archiv" >
< span class = "button-inner" >
Archiv
< / span >
< / a >
< a class = "button" href = "/tag" rel = "noopener" title = "tag" >
< span class = "button-inner" >
tag
< / span >
< / a >
< / div >
< / div >
< / div >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< / main >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< footer class = "footer" >
2025-02-12 19:43:36 +01:00
< span > © 2025 < a href = "http://localhost:1313/" > Jörg Lohrer< / a > < / span >
2025-01-28 18:18:59 +01: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 >
< a rel = "me" href = "https://reliverse.social/@joerglohrer" > Mastodon< / a >
2024-11-06 15:55:54 +01:00
< / span >
2025-01-28 18:18:59 +01:00
< / 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 >
2024-11-06 15:55:54 +01:00
< / body >
2025-01-28 18:18:59 +01:00
2024-11-06 15:55:54 +01:00
< / html >
