259 lines
11 KiB
HTML
259 lines
11 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>Blogs | pika - Blogs</title>
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="Blogs - pika - Blogs">
|
||
<meta name="author" content="">
|
||
<link rel="canonical" href="https://blog.k4li.me/blog/">
|
||
<link crossorigin="anonymous" href="/assets/css/stylesheet.b609c58d5c11bb90b1a54e04005d74ad1ddf22165eb79f5533967e57df9c3b50.css" integrity="sha256-tgnFjVwRu5CxpU4EAF10rR3fIhZet59VM5Z+V9+cO1A=" rel="preload stylesheet" as="style">
|
||
<link rel="icon" href="https://blog.k4li.me/favicon.ico">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.k4li.me/favicon-16x16.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.k4li.me/favicon-32x32.png">
|
||
<link rel="apple-touch-icon" href="https://blog.k4li.me/apple-touch-icon.png">
|
||
<link rel="mask-icon" href="https://blog.k4li.me/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://blog.k4li.me/blog/index.xml">
|
||
<link rel="alternate" hreflang="en" href="https://blog.k4li.me/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>
|
||
|
||
|
||
<meta property="og:title" content="Blogs" />
|
||
<meta property="og:description" content="" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://blog.k4li.me/blog/" />
|
||
|
||
<meta name="twitter:card" content="summary"/>
|
||
<meta name="twitter:title" content="Blogs"/>
|
||
<meta name="twitter:description" content=""/>
|
||
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BreadcrumbList",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "ListItem",
|
||
"position": 1 ,
|
||
"name": "Blogs",
|
||
"item": "https://blog.k4li.me/blog/"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap" rel="stylesheet">
|
||
</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="https://blog.k4li.me/" accesskey="h" title="pika - Blogs (Alt + H)">pika - Blogs</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">
|
||
<li>
|
||
<a href="https://blog.k4li.me/" title="Home">
|
||
<span>Home</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://blog.k4li.me/blog/2024/1/" title="AboutMe">
|
||
<span>AboutMe</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://homepage.k4li.me/" title="homePage">
|
||
<span>homePage</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">
|
||
<header class="page-header"><div class="breadcrumbs"><a href="https://blog.k4li.me/">Home</a></div>
|
||
<h1>
|
||
Blogs
|
||
</h1>
|
||
</header>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2 class="entry-hint-parent">A challange will get you going fast
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>A Challenge Will Get You Going A few days ago, I embarked on a new adventure: writing my first blog entry. I didn’t really know what I was doing, and to be honest, that hasn’t changed much! 😊 However, I am amazed at how straightforward and enjoyable it is to learn website development with the Hugo framework. As I mentioned before, one of my goals was to create a website for a client....</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2024-06-20 23:15:44 +0200 CEST'>June 20, 2024</span> · 2 min · 401 words</footer>
|
||
<a class="entry-link" aria-label="post link to A challange will get you going fast" href="https://blog.k4li.me/blog/2024/2/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2 class="entry-hint-parent">About me and why I do this
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>whoami tl;dr pika aka. Alexander Pieck IT Sysadmin IT started as a hobby Homelab Enthusiast Never wanted to code… but now I might be coding… Welcome to my newly created blog! I’m not sure how good this is going to be, but I’ll try to make it as beautiful and interesting as possible.
|
||
My name is Alexander Pieck, and even though I’m in the IT business, I’m usually the kind of sysadmin who runs the servers and hardware and gets blamed for slow internet speeds and bad password policies (spoiler: I also hate changing my password every 180 days)....</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2024-06-20 19:49:35 +0200 CEST'>June 20, 2024</span> · 3 min · 527 words</footer>
|
||
<a class="entry-link" aria-label="post link to About me and why I do this" href="https://blog.k4li.me/blog/2024/1/"></a>
|
||
</article>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<span>© 2024 <a href="https://blog.k4li.me/">pika - Blogs</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>
|