CINXE.COM

<!doctype html><html class=no-js lang=en-us><head><meta charset=utf-8><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-200.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-400.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-800.woff2 as=font type=font/woff2 crossorigin><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Kaslaanka | Hugo Themes </title><meta name=viewport content="width=device-width,minimum-scale=1"><meta name=generator content="Hugo 0.136.5"><meta name=robots content="index, follow"><link rel=stylesheet href=/output/css/app.min.4030b20111c63effc3f444c4c7e0116b7ce9ebeb341b57e87062563016ace228.css integrity="sha256-QDCyARHGPv/D9ETEx+ARa3zp6+s0G1focGJWMBas4ig=" crossorigin=anonymous><meta name=description content=" "><script type=text/javascript src=/output/js/app.5a802739f9b2407f0d3a1f84a20731b6705a5a4df051c35686f22bd3aea90731.js integrity="sha256-WoAnOfmyQH8NOh+EogcxtnBaWk3wUcNWhvIr066pBzE=" crossorigin=anonymous defer></script><script async defer src=https://buttons.github.io/buttons.js></script><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png href=/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/favicon-16x16.png sizes=16x16><link rel=manifest href=/manifest.json><link rel=mask-icon href=/safari-pinned-tab.svg color=#0594cb><meta name=theme-color content="#ffffff"><link rel=prefetch href=https://themes.gohugo.io/themes/materialize-bp-hugo-theme/><link rel=prefetch href=https://themes.gohugo.io/themes/hugo-theme-yue/><style media=screen>.lazyload,.lazyloading{opacity:.5}.lazyloaded{opacity:1;transition:opacity 300ms}.mt4 a.link{margin:0 .5rem .8rem 0;display:inline-block}.mt4 a.link{margin:0 .5rem .8rem 0;display:inline-block;max-width:384px}</style><meta property="og:title" content="Kaslaanka"><meta property="og:description" content="Kaslaanka A minimalist theme for Hugo. Live Demo at: iossefy.github.io/kaslaanka this theme is a fork of Hugo-tanka theme. this theme is a “do it yourself” theme, you probably want to change the css to make it your taste, use custom.css to do it. Description minimalist theme easily customizable easy to setup does not need any javascript (javascript is optional) works as a blog or/and a personal website gives you a space to be creative new features remove the bloat (utterances comments, progressivly, highlight.js) scriptless by default. removed bootstrap. changed how the index, single pages and blog posts look. blog list on the home page is limited, if the users want to see more they go to /blog/ listing projects on the home page. brief about me on the home page. support unlisted articles. better favicons. better tags add categories add multiple languages support HUGE first letter paragraph (if you want) Brief description under blog post title Installation Install hugo using the setup guide."><meta property="og:type" content="article"><meta property="og:url" content="https://themes.gohugo.io/themes/kaslaanka/"><meta property="og:image" content="https://themes.gohugo.io/themes/kaslaanka/tn-featured.png"><meta property="article:section" content="themes"><meta property="article:published_time" content="2024-10-18T12:23:50+00:00"><meta property="article:modified_time" content="2024-10-18T12:23:50+00:00"><meta itemprop=name content="Kaslaanka"><meta itemprop=description content="Kaslaanka A minimalist theme for Hugo. Live Demo at: iossefy.github.io/kaslaanka this theme is a fork of Hugo-tanka theme. this theme is a “do it yourself” theme, you probably want to change the css to make it your taste, use custom.css to do it. Description minimalist theme easily customizable easy to setup does not need any javascript (javascript is optional) works as a blog or/and a personal website gives you a space to be creative new features remove the bloat (utterances comments, progressivly, highlight.js) scriptless by default. removed bootstrap. changed how the index, single pages and blog posts look. blog list on the home page is limited, if the users want to see more they go to /blog/ listing projects on the home page. brief about me on the home page. support unlisted articles. better favicons. better tags add categories add multiple languages support HUGE first letter paragraph (if you want) Brief description under blog post title Installation Install hugo using the setup guide."><meta itemprop=datePublished content="2024-10-18T12:23:50+00:00"><meta itemprop=dateModified content="2024-10-18T12:23:50+00:00"><meta itemprop=wordCount content="968"><meta itemprop=image content="https://themes.gohugo.io/themes/kaslaanka/tn-featured.png"><meta itemprop=keywords content="Blog,Minimal,Personal,Responsive"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://themes.gohugo.io/themes/kaslaanka/tn-featured.png"><meta name=twitter:title content="Kaslaanka"><meta name=twitter:description content="Kaslaanka A minimalist theme for Hugo. Live Demo at: iossefy.github.io/kaslaanka this theme is a fork of Hugo-tanka theme. this theme is a “do it yourself” theme, you probably want to change the css to make it your taste, use custom.css to do it. Description minimalist theme easily customizable easy to setup does not need any javascript (javascript is optional) works as a blog or/and a personal website gives you a space to be creative new features remove the bloat (utterances comments, progressivly, highlight.js) scriptless by default. removed bootstrap. changed how the index, single pages and blog posts look. blog list on the home page is limited, if the users want to see more they go to /blog/ listing projects on the home page. brief about me on the home page. support unlisted articles. better favicons. better tags add categories add multiple languages support HUGE first letter paragraph (if you want) Brief description under blog post title Installation Install hugo using the setup guide."><script async src="https://www.googletagmanager.com/gtag/js?id=G-MBZGKNMDWC"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-MBZGKNMDWC",{anonymize_ip:!0,dimension1:"themes.gohugo.io",dimension2:"main"});var trackOutboundLink=function(e){gtag("event","click",{event_category:"outbound",event_label:e,transport_type:"beacon"})}</script></head><body class="ma0 sans-serif bg-primary-color-light"><nav class="bg-primary-color-dark pv4 w-100" role=navigation><div class="center flex-ns flex-wrap items-center justify-start mw9"><h1 class="dim f3 lh-solid ml0-ns mr0 mr4-l mv0 pl3 pl4-ns"><a href=https://gohugo.io/ class="link white">HUGO</a></h1><ul class="list ma0 pa0 dn dib-l" role=menu><li class="f5 dib mr4" role=menuitem><a href=https://gohugo.io/news/ class="dim link light-silver">News</a></li><li class="f5 dib mr4" role=menuitem><a href=https://gohugo.io/documentation/ class="dim link light-silver">Docs</a></li><li class="f5 dib mr4" role=menuitem><a href=https://themes.gohugo.io/ class="dim link light-silver">Themes</a></li><li class="f5 dib mr4" role=menuitem><a href=https://discourse.gohugo.io/ class="dim link light-silver">Community <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg></a></li><li class="f5 dib mr4" role=menuitem><a href=https://github.com/gohugoio/hugo class="dim link light-silver">GitHub <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg></a></li></ul><div class="db dib-ns pl3"><form id=site-search-form role=search><fieldset class="bn ma0 pa0"><label class=clip for=search-input>Search</label> <input type=search id=search-input class="needs-js bg-left bn f5 input-reset lh-solid mt3 mt0-ns pl4 pv2 w5 white" placeholder="Search the Docs" name=search-input style="background:url(/images/icon-search.png)5px 11px/16px 16px no-repeat;background-color:rgba(255,255,255,0)"></fieldset></form></div><div class="absolute mt1 mt2-l pr3 right-0 top-0 flex items-start"><a rel=me class="mstdn mr3" href=https://fosstodon.org/@gohugoio target=_blank>gohugoio</a> <a class="github-button needs-js link primary-color-dark" href=https://github.com/gohugoio/hugo data-size=large data-show-count=false aria-label="Star gohugoio/hugo on GitHub">Star</a></div></div></nav><main role=main class="content-with-sidebar min-vh-100 pb7 pb0-ns"><article class="cf pv3 pv5-ns ph0 ph4-l"><div class="flex-l items-center pa4 pa0-l w-100"><h1 class="primary-color-dark f2">Hugo Themes</h1><div class=flex-auto-l></div><div class="flex flex-wrap justify-between">Prev/Next: <a href=https://themes.gohugo.io/themes/materialize-bp-hugo-theme/ class="db-l f4 f3-ns link primary-color hover-black fw8 mr4"><svg class="fill-current" height="30" viewBox="0 0 24 24" width="30"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </a><a href=https://themes.gohugo.io/themes/hugo-theme-yue/ class="db-l f4 f3-ns link primary-color hover-black fw8"><svg class="fill-current" height="30" viewBox="0 0 24 24" width="30"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </a><script>document.body.onkeyup=function(e){e.ctrlKey||e.shiftKey||e.altKey||e.metaKey||(e.keyCode=="37"&&(window.location="https://themes.gohugo.io/themes/materialize-bp-hugo-theme/"),e.keyCode=="39"&&(window.location="https://themes.gohugo.io/themes/hugo-theme-yue/"))}</script><a href=/ class="bg-primary-color br2 dib-l f6 hover-bg-accent-color link ph3 pv2 white ml5-l">All Themes</a></div></div><div class="flex-l bg-light-gray"><div class="w-100 w-50-l pa4"><div><h1 class=primary-color>Kaslaanka</h1>kaslaanka is a minimalist theme for Hugo<ul class="list nested-links pl0"><li class=mb2>Author: <a href=https://youssefy.com>Youssef Hesham</a></li><li class=mb2>GitHub Stars: 19</li><li class=mb2>Updated: 2024-10-18</li><li class=mb2>License: GPL-v3</li><li class="mb2 mt4">Tags: <a href=https://themes.gohugo.io/tags/blog/>Blog </a><a href=https://themes.gohugo.io/tags/minimal/>Minimal </a><a href=https://themes.gohugo.io/tags/personal/>Personal </a><a href=https://themes.gohugo.io/tags/responsive/>Responsive</a></ul></div><div><div class=mt4><a class="bg-accent-color br2 hover-bg-primary-color hover-light-gray link ph3 pv2 white" href=https://github.com/iossefy/kaslaanka> Download</a></div></div></div><div class="w-100 w-50-l pa4"><img srcset="/themes/kaslaanka/screenshot_hu4855765194174207707.png 1x, /themes/kaslaanka/screenshot_hu11754388483254880319.png 2x" alt=Kaslaanka width=750 class="fit shadow-2"></div></div><div class="w-100 w-80-l pv5 ph4 ph5-ns center nested-links overflow-hidden"><h1 id=kaslaanka>Kaslaanka</h1>A minimalist theme for Hugo.Live Demo at: iossefy.github.io/kaslaankathis theme is a fork of Hugo-tanka theme.this theme is a “do it yourself” theme, you probably want to change the css to make it your taste, use <code>custom.css</code> to do it.<img src="https://github.com/Iossefy/kaslaanka/blob/master/images/tn.png?raw=true" alt=tn.png><img src="https://github.com/Iossefy/kaslaanka/blob/master/images/screenshot.png?raw=true" alt=screenshot.png><h2 id=description>Description <a class=header-link href=#description><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2><ul><li>minimalist theme</li><li>easily customizable</li><li>easy to setup</li><li>does not need any javascript (javascript is optional)</li><li>works as a blog or/and a personal website</li><li>gives you a space to be creative</li></ul><h3 id=new-features>new features <a class=header-link href=#new-features><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><ul><li>remove the bloat (utterances comments, progressivly, highlight.js)</li><li>scriptless by default.</li><li>removed bootstrap.</li><li>changed how the index, single pages and blog posts look.</li><li>blog list on the home page is limited, if the users want to see more they go to /blog/</li><li>listing projects on the home page.</li><li>brief about me on the home page.</li><li>support unlisted articles.</li><li>better favicons.</li><li>better tags</li><li>add categories</li><li>add multiple languages support</li><li>HUGE first letter paragraph (if you want)</li><li>Brief description under blog post title</li></ul><h2 id=installation>Installation <a class=header-link href=#installation><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2>Install hugo using the setup guide.Create a new Hugo site<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell>hugo new site . </code></pre></div>add the theme to your Hugo site<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell># first initialise your repository with git git init # then fetch the theme and put it inside themes/ directory git submodule add https://github.com/Iossefy/kaslaanka.git themes/kaslaanka </code></pre></div>use the theme by adding this line in your config (<code>config.toml</code>) file<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml>theme = 'kaslaanka' </code></pre></div>to get your site ready add the following params to your config:<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml>[params] sitename = "Kaslaanka Theme" copyrights = "John Doe" defaultList = "global" paginationLen = 3 projectsURL = "https://example.com" brief_about = "<center>Kaslaanka theme demo made with ❤️️</center>" </code></pre></div>run this in your terminal to see progress:<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell>hugo serve </code></pre></div>it usually serves on <code>http://localhost:1313/</code>. Now you’ve are half way there.Let’s add some of our awesome projects to the homepage. add the following under <code>[params]</code><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml>[[params.myprojects]] name = "Totally Awesome Project" description = "Machine Learning Magic!!!" url = "https://example.com" [[params.myprojects]] name = "Kaslaanka" description = "The best hugo theme ever!!!" url = "https://github.com/Iossefy/kaslaanka" </code></pre></div>Let’s add some nav links:<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml>[[menu.primary]] name = "Home" url = "/" weight = 1 [[menu.primary]] name = "About" url = "/about" weight = 2 [[menu.primary]] name = "Subscribe" url = "/index.xml" weight = 3 </code></pre></div>Now you are done installing the theme. Read Hugo’s documentation and continue your journey. i will use <code>yaml</code> to write the rest of the README, it’s easy to convert between them, just use whatever you like. Check out config.yml annotated with comments.you should check out <code>exampleSite/</code>. don’t copy it fully, there are some workaround used in <code>layouts/blog/</code> to deploy on github pages, please ignore it.<h2 id=customization>Customization <a class=header-link href=#customization><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2><h3 id=customcss>custom.css <a class=header-link href=#customcss><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3>add your custom css here <code>/static/css/custom.css</code><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-css data-lang=css>/* Hello World! */ .first-letter { font-family: "Roboto Serif"; } </code></pre></div><h3 id=customjs>custom.js <a class=header-link href=#customjs><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3>add your custom javascript here <code>/static/js/custom.js</code><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-js data-lang=js>// be creative for(;;){alert("HAHAHAHAHAH")} </code></pre></div><h3 id=external-scripts>external scripts <a class=header-link href=#external-scripts><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3>you can add external scripts in <code>/layouts/partials/scripts.html</code><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-html data-lang=html><script src="..." ... ></script> </code></pre></div><h3 id=meta--link-tags>meta & link tags <a class=header-link href=#meta--link-tags><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3>you can add as much <code><meta></code> and <code><link></code> as you like in <code>/layouts/partials/meta.html</code><h3 id=tags>tags <a class=header-link href=#tags><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>tags: - hello - ok </code></pre></div>this post will be listed at /tags/hello/ and /tags/ok/<h3 id=categories>categories <a class=header-link href=#categories><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>categories: - travel </code></pre></div>this post will be listed at /categories/travel/<h3 id=configyml>config.yml <a class=header-link href=#configyml><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>sitename: "Site Name!" baseURL: "/" languageCode: en-us title: "Kaslaanka Theme" author: John Doe enableEmoji: true hasCJKLanguage: false # You can change code highlight theme pygmentsstyle: "tango" pygmentscodefences: true # if you want to add html to your markdown markup: goldmark: renderer: unsafe: true # Links of the navbar menu: primary: - name: Home url: / weight: 1 - name: About url: /about weight: 2 - name: Subscribe url: /index.xml weight: 3 # You can add languages! # do not expect it to work out of the box # https://gohugo.io/content-management/multilingual/ defaultContentLanguage: en languages: en: LanguageName: English # contentDir: content/english ru: LanguageName: русский # contentDir: content/russian params: sitename: "Kaslaanka Theme" # it will produce: copyrights (c) 2022 joe copyrights: John Doe # set default homepage list (what section to list pages from) # default: global # currently available options (global, blog) defaultList: global # list 3 items of every section # you can use a section specific list # to list n items of that section. # see ./layouts/partials/bloglist.html for example paginationLen: 3 # path to the favicon directory # see ./layouts/_defaults/baseof.html line #30 to line #37 # faviconpath: "/img/favicon" # projects will show in the index page myprojects: - name: "Totally Awesome Project" description: "Machine Learning Magic!!!" url: https://example.com - name: "Kaslaanka" description: "The best hugo theme ever!!!" url: https://github.com/Iossefy/kaslaanka # link to more projects # show your github repositories as example # or create your own page. projectsURL: https://example.com # a brief about me brief_about: <center>Kaslaanka theme demo made with ❤️️</center> # and don't forget theme: kaslaanka </code></pre></div><h3 id=configtoml>config.toml <a class=header-link href=#configtoml><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml>sitename = "Site Name!" baseURL = "/" languageCode = "en-us" title = "Kaslaanka Theme" author = "John Doe" enableEmoji = true hasCJKLanguage = false pygmentsstyle = "tango" pygmentscodefences = true defaultContentLanguage = "en" theme = "kaslaanka" [markup.goldmark.renderer] unsafe = true [[menu.primary]] name = "Home" url = "/" weight = 1 [[menu.primary]] name = "About" url = "/about" weight = 2 [[menu.primary]] name = "Subscribe" url = "/index.xml" weight = 3 [languages.en] LanguageName = "English" [languages.ru] LanguageName = "русский" [params] sitename = "Kaslaanka Theme" copyrights = "John Doe" defaultList = "global" paginationLen = 3 projectsURL = "https://example.com" brief_about = "<center>Kaslaanka theme demo made with ❤️️</center>" [[params.myprojects]] name = "Totally Awesome Project" description = "Machine Learning Magic!!!" url = "https://example.com" [[params.myprojects]] name = "Kaslaanka" description = "The best hugo theme ever!!!" url = "https://github.com/Iossefy/kaslaanka" </code></pre></div><h3 id=posts>posts <a class=header-link href=#posts><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3>you can make a post unlisted by adding the following<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>--- unlisted: true --- </code></pre></div>add a brief description to a single blog page.<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>--- brief: "This is my demo brief!" --- </code></pre></div>if you want to add an edit counter, see <code>edit</code> in the front matter. you increment it every time you edit the post. where <code>3</code> is the number of edits.<div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yaml data-lang=yaml>--- edits: 3 --- </code></pre></div><h2 id=license>LICENSE <a class=header-link href=#license><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2>GPL-3.0 LICENSE.<h2>See also</h2><ul><li><a href=/themes/hugo-theme-yue/>Yue</a></li><li><a href=/themes/hugo-theme-gruvbox/>Gruvbox</a></li><li><a href=/themes/niello/>Niello</a></li><li><a href=/themes/gokarna/>Gokarna</a></li><li><a href=/themes/hugo-theme-console/>hugo-theme-console</a></li></ul></div></article></main><footer class="bg-primary-color-dark ph4-ns pt4 relative w-100" role=contentinfo><div class="center flex-ns flex-wrap justify-between mw9 w-90"><div class="pb3 pt4 w-100 w-50-ns"><div class="b f3 light-gray mb3 nested-links tc">By the <a href=https://github.com/gohugoio/hugo/graphs/contributors class=link>Hugo Authors</a> </div><div class="center w4"><img src=/images/hugo-logo-wide.svg alt="Hugo Logo"></div><ul class="center f6 list ma0 mv3 pa0 tc"><li class="dib mr3"><a href=https://github.com/gohugoio/hugoThemesSiteBuilder class="dim link light-gray pv2">File an Issue</a></li><li class="dib mr3"><a href=https://discourse.gohugo.io/ class="dim link light-gray pv2">Get Help</a></li><li class=dib><a href=https://gitter.im/spf13/hugo class="dim link light-gray pv2">Discuss Source Code</a></li></ul><ul class="center f6 list ma0 mv4 pa0 tc"><li class="dib mr3"><a href=https://twitter.com/gohugoio class="dim link light-gray pv2">@GoHugoIO</a></li><li class="dib mr3"><a href=https://twitter.com/spf13 class="dim link light-gray pv2">@spf13</a></li><li class=dib><a href=https://twitter.com/bepsays class="dim link light-gray pv2">@bepsays</a></li></ul><a href=https://www.netlify.com><img src=/images/netlify-dark.svg alt="Netlify badge"></a></div><div class="w-100 w-50-l"> <style>a.show-on-hover{opacity:0}a.show-on-hover:hover{opacity:1}</style><section class="pb3 w-100"><div class="center mw9"><h3 class="b f3 mv0 light-gray">Hugo Sponsors</h3><div class="flex-ns flex-wrap center justify-between pt3"><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#fff><a href="https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter" title=Linode onclick='trackOutboundLink("Sponsor Linode Footer","https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter")' class="w-100 grow pa3 f3"><svg enable-background="new 0 0 575.8 178.3" viewBox="0 0 575.8 178.3"><path d="m148.6 78.9-24.7-13.6L103.1 78l-.3 13-10.1-6.7-13.8 8.4c-.2-3.9-.4-8.6-.6-14.2L64.1 69c3.9-2 8.4-4.3 13.5-7-.1.0.1 1.4-2-46.5l-32-15.4-43.6 13.6 9.7 46.9L24.3 72l-11.1 5.3 7.3 35.3 10.2 9.6-7.3 4.5 5.7 27.3L52 178.3c.1-.1 2.4-1.9 29.5-23.5l-.8-18.6 11.7 9.9c.2-.2 2.4-1.9 23.7-18.8l.8-13.7 8.8 6.1c.1-.2 2.1-1.7 19.3-15.3z"/><path d="m128.1 93.5 20.5-14.6-24.7-13.6L103.1 78z" fill="#141414"/><path d="m125.8 119.5 2.3-26-25-15.5-.5 25.4z" fill="#004b16"/><path d="m92.6 146-.3-27-25.1-19.1 1.9 26.4z" fill="#004b16"/><path d="m92.3 119 25.5-18.2-25.1-16.5-25.5 15.6z" fill="#141414"/><path d="m52.1 178.2-4.1-27.6-24.6-24.1 5.7 27.4z" fill="#004b16"/><path d="m48 150.6 32.4-23.1-25.1-20.4-31.9 19.4z" fill="#141414"/><path d="m45.9 136.3-5.3-36.4-27.4-22.8 7.3 35.4z" fill="#004b16"/><path d="m40.6 99.9 37.7-21.4-28.2-18.9-36.9 17.5z" fill="#141414"/><path d="m38 82.5-7.3-49.9L0 13.6l9.7 46.9z" fill="#004b16"/><path d="m30.7 32.6 44.9-17.2-32-15.4-43.6 13.6z" fill="#141414"/><g fill="#1cb35c"><path d="m145.2 104.2c-19 15.1-19.4 15.4-19.3 15.4 2.4-27.2 2.2-26 2.3-26C150 78.1 148.6 79 148.7 79z"/><path d="m116.2 127.2C92.7 145.9 92.4 146 92.5 146c-.2-28.2-.3-27-.2-27 27.1-19.4 25.4-18.2 25.5-18.2z"/><path d="m81.6 154.7C52.2 178 52 178.2 52.1 178.2c-4.2-28.4-4.1-27.5-4-27.5 34.5-24.6 32.3-23.1 32.4-23.1z"/><path d="m75.6 15.4c2.1 47.9 1.9 46.5 2 46.5C38.8 82.1 37.9 82.5 38 82.5c-7.5-51-7.4-49.9-7.3-49.9z"/><path d="m78.3 78.5c1.6 36.3 1.4 35.1 1.5 35.1-33.6 22.6-34 22.8-33.9 22.8C40.4 99 40.5 1e2 40.6 1e2z"/></g><path d="m191.4 33.6 16.8-4c0 81.8-3.1 93.5 8 97.1-2.6 4.9-7.1 7.4-13.3 7.4-15.3.0-11.5-11.3-11.5-100.5z"/><path d="m233.7 132.7V74.3h-9.2V60.5h26.3v72.2zm8.7-100.1c12.9.0 12.9 19.5.0 19.5s-12.9-19.5.0-19.5z"/><path d="m316.8 132.7c0-43.6 1.1-49.6-3.5-55.2-5.8-6.9-20-5-26.1 3v52.2h-16.8V60.5h12.1l3.1 6.7c9.1-10.8 30.4-10.9 40.6-.4 9.7 10 7.4 20.5 7.4 65.8z"/><path d="m347.2 96.4c0-49.2 69.4-51.1 69.4.0-.1 50.7-69.4 50.8-69.4.0zm17.5.0c0 28.8 22.2 27.7 29.7 17.7 7-9.4 8.8-41.2-12.5-41.2-12.3.0-17.2 11.3-17.2 23.5z"/><path d="m476.4 132.7c0-7.4 1.8-3.4-7.1-.4-10.2 3.5-25.1 2-34.1-7.9-11.1-12.3-12.6-39.5 1.3-54.6 11.4-12.3 28.5-13.1 39.9-7.4V33.5l16.9-4v103.1zm0-54.9c-8.9-7.1-20.9-4.8-26.8 1.9-8.1 9.1-11.2 40.2 16.2 40.2 2.9.0 9-2.2 10.6-4.4z"/><path d="m574.6 101.8H523c1.2 22.3 29 21.4 38.1 12.2l6.5 12.9c-14 11.3-62.3 15-62.3-29.5.1-54.1 81.3-49 69.3 4.4zm-51-12.7h35.5c-1.2-10.6-7-15.8-17.5-15.8-9.7.0-15.6 5.2-18 15.8z"/></svg></a></div><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#334799><a href=https://route4me.com/ title="Route Planning & Route Optimization Software" onclick='trackOutboundLink("Sponsor Route4Me Footer","https://route4me.com/")' class="w-100 grow pa3 f3" style=color:#fff;font-weight:700;text-decoration:none;text-align:center>Route4Me</a></div><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#f4f4f4><a href="https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo" title="The complete IDE crafted for professional Go developers." onclick='trackOutboundLink("Sponsor GoLand Footer","https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo")' class="w-100 grow pa3 f3"><svg fill="none" viewBox="0 0 238 79"><defs><linearGradient id="a" x1="63.6351" x2="39.318" y1="54.0451" y2="1.59593" gradientUnits="userSpaceOnUse"><stop offset=".24" stop-color="#00d886"/><stop offset=".51" stop-color="#007dfe"/></linearGradient><linearGradient id="b" x1="59.3792" x2=".674325" y1="4.38051" y2="63.0854" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#007dfe"/><stop offset=".7" stop-color="#d249fc"/></linearGradient></defs><path fill="#000" fill-rule="evenodd" d="M107.38 35.54h-7.19v-4.29h12.41v2.31c0 2.63-.62 5-1.88 7.11-1.26 2.12-2.99 3.78-5.19 4.99s-4.51 1.82-7.37 1.82-5.44-.67-7.74-2.02c-2.31-1.34-4.12-3.2-5.44-5.56S83 34.9 83 31.99s.66-5.55 1.98-7.91c1.32-2.36 3.14-4.21 5.44-5.56 2.31-1.35 4.89-2.02 7.74-2.02 2.27.0 4.36.4 6.29 1.21 1.93.8 3.56 1.93 4.9 3.39 1.35 1.45 2.29 3.14 2.85 5.07h-5.71c-.49-1-1.14-1.86-1.95-2.59-.82-.73-1.76-1.28-2.84-1.67-1.08-.39-2.25-.58-3.5-.58-1.84.0-3.51.46-5 1.38-1.49.92-2.66 2.19-3.5 3.81-.84 1.62-1.26 3.44-1.26 5.47s.42 3.85 1.26 5.47 2.01 2.89 3.5 3.81 3.16 1.38 5 1.38c1.71.0 3.25-.32 4.63-.96 1.38-.65 2.48-1.54 3.29-2.69.73-1.04 1.14-2.19 1.26-3.46zm19.54-11c2.15.0 4.11.5 5.86 1.5s3.13 2.37 4.14 4.12c1.01 1.74 1.51 3.7 1.51 5.85s-.5 4.1-1.51 5.85-2.38 3.12-4.14 4.12-3.74 1.5-5.89 1.5c-2.15.0-4.11-.5-5.86-1.5s-3.13-2.37-4.14-4.12c-1.01-1.74-1.51-3.7-1.51-5.85s.5-4.1 1.5-5.85 2.38-3.12 4.14-4.12c1.77-1 3.75-1.5 5.9-1.5zm3.25 17.55c.95-.58 1.69-1.4 2.21-2.46s.78-2.25.78-3.62-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.21-2.46-.95-.59-2.04-.89-3.26-.89-1.22.0-2.31.3-3.26.88s-1.68 1.4-2.2 2.46c-.52 1.06-.78 2.28-.78 3.64s.26 2.56.78 3.62c.52 1.05 1.25 1.88 2.2 2.46.94.59 2.04.88 3.26.88s2.32-.3 3.27-.88zm17.73-25.08h.01l-.01-.01v.01zm0 0h-5.3v29.96h19.75v-4.82H147.9V17.01zm30.87 8.73c1.11.66 2.02 1.54 2.73 2.63v-3.31h4.96v21.92h-4.96v-3.31c-.71 1.09-1.62 1.98-2.73 2.63-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.3-3.72-1.3-5.92.43-4.17 1.3-5.92 2.08-3.11 3.61-4.09 3.28-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2zm-.29 16.36c.94-.59 1.67-1.41 2.2-2.46.53-1.05.79-2.26.79-3.63s-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.2-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zm24.72-17.56c1.57.0 2.95.34 4.13 1.03l.01.03c1.18.68 2.11 1.68 2.76 2.97.65 1.29.98 2.84.98 4.64v13.78h-5.03V33.98c0-1.06-.18-1.96-.54-2.7-.36-.74-.87-1.31-1.54-1.7s-1.47-.59-2.4-.59c-.99.0-1.88.22-2.65.67-.77.45-1.37 1.07-1.79 1.88-.42.81-.63 1.72-.63 2.75v12.69h-5.05V25.06h4.9v3.21c.63-1.06 1.44-1.92 2.45-2.55 1.25-.79 2.72-1.18 4.4-1.18zm29.04 3.79v-11.3h5.05v29.96h-5.05v-3.28c-.71 1.07-1.61 1.94-2.71 2.59-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.31-3.72-1.31-5.92.44-4.17 1.31-5.92 2.08-3.11 3.61-4.09 3.27-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2 1.1.64 2 1.52 2.71 2.59zm-3.01 13.77c.95-.59 1.68-1.41 2.21-2.46s.79-2.26.79-3.63-.26-2.58-.79-3.63c-.53-1.05-1.27-1.87-2.21-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zM87.7037 74.19c.17-.31.25-.66.25-1.05h.01v-9.15h3.1v9.37c0 .88-.2 1.67-.61 2.38s-.97 1.26-1.68 1.66c-.71.4-1.52.6-2.41.6h-2.37v-2.85h1.95c.4.0.75-.08 1.05-.25.31-.17.54-.4.71-.71zm15.2603-1.9h-6.5003v3.02h7.3803v2.7H93.4437V63.99h10.2003v2.71h-7.1803v2.97h6.5003v2.62zm6.16-5.52h-4.16v-2.78h11.39v2.78h-4.13V78h-3.1V66.77zm17.2 3.9c.29.08.56.18.81.31h.01c.57.31 1.02.73 1.34 1.28s.48 1.17.48 1.86c0 .75-.2 1.42-.61 2.01-.41.59-.98 1.05-1.72 1.38s-1.58.5-2.52.5h-6.35V63.99h6.23c.89.0 1.69.16 2.39.47s1.24.75 1.63 1.31c.39.56.58 1.2.58 1.91.0.62-.15 1.17-.44 1.65-.29.48-.7.86-1.21 1.12-.18.0945-.386.1532-.585.21l-.035.01zm-2.8-4.33h-2.75v3.45h2.75c.38.0.72-.08 1.01-.22.3-.14.52-.34.69-.61s.25-.59.25-.93-.09-.64-.25-.89c-.17-.26-.4-.45-.69-.59-.29-.14-.63-.21-1.01-.21zm1.24 9.1c.32-.15.57-.35.75-.62v.02c.18-.27.27-.57.27-.93.0-.36-.09-.68-.27-.96-.18-.28-.44-.5-.76-.65-.33-.15-.7-.23-1.11-.23h-2.87v3.59h2.87c.42.0.8-.07 1.12-.22zm16.56-4.67c-.43.67-1.03 1.2-1.81 1.57h-.01c-.14.07-.3.13-.46.19l3.2 5.48h-3.54l-2.84-5.11h-2.02v5.11h-3.1V63.99h6.14c1.01.0 1.9.18 2.67.55.77.37 1.36.89 1.78 1.56s.63 1.43.63 2.32c0 .89-.21 1.68-.64 2.35zm-3.56-.61c.32-.16.57-.39.74-.68v.01c.17-.29.26-.63.26-1.03s-.09-.74-.26-1.03-.42-.51-.74-.67c-.32-.15-.7-.23-1.13-.23h-2.79v3.87h2.79c.43.0.81-.08 1.13-.24zm5.51 7.85 5.01-14.02h3.36l5.12 14.02h-3.09l-1.06-3.09h-5.2l-.99 3.09h-3.15zm6.46-10.39-1.61 4.95h3.71l-1.72-4.95-.19-.9-.19.9zm11.43 10.39h-3.2V63.99h3.2v14.02zm5.44-14.02 6.02 9.48h.01v-9.48h2.83v14.02h-3.05l-6-9.48v9.48h-2.83V63.99h3.02zm17.78 5.66c.71.13 1.33.4 1.88.79v-.02c.55.4.97.88 1.28 1.47s.46 1.23.46 1.92c0 .85-.23 1.61-.68 2.28-.45.67-1.08 1.2-1.88 1.58-.81.38-1.74.57-2.77.57s-1.95-.19-2.75-.56-1.43-.9-1.89-1.56c-.46-.66-.7-1.44-.71-2.31h3.1c0 .36.1.68.29.96.19.28.46.49.81.64s.75.23 1.18.23.8-.07 1.12-.2c.32-.13.56-.32.74-.57s.27-.53.27-.84c0-.39-.12-.71-.36-.97s-.57-.44-.98-.54l-2.52-.52c-.66-.14-1.24-.39-1.74-.75s-.89-.82-1.16-1.36c-.27-.55-.41-1.16-.41-1.83.0-.84.22-1.58.64-2.23.43-.65 1.02-1.16 1.78-1.53.76-.37 1.62-.55 2.6-.55s1.86.18 2.62.53c.76.35 1.36.84 1.79 1.47.43.62.66 1.35.68 2.16h-3.1c0-.3-.09-.57-.25-.81-.17-.24-.4-.42-.69-.55-.29-.14-.64-.2-1.02-.2s-.72.07-1.01.19-.52.3-.68.52c-.16.23-.24.49-.24.79.0.34.11.61.33.84s.52.38.89.47l2.38.49zm14.38 8.36h-3.2V63.99h3.2v14.02zm7.88-14.02c1.33.0 2.53.31 3.59.91 1.06.61 1.9 1.44 2.5 2.51.61 1.06.91 2.27.91 3.59.0 1.32-.31 2.52-.91 3.59-.6 1.07-1.43 1.9-2.5 2.51s-2.26.91-3.59.91h-5.47V63.99h5.47zm2.01 10.86c.58-.35 1.03-.85 1.34-1.5v-.01c.31-.65.47-1.44.47-2.35s-.16-1.7-.47-2.35c-.31-.65-.76-1.15-1.34-1.5s-1.26-.52-2.05-.52h-2.32v8.75h2.32c.79.0 1.47-.17 2.05-.52zm9.8-2.56v3.02h7.38v2.7h-10.4V63.99h10.2v2.71h-7.18v2.97h6.5v2.62h-6.5z" clip-rule="evenodd"/><path fill="#00d886" d="m48.0521 58.1839 11.8755-.0017c2.2493.0 4.0722-1.8234 4.0722-4.0727V42.6029c0-1.1887-.5196-2.3186-1.422-3.0924L24.4164 6.80068c-.7384-.63244-1.6786-.98037-2.6508-.98037H9.89011c-2.24931.0-4.07273 1.82342-4.07273 4.07273V21.4014c0 1.1887.51957 2.3185 1.42197 3.0924L45.4002 57.203c.7383.633 1.6786.9804 2.6514.9804l5e-4 5e-4z"/><path fill="url(#a)" d="M49.4806 58.1818h10.4465c2.2493.0 4.0728-1.8234 4.0728-4.0727V41.0164c0-.1925-.014-.3851-.0408-.576L58.6815 3.49673C58.3952 1.49062 56.6765.0 54.65.0H38.977c-2.2499.0-4.0733 1.824-4.0727 4.07389l.0047 18.53851c0 .4375.0704.8721.2088 1.2869l10.4995 31.4979c.5545 1.6629 2.1109 2.7846 3.8639 2.7846h-6e-4z"/><path fill="url(#b)" d="M4.07273 64H38.041c1.6291.0 3.1017-.9711 3.7434-2.4681l16.0681-37.4906c.217-.5068.3293-1.0531.3293-1.6046V4.07273C58.1818 1.82342 56.3584.0 54.1091.0h-17.966c-.8046.0-1.5912.238545-2.2609.685382L1.81353 22.0881C.681309 22.8439.001745 24.1146.001745 25.4755L0 59.9273C0 62.1766 1.82342 64 4.07273 64z"/><path fill="#000" d="M52 12H12v40h40V12z"/><path fill="#fff" d="M19.764 31.6245c1.174.6765 2.4847 1.0155 3.9318 1.0155 1.3899.0 2.6427-.3095 3.7589-.9293 1.1231-.6197 2.005-1.4651 2.6461-2.5384.6481-1.0798.9721-2.2857.9721-3.6183v-1.1879h-6.405v2.3221h3.516c-.0722.5605-.2761 1.0718-.6106 1.5339-.3958.5468-.9322.9762-1.6092 1.2852-.6701.3096-1.4188.4646-2.2469.4646-.8928.0-1.6988-.2227-2.4193-.6695-.7204-.4467-1.2857-1.0583-1.6959-1.836-.4034-.784-.6047-1.667-.6047-2.6461.0-.979.2013-1.858.6047-2.6357.4108-.7846.9761-1.4003 1.6959-1.847.7199-.4467 1.5265-.6695 2.4193-.6695.6053.0 1.1706.0972 1.696.2916.526.1875.9831.4577 1.372.8101.3958.3455.7094.7563.9397 1.2314h3.1542c-.2737-.9866-.7529-1.8575-1.4368-2.6137-.677-.7563-1.5126-1.3436-2.5061-1.7608-.9866-.4172-2.0669-.6267-3.2404-.6267-1.4477.0-2.7583.3414-3.9318 1.0259-1.1741.6765-2.0959 1.6133-2.7653 2.8082-.6695 1.1879-1.0046 2.5165-1.0046 3.9856.0 1.4692.3351 2.8018 1.0046 3.9967.67 1.1879 1.5918 2.1236 2.7653 2.8081z"/><path fill="#fff" fill-rule="evenodd" d="M36.1829 31.6245c1.181.6765 2.4951 1.0155 3.9422 1.0155 1.4541.0 2.7688-.339 3.9423-1.0155 1.181-.6845 2.1062-1.6202 2.7757-2.8081.6695-1.1949 1.0045-2.5275 1.0045-3.9967.0-1.4691-.335-2.7977-1.0045-3.9856-.6695-1.1949-1.5947-2.1317-2.7757-2.8082C42.8939 17.3414 41.5723 17 40.1251 17c-1.4471.0-2.7612.3414-3.9422 1.0259-1.1735.6765-2.0988 1.6133-2.7758 2.8082-.6695 1.1879-1.0045 2.5165-1.0045 3.9856.0 1.4692.335 2.8018 1.0045 3.9967.6765 1.1879 1.6023 2.1236 2.7758 2.8081zm6.3621-2.2463c-.7129.4468-1.516.6695-2.4089.6695-.8928.0-1.6994-.2227-2.4193-.6695-.7128-.4536-1.2747-1.0756-1.685-1.8684-.4033-.7991-.6046-1.696-.6046-2.6895.0-.9935.2013-1.8858.6046-2.6785.4103-.7991.9722-1.4217 1.685-1.8684.7199-.4537 1.5265-.6805 2.4193-.6805.8929.0 1.696.2268 2.4089.6805.7129.4467 1.2707 1.0693 1.674 1.8684.4033.7921.6047 1.685.6047 2.6785s-.2014 1.8904-.6047 2.6895c-.4033.7922-.9611 1.4148-1.674 1.8684z" clip-rule="evenodd"/><path fill="#fff" d="M16.9941 44h16v3h-16v-3z"/></svg></a></div></div></div></section></div></div><div class="f7 gray mb5 mb0-ns ph3 w-100"> The Hugo logos are copyright © Steve Francia 2013–2024.The Hugo Gopher is based on an original work by Renée French.</div><img src=/images/gopher-side_color.svg alt class="absolute-l bottom-0 dn db-l h4 right-0 z-999"><div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 pt3 w-100 z-2"><div class="globalmenu mobilemenu pb3 dn"><ul class="list hidden dib ph0 scrolling-touch tc"><li class="tl dib ma0 hover-bg-black w-100"><a href=https://gohugo.io/news/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">News</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://gohugo.io/documentation/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Docs</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://themes.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Themes</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://discourse.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Community</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://github.com/gohugoio/hugo class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">GitHub</a></li></ul></div><div class="docsmenu mobilemenu pb3 dn"><nav role=navigation class="pt2 pl2 pl4-l"><h3 class=white>Tags</h3><ul class="list pa0 nl2"><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/ class="dib w-100 link primary-color hover-accent-color-light pl2 pl3-l pr2 pv2">All</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/responsive/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Responsive (182)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/blog/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Blog (178)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/minimal/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Minimal (129)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/light/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Light (92)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/dark/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Dark (87)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/personal/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Personal (84)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/multilingual/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Multilingual (49)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/dark%20mode/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Dark mode (35)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/portfolio/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Portfolio (34)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/landing/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Landing (32)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/bootstrap/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Bootstrap (30)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/docs/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Docs (27)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/company/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Company (23)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/gallery/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Gallery (18)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/contact/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Contact (9)</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/archive/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Archive (7)</a></li></ul></nav></div><div class="flex dn-l"><button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.globalmenu>Menu</button> <button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.docsmenu>Tags</button></div></div></footer></body></html>