340 lines
26 KiB
HTML
340 lines
26 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>A challange will get you going fast | pika - Blogs</title>
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="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.">
|
||
<meta name="author" content="">
|
||
<link rel="canonical" href="https://blog.k4li.me/blog/2024/2/">
|
||
<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/2/">
|
||
<noscript>
|
||
<style>
|
||
#theme-toggle,
|
||
.top-link {
|
||
display: none;
|
||
}
|
||
|
||
</style>
|
||
</noscript>
|
||
|
||
|
||
<meta property="og:title" content="A challange will get you going fast" />
|
||
<meta property="og:description" content="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." />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="og:url" content="https://blog.k4li.me/blog/2024/2/" /><meta property="article:section" content="blog" />
|
||
<meta property="article:published_time" content="2024-06-20T23:15:44+02:00" />
|
||
<meta property="article:modified_time" content="2024-06-20T23:15:44+02:00" />
|
||
|
||
<meta name="twitter:card" content="summary"/>
|
||
<meta name="twitter:title" content="A challange will get you going fast"/>
|
||
<meta name="twitter:description" content="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."/>
|
||
|
||
|
||
<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": "A challange will get you going fast",
|
||
"item": "https://blog.k4li.me/blog/2024/2/"
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BlogPosting",
|
||
"headline": "A challange will get you going fast",
|
||
"name": "A challange will get you going fast",
|
||
"description": "A Challenge Will Get You Going A few days ago, I embarked on a new adventure: writing my first blog entry. I didn\u0026rsquo;t really know what I was doing, and to be honest, that hasn\u0026rsquo;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.",
|
||
"keywords": [
|
||
|
||
],
|
||
"articleBody": "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. And let me tell you, it feels fantastic to learn some truly “good” stuff. My work may not be perfect, but I’m genuinely proud of myself and have thoroughly enjoyed the process with Hugo.\nI can’t showcase my work just yet, as it’s still a work in progress and not ready for production. But once the website is live, I’ll make sure to update this page with a link.\nIn my research, I explored several Hugo themes, but many were outdated. When I loaded them and started a server, bam - they threw weird CSS errors and some said things like .. is deprecated, use .. instead, which felt quite odd and frustrating. Since I’m new to the whole website industry, I wanted to stick to themes that work well and look nice:\nPaperMod One theme that stands out is PaperMod, which I am using right now 🫡. I love its simplicity, but I know this is definitely NOT the right choice for a customer’s website who wants to display products or run a shop. Nevertheless, there’s something special about it, something cozy and different, in the way PaperMod presents content. It also offers numerous configuration options, such as:\nEnabling breadcrumbs (those Home » Blogs indicators) Enabling Emoji support 🥳 And many more features, which I plan to explore in the coming days minimal_marketing Another theme I considered is minimal_marketing. It looks amazing and simple, but the way it is advertised and the somewhat complicated installation process made it hard to get started. Maybe I’ll give it another try later in my career 😜.\nspectral The theme I selected and modified the most is spctral . It showcases a nice, big open screen, which I liked, and provides almost all the space I need on the first page. It also offers a way to manage Meetups, which was a requirement for the website. I thought it would be the easiest and nicest-looking theme I could choose, so I did.\n",
|
||
"wordCount" : "402",
|
||
"inLanguage": "en",
|
||
"datePublished": "2024-06-20T23:15:44+02:00",
|
||
"dateModified": "2024-06-20T23:15:44+02:00",
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https://blog.k4li.me/blog/2024/2/"
|
||
},
|
||
"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>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">
|
||
A challange will get you going fast
|
||
</h1>
|
||
<div class="post-meta"><span title='2024-06-20 23:15:44 +0200 CEST'>June 20, 2024</span> · 2 min · 402 words
|
||
|
||
</div>
|
||
</header>
|
||
<div class="post-content"><h1 id="a-challenge-will-get-you-going">A Challenge Will Get You Going<a hidden class="anchor" aria-hidden="true" href="#a-challenge-will-get-you-going">#</a></h1>
|
||
<p>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 <a href="../1/">before</a>, one of my goals was to create a website for a client. And let me tell you, it feels fantastic to learn some truly “good” stuff. My work may not be perfect, but I’m genuinely proud of myself and have thoroughly enjoyed the process with Hugo.</p>
|
||
<p>I can’t showcase my work just yet, as it’s still a work in progress and not ready for production. But once the website is live, I’ll make sure to update this page with a link.</p>
|
||
<p>In my research, I explored several Hugo themes, but many were outdated. When I loaded them and started a server, bam - they threw weird CSS errors and some said things like <code>.. is deprecated, use .. instead</code>, which felt quite odd and frustrating. Since I’m new to the whole website industry, I wanted to stick to themes that work well and look nice:</p>
|
||
<h2 id="papermod">PaperMod<a hidden class="anchor" aria-hidden="true" href="#papermod">#</a></h2>
|
||
<hr>
|
||
<p>One theme that stands out is <a href="https://github.com/adityatelange/hugo-PaperMod">PaperMod</a>, which I am using right now 🫡.
|
||
I love its simplicity, but I know this is definitely NOT the right choice for a customer’s website who wants to display products or run a shop. Nevertheless, there’s something special about it, something cozy and different, in the way PaperMod presents content. It also offers numerous configuration options, such as:</p>
|
||
<ul>
|
||
<li>Enabling breadcrumbs (those Home » Blogs indicators)</li>
|
||
<li>Enabling Emoji support 🥳</li>
|
||
<li>And many more features, which I plan to explore in the coming days</li>
|
||
</ul>
|
||
<h2 id="minimal_marketing">minimal_marketing<a hidden class="anchor" aria-hidden="true" href="#minimal_marketing">#</a></h2>
|
||
<hr>
|
||
<p>Another theme I considered is <a href="https://github.com/letItCurl/minimal_marketing">minimal_marketing</a>. It looks amazing and simple, but the way it is advertised and the somewhat complicated installation process made it hard to get started. Maybe I’ll give it another try later in my career 😜.</p>
|
||
<h2 id="spectral">spectral<a hidden class="anchor" aria-hidden="true" href="#spectral">#</a></h2>
|
||
<hr>
|
||
<p>The theme I selected and modified the most is <a href="https://github.com/sbruder/spectral">spctral</a> . It showcases a nice, big open screen, which I liked, and provides almost all the space I need on the first page. It also offers a way to manage Meetups, which was a requirement for the website. I thought it would be the easiest and nicest-looking theme I could choose, so I did.</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 A challange will get you going fast on x"
|
||
href="https://x.com/intent/tweet/?text=A%20challange%20will%20get%20you%20going%20fast&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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 A challange will get you going fast on linkedin"
|
||
href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%2f&title=A%20challange%20will%20get%20you%20going%20fast&summary=A%20challange%20will%20get%20you%20going%20fast&source=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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 A challange will get you going fast on reddit"
|
||
href="https://reddit.com/submit?url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%2f&title=A%20challange%20will%20get%20you%20going%20fast">
|
||
<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 A challange will get you going fast on facebook"
|
||
href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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 A challange will get you going fast on whatsapp"
|
||
href="https://api.whatsapp.com/send?text=A%20challange%20will%20get%20you%20going%20fast%20-%20https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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 A challange will get you going fast on telegram"
|
||
href="https://telegram.me/share/url?text=A%20challange%20will%20get%20you%20going%20fast&url=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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 A challange will get you going fast on ycombinator"
|
||
href="https://news.ycombinator.com/submitlink?t=A%20challange%20will%20get%20you%20going%20fast&u=https%3a%2f%2fblog.k4li.me%2fblog%2f2024%2f2%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>
|