blog-pika/www/public/blog/2024/1/index.html
2024-06-20 23:10:16 +02:00

324 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>About me and why I do this | myBlog</title>
<meta name="keywords" content="">
<meta name="description" content="whoami pika aka. Alexander Pieck IT-Sysadmin IT stated as a hobby Homelab-Enthusiast Never wanted to code.. but now I may be coding.. Welcome to my newly created blog, I&rsquo;m really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.
My Name is Alexander Pieck, and even though I am into the IT-Business, I&rsquo;m normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also!">
<meta name="author" content="">
<link rel="canonical" href="https://blog.k4li.me/blog/2024/1/">
<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://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" hreflang="en" href="https://blog.k4li.me/blog/2024/1/">
<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="About me and why I do this" />
<meta property="og:description" content="whoami pika aka. Alexander Pieck IT-Sysadmin IT stated as a hobby Homelab-Enthusiast Never wanted to code.. but now I may be coding.. Welcome to my newly created blog, I&rsquo;m really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.
My Name is Alexander Pieck, and even though I am into the IT-Business, I&rsquo;m normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also!" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://blog.k4li.me/blog/2024/1/" /><meta property="article:section" content="blog" />
<meta property="article:published_time" content="2024-06-20T19:49:35+02:00" />
<meta property="article:modified_time" content="2024-06-20T19:49:35+02:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="About me and why I do this"/>
<meta name="twitter:description" content="whoami pika aka. Alexander Pieck IT-Sysadmin IT stated as a hobby Homelab-Enthusiast Never wanted to code.. but now I may be coding.. Welcome to my newly created blog, I&rsquo;m really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.
My Name is Alexander Pieck, and even though I am into the IT-Business, I&rsquo;m normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also!"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1 ,
"name": "Blogs",
"item": "https://blog.k4li.me/blog/"
},
{
"@type": "ListItem",
"position": 2 ,
"name": "About me and why I do this",
"item": "https://blog.k4li.me/blog/2024/1/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "About me and why I do this",
"name": "About me and why I do this",
"description": "whoami pika aka. Alexander Pieck IT-Sysadmin IT stated as a hobby Homelab-Enthusiast Never wanted to code.. but now I may be coding.. Welcome to my newly created blog, I\u0026rsquo;m really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.\nMy Name is Alexander Pieck, and even though I am into the IT-Business, I\u0026rsquo;m normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also!",
"keywords": [
],
"articleBody": "whoami pika aka. Alexander Pieck IT-Sysadmin IT stated as a hobby Homelab-Enthusiast Never wanted to code.. but now I may be coding.. Welcome to my newly created blog, Im really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.\nMy Name is Alexander Pieck, and even though I am into the IT-Business, Im normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also! hate changing my password every 180 days).\nBut anyway, I recently tried to give programming a shot. I started with some bash scripts for my dotfiles and loved the customizability and freedom you have if you just do it yourself!\nAnd then I thought about my own website. As an IT guy, I also have my own company and thus, I need a way to display myself in the world wide web. So about a week ago, I started doing some html and css. Just basic stuff, like padding and margin, the flexboxes and how to layout/place stuff. That kind of helped me customizing my dotfiles as well.\nI mean, I already knew markdown a bit, becouse of git, of course. But I really didnt have the need to write much stuff in markdown. Now, with Hugo as my site-generator, I need to know markdown well and becouse I think its a pretty easy and fast way to deploy websites (even non blog websites, if you know how to), i wanted to go that route.\nNow this whole idea should not be just for nothing. I plan to get it online but really, its just for me so..\nwhat do I want to acchieve? Good question folk, Id like to get some things done with this idea.. Let me get a bit more specific:\nJust writing I dont know why, but I always liked to share my thoughts with others. I would do this to fresh up my own knowlage and always thought, that the others will learn something from it, even tough - now that I think about it - I dont really think, that this was often a case.. So yea, mostly for myself, again. Also I just love the english language, even though Im not native to the english language. Im from germany and maybe I will try to add translated versions for my blog later on. Learning vim-keybings (neovim) As I started coding, I stumbled accross The Primagean and just felt in love, when i saw his vim skills and how fast he can just DO stuff. I was stunned and acctually installed neovim at the same day. Now my newly gained neovim-love it thanks to the neovide frontend for neovim. It is just absolutely goregous, and I really do want to write and learn and live in here now! Learning how to code and how to structuize a website I really want to learn basic website design and maybe later down the road, a bit of app-design. Also in the web of course. I love the opensource docker container that are available at dockerhub, and would love to publish my own small set of apps. But thats all something for the future pika. ",
"wordCount" : "550",
"inLanguage": "en",
"datePublished": "2024-06-20T19:49:35+02:00",
"dateModified": "2024-06-20T19:49:35+02:00",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://blog.k4li.me/blog/2024/1/"
},
"publisher": {
"@type": "Organization",
"name": "myBlog",
"logo": {
"@type": "ImageObject",
"url": "https://blog.k4li.me/favicon.ico"
}
}
}
</script>
</head>
<body class="" 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="myBlog (Alt + H)">myBlog</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 class="active">AboutMe</span>
</a>
</li>
<li>
<a href="https://faq.csc.team-pieck.de/" title="FAQ">
<span>FAQ</span>&nbsp;
<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">
<article class="post-single">
<header class="post-header">
<h1 class="post-title entry-hint-parent">
About me and why I do this
</h1>
<div class="post-meta"><span title='2024-06-20 19:49:35 +0200 CEST'>June 20, 2024</span>
</div>
</header>
<div class="post-content"><h2 id="whoami">whoami<a hidden class="anchor" aria-hidden="true" href="#whoami">#</a></h2>
<!-- raw HTML omitted -->
<ul>
<li>pika aka. Alexander Pieck</li>
<li>IT-Sysadmin</li>
<li>IT stated as a hobby</li>
<li>Homelab-Enthusiast</li>
<li>Never wanted to code.. but now I may be coding..</li>
</ul>
<!-- raw HTML omitted -->
<hr>
<p>Welcome to my newly created blog, I&rsquo;m really not sure how good this will going to be, but I will try to make it as beautiful and interesting as possible.</p>
<p>My Name is Alexander Pieck, and even though I <strong>am</strong> into the IT-Business, I&rsquo;m normally that kind of sysadmin, that runs the servers and the hardware and is responsible for the bad internet-speeds and the bad password-policy (spoiler: I also! hate changing my password every 180 days).</p>
<p>But anyway, I recently tried to give programming a shot. I started with some <a href="https://git.k4li.de/pika/scripts.git">bash scripts</a> for my <a href="https://git.k4li.de/dotfiles/hyprdots.git">dotfiles</a> and loved the customizability and freedom you have if you just do it yourself!</p>
<p>And then I thought about my own website. As an IT guy, I also have my own company and thus, I need a way to display myself in the <a href="https://de.wikipedia.org/wiki/World_Wide_Web">world wide web</a>. So about a week ago, I started doing some html and css. Just basic stuff, like padding and margin, the flexboxes and how to layout/place stuff. That kind of helped me customizing my dotfiles as well.</p>
<p>I mean, I already knew <a href="">markdown</a> a bit, becouse of git, of course. But I really didn&rsquo;t have the need to write much stuff in markdown. Now, with Hugo as my site-generator, I need to know markdown well and becouse I think it&rsquo;s a pretty easy and fast way to deploy websites (even non blog websites, if you know how to), i wanted to go that route.</p>
<p>Now this whole idea should not be just for nothing. I plan to get it online but really, it&rsquo;s just for me so..</p>
<h2 id="what-do-i-want-to-acchieve">what do I want to acchieve?<a hidden class="anchor" aria-hidden="true" href="#what-do-i-want-to-acchieve">#</a></h2>
<p><strong>Good</strong> question folk, I&rsquo;d like to get some things done with this idea.. Let me get a bit more specific:</p>
<ol>
<li>Just writing</li>
</ol>
<ul>
<li>I don&rsquo;t know why, but I always liked to share my thoughts with others. I would do this to fresh up my own knowlage and always thought, that the others will learn something from it, even tough - now that I think about it - I don&rsquo;t really think, that this was often a case.. So yea, mostly for myself, again.</li>
<li>Also I just love the english language, even though I&rsquo;m not native to the english language. I&rsquo;m from germany and maybe I will try to add translated versions for my blog later on.</li>
</ul>
<ol start="2">
<li>Learning vim-keybings (neovim)</li>
</ol>
<ul>
<li>As I started coding, I stumbled accross <a href="https://youtube.com/@ThePrimeagen">The Primagean</a> and just felt in love, when i saw his vim skills and how fast he can just <strong>DO</strong> stuff. I was stunned and acctually installed neovim at the same day.</li>
<li>Now my newly gained neovim-love it thanks to the <a href="">neovide</a> frontend for neovim. It is just absolutely goregous, and I really do want to write and learn and live in here now!</li>
</ul>
<ol start="3">
<li>Learning how to code and how to structuize a website</li>
</ol>
<ul>
<li>I really want to learn basic website design and maybe later down the road, a bit of app-design. Also in the web of course. I love the opensource docker container that are <a href="https://hub.docker.com/">available at dockerhub</a>, and would love to publish my own small set of apps. But that&rsquo;s all something for the future pika.</li>
</ul>
</div>
<footer class="post-footer">
<ul class="post-tags">
</ul>
</footer>
</article>
</main>
<footer class="footer">
<span>&copy; 2024 <a href="https://blog.k4li.me/">myBlog</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>