371 lines
28 KiB
HTML
371 lines
28 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>About me and why I do this | pika - Blogs</title>
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="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).">
|
||
<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+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" hreflang="en" href="https://blog.k4li.me/blog/2024/1/">
|
||
<noscript>
|
||
<style>
|
||
#theme-toggle,
|
||
.top-link {
|
||
display: none;
|
||
}
|
||
|
||
</style>
|
||
</noscript>
|
||
|
||
|
||
<meta property="og:title" content="About me and why I do this" />
|
||
<meta property="og:description" content="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)." />
|
||
<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 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)."/>
|
||
|
||
|
||
<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 tl;dr pika aka. Alexander Pieck IT Sysadmin IT started as a hobby Homelab Enthusiast Never wanted to code\u0026hellip; but now I might be coding\u0026hellip; Welcome to my newly created blog! I\u0026rsquo;m not sure how good this is going to be, but I\u0026rsquo;ll try to make it as beautiful and interesting as possible.\nMy name is Alexander Pieck, and even though I\u0026rsquo;m in the IT business, I\u0026rsquo;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).",
|
||
"keywords": [
|
||
|
||
],
|
||
"articleBody": "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.\nMy 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).\nRecently, I decided to give programming a shot. I started with some bash scripts for my dotfiles and loved the customizability and freedom that comes with doing it yourself!\nThen, I thought about creating my own website. As an IT guy, I also have my own company and need a way to present myself on the world wide web. So about a week ago, I started dabbling in HTML and CSS. Just basic stuff like padding, margin, flexboxes, and layout/placement. This also helped me customize my waybar better.\nI already knew a bit of markdown from using Git, of course. But I never really had the need to write much in markdown. Now, with Hugo as my site generator, I need to know markdown well. I think it’s a pretty easy and fast way to deploy websites (even non-blog websites, if you know how), so I decided to go that route.\nThis whole idea isn’t just for nothing. I plan to get it online, but really, it’s just for me, so…\nwhat do I want to achieve? Good question! Here are some things I hope to accomplish with this blog:\nJust Writing I don’t know why, but I’ve always liked sharing my thoughts with others. I do this to refresh my own knowledge and always thought others might learn something from it, even though I now realize that might not always have been the case. So yeah, mostly for myself, again. I also just love the English language, even though it’s not my native language. I’m from Germany and maybe I’ll try to add translated versions of my blog later on.\nLearning Vim Keybindings (Neovim) As I started coding, I stumbled across The Primeagen and fell in love with his vim skills and how fast he can just DO stuff. I was stunned and installed Neovim the same day. My newfound Neovim love is thanks to the Neovide frontend for Neovim. It’s absolutely gorgeous, and I really want to write, learn, and live in this environment now!\nLearning How to Code and Structure a Website I want to learn basic website design and maybe, later on, a bit of app design, specifically for the web. I love the open-source Docker containers available on Docker Hub, and would love to publish my own small set of apps. But that’s all something for future pika.\nBy setting these goals, I’m hoping to make this blog not just a platform for sharing my thoughts, but also a tool for personal growth and learning. Thank you for joining me on this journey!\n",
|
||
"wordCount" : "527",
|
||
"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": "pika - Blogs",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https://blog.k4li.me/favicon.ico"
|
||
}
|
||
}
|
||
}
|
||
</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=" dark" id="top">
|
||
<script>
|
||
if (localStorage.getItem("pref-theme") === "light") {
|
||
document.body.classList.remove('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 class="active">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">
|
||
|
||
<article class="post-single">
|
||
<header class="post-header">
|
||
<div class="breadcrumbs"><a href="https://blog.k4li.me/">Home</a> » <a href="https://blog.k4li.me/blog/">Blogs</a></div>
|
||
<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> · 3 min · 527 words
|
||
|
||
</div>
|
||
</header>
|
||
<div class="post-content"><h1 id="whoami">whoami<a hidden class="anchor" aria-hidden="true" href="#whoami">#</a></h1>
|
||
|
||
|
||
<p><details >
|
||
<summary markdown="span">tl;dr</summary>
|
||
<ul>
|
||
<li>pika aka. Alexander Pieck</li>
|
||
<li>IT Sysadmin</li>
|
||
<li>IT started as a hobby</li>
|
||
<li>Homelab Enthusiast</li>
|
||
<li>Never wanted to code… but now I might be coding…</li>
|
||
</ul>
|
||
|
||
</details></p>
|
||
|
||
<hr>
|
||
<p>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.</p>
|
||
<p>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>
|
||
<p>Recently, I decided to give programming a shot. I started with some bash scripts for my <a href="https://git.k4li.de/dotfiles/">dotfiles</a> and loved the customizability and freedom that comes with doing it yourself!</p>
|
||
<p>Then, I thought about creating my own website. As an IT guy, I also have my own company and need a way to present myself on the world wide web. So about a week ago, I started dabbling in HTML and CSS. Just basic stuff like padding, margin, flexboxes, and layout/placement. This also helped me customize my <a href="https://git.k4li.de/dotfiles/waybar.git">waybar</a> better.</p>
|
||
<p>I already knew a bit of markdown from using Git, of course. But I never really had the need to write much in markdown. Now, with Hugo as my site generator, I need to know markdown well. I think it’s a pretty easy and fast way to deploy websites (even non-blog websites, if you know how), so I decided to go that route.</p>
|
||
<p>This whole idea isn’t just for nothing. I plan to get it online, but really, it’s just for me, so…</p>
|
||
<h2 id="what-do-i-want-to-achieve">what do I want to achieve?<a hidden class="anchor" aria-hidden="true" href="#what-do-i-want-to-achieve">#</a></h2>
|
||
<hr>
|
||
<p>Good question! Here are some things I hope to accomplish with this blog:</p>
|
||
<ol>
|
||
<li>
|
||
<h4 id="just-writing">Just Writing<a hidden class="anchor" aria-hidden="true" href="#just-writing">#</a></h4>
|
||
</li>
|
||
</ol>
|
||
<p>I don’t know why, but I’ve always liked sharing my thoughts with others. I do this to refresh my own knowledge and always thought others might learn something from it, even though I now realize that might not always have been the case. So yeah, mostly for myself, again.
|
||
I also just love the English language, even though it’s not my native language. I’m from Germany and maybe I’ll try to add translated versions of my blog later on.</p>
|
||
<ol start="2">
|
||
<li>
|
||
<h4 id="learning-vim-keybindings-neovim">Learning Vim Keybindings (Neovim)<a hidden class="anchor" aria-hidden="true" href="#learning-vim-keybindings-neovim">#</a></h4>
|
||
</li>
|
||
</ol>
|
||
<p>As I started coding, I stumbled across The Primeagen and fell in love with his vim skills and how fast he can just DO stuff. I was stunned and installed Neovim the same day.
|
||
My newfound Neovim love is thanks to the Neovide frontend for Neovim. It’s absolutely gorgeous, and I really want to write, learn, and live in this environment now!</p>
|
||
<ol start="3">
|
||
<li>
|
||
<h4 id="learning-how-to-code-and-structure-a-website">Learning How to Code and Structure a Website<a hidden class="anchor" aria-hidden="true" href="#learning-how-to-code-and-structure-a-website">#</a></h4>
|
||
</li>
|
||
</ol>
|
||
<p>I want to learn basic website design and maybe, later on, a bit of app design, specifically for the web. I love the open-source Docker containers available on Docker Hub, and would love to publish my own small set of apps. But that’s all something for future pika.</p>
|
||
<hr>
|
||
<p>By setting these goals, I’m hoping to make this blog not just a platform for sharing my thoughts, but also a tool for personal growth and learning. Thank you for joining me on this journey!</p>
|
||
|
||
|
||
</div>
|
||
|
||
<footer class="post-footer">
|
||
<ul class="post-tags">
|
||
</ul>
|
||
|
||
<ul class="share-buttons">
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on x"
|
||
href="https://x.com/intent/tweet/?text=About%20me%20and%20why%20I%20do%20this&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f&hashtags=">
|
||
<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M512 62.554 L 512 449.446 C 512 483.97 483.97 512 449.446 512 L 62.554 512 C 28.03 512 0 483.97 0 449.446 L 0 62.554 C 0 28.03 28.029 0 62.554 0 L 449.446 0 C 483.971 0 512 28.03 512 62.554 Z M 269.951 190.75 L 182.567 75.216 L 56 75.216 L 207.216 272.95 L 63.9 436.783 L 125.266 436.783 L 235.9 310.383 L 332.567 436.783 L 456 436.783 L 298.367 228.367 L 432.367 75.216 L 371.033 75.216 Z M 127.633 110 L 164.101 110 L 383.481 400.065 L 349.5 400.065 Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on linkedin"
|
||
href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f&title=About%20me%20and%20why%20I%20do%20this&summary=About%20me%20and%20why%20I%20do%20this&source=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f">
|
||
<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on reddit"
|
||
href="https://reddit.com/submit?url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f&title=About%20me%20and%20why%20I%20do%20this">
|
||
<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-3.446,265.638c0,-22.964 -18.616,-41.58 -41.58,-41.58c-11.211,0 -21.361,4.457 -28.841,11.666c-28.424,-20.508 -67.586,-33.757 -111.204,-35.278l18.941,-89.121l61.884,13.157c0.756,15.734 13.642,28.29 29.56,28.29c16.407,0 29.706,-13.299 29.706,-29.701c0,-16.403 -13.299,-29.702 -29.706,-29.702c-11.666,0 -21.657,6.792 -26.515,16.578l-69.105,-14.69c-1.922,-0.418 -3.939,-0.042 -5.585,1.036c-1.658,1.073 -2.811,2.761 -3.224,4.686l-21.152,99.438c-44.258,1.228 -84.046,14.494 -112.837,35.232c-7.468,-7.164 -17.589,-11.591 -28.757,-11.591c-22.965,0 -41.585,18.616 -41.585,41.58c0,16.896 10.095,31.41 24.568,37.918c-0.639,4.135 -0.99,8.328 -0.99,12.576c0,63.977 74.469,115.836 166.33,115.836c91.861,0 166.334,-51.859 166.334,-115.836c0,-4.218 -0.347,-8.387 -0.977,-12.493c14.564,-6.47 24.735,-21.034 24.735,-38.001Zm-119.474,108.193c-20.27,20.241 -59.115,21.816 -70.534,21.816c-11.428,0 -50.277,-1.575 -70.522,-21.82c-3.007,-3.008 -3.007,-7.882 0,-10.889c3.003,-2.999 7.882,-3.003 10.885,0c12.777,12.781 40.11,17.317 59.637,17.317c19.522,0 46.86,-4.536 59.657,-17.321c3.016,-2.999 7.886,-2.995 10.885,0.008c3.008,3.011 3.003,7.882 -0.008,10.889Zm-5.23,-48.781c-16.373,0 -29.701,-13.324 -29.701,-29.698c0,-16.381 13.328,-29.714 29.701,-29.714c16.378,0 29.706,13.333 29.706,29.714c0,16.374 -13.328,29.698 -29.706,29.698Zm-160.386,-29.702c0,-16.381 13.328,-29.71 29.714,-29.71c16.369,0 29.689,13.329 29.689,29.71c0,16.373 -13.32,29.693 -29.689,29.693c-16.386,0 -29.714,-13.32 -29.714,-29.693Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on facebook"
|
||
href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f">
|
||
<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on whatsapp"
|
||
href="https://api.whatsapp.com/send?text=About%20me%20and%20why%20I%20do%20this%20-%20https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f">
|
||
<svg version="1.1" viewBox="0 0 512 512" xml:space="preserve" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-58.673,127.703c-33.842,-33.881 -78.847,-52.548 -126.798,-52.568c-98.799,0 -179.21,80.405 -179.249,179.234c-0.013,31.593 8.241,62.428 23.927,89.612l-25.429,92.884l95.021,-24.925c26.181,14.28 55.659,21.807 85.658,21.816l0.074,0c98.789,0 179.206,-80.413 179.247,-179.243c0.018,-47.895 -18.61,-92.93 -52.451,-126.81Zm-126.797,275.782l-0.06,0c-26.734,-0.01 -52.954,-7.193 -75.828,-20.767l-5.441,-3.229l-56.386,14.792l15.05,-54.977l-3.542,-5.637c-14.913,-23.72 -22.791,-51.136 -22.779,-79.287c0.033,-82.142 66.867,-148.971 149.046,-148.971c39.793,0.014 77.199,15.531 105.329,43.692c28.128,28.16 43.609,65.592 43.594,105.4c-0.034,82.149 -66.866,148.983 -148.983,148.984Zm81.721,-111.581c-4.479,-2.242 -26.499,-13.075 -30.604,-14.571c-4.105,-1.495 -7.091,-2.241 -10.077,2.241c-2.986,4.483 -11.569,14.572 -14.182,17.562c-2.612,2.988 -5.225,3.364 -9.703,1.12c-4.479,-2.241 -18.91,-6.97 -36.017,-22.23c-13.314,-11.876 -22.304,-26.542 -24.916,-31.026c-2.612,-4.484 -0.279,-6.908 1.963,-9.14c2.016,-2.007 4.48,-5.232 6.719,-7.847c2.24,-2.615 2.986,-4.484 4.479,-7.472c1.493,-2.99 0.747,-5.604 -0.374,-7.846c-1.119,-2.241 -10.077,-24.288 -13.809,-33.256c-3.635,-8.733 -7.327,-7.55 -10.077,-7.688c-2.609,-0.13 -5.598,-0.158 -8.583,-0.158c-2.986,0 -7.839,1.121 -11.944,5.604c-4.105,4.484 -15.675,15.32 -15.675,37.364c0,22.046 16.048,43.342 18.287,46.332c2.24,2.99 31.582,48.227 76.511,67.627c10.685,4.615 19.028,7.371 25.533,9.434c10.728,3.41 20.492,2.929 28.209,1.775c8.605,-1.285 26.499,-10.833 30.231,-21.295c3.732,-10.464 3.732,-19.431 2.612,-21.298c-1.119,-1.869 -4.105,-2.99 -8.583,-5.232Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on telegram"
|
||
href="https://telegram.me/share/url?text=About%20me%20and%20why%20I%20do%20this&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f">
|
||
<svg version="1.1" xml:space="preserve" viewBox="2 2 28 28" height="30px" width="30px" fill="currentColor">
|
||
<path
|
||
d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" rel="noopener noreferrer" aria-label="share About me and why I do this on ycombinator"
|
||
href="https://news.ycombinator.com/submitlink?t=About%20me%20and%20why%20I%20do%20this&u=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f1%2f">
|
||
<svg version="1.1" xml:space="preserve" width="30px" height="30px" viewBox="0 0 512 512" fill="currentColor"
|
||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape">
|
||
<path
|
||
d="M449.446 0C483.971 0 512 28.03 512 62.554L512 449.446C512 483.97 483.97 512 449.446 512L62.554 512C28.03 512 0 483.97 0 449.446L0 62.554C0 28.03 28.029 0 62.554 0L449.446 0ZM183.8767 87.9921H121.8427L230.6673 292.4508V424.0079H281.3328V292.4508L390.1575 87.9921H328.1233L256 238.2489z" />
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
</footer>
|
||
</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>
|