diff --git a/about/index.html b/about/index.html
index 5469a2e..8822ceb 100644
--- a/about/index.html
+++ b/about/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| About</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| About</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/about/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">About</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/about/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">About</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>About</h1><time class="text-sm italic tabular-nums text-muted">0001/01/01&nbsp;</time>
 <nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div id=toc></div><div class=content><p>Something about yourself.</p></div><div class=mt-16></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
diff --git a/categories/index.html b/categories/index.html
index 2165284..38189b9 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -1,5 +1,5 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
-      A minimal Hugo theme with Tailwind CSS"><title>Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+      A minimal Hugo theme with Tailwind CSS"><title>Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/categories/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Categories</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/categories/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Categories</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css b/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css
similarity index 68%
rename from css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css
rename to css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css
index dde742b..edf7fdb 100644
--- a/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css
+++ b/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css
@@ -1 +1 @@
-*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--overlay)}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.bottom-0{bottom:0}.top-\[-1000px\]{top:-1000px}.top-0{top:0}.z-\[calc\(var\(--layer\)\+1\)\]{z-index:calc(var(--layer) + 1)}.z-\[var\(--layer\)\]{z-index:var(--layer)}.col-span-2{grid-column:span 2/span 2}.my-4{margin-top:1rem;margin-bottom:1rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-16{margin-top:4rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-footer-height{height:var(--footer-height)}.h-\[calc\(1000px\+var\(--page-top\)\)\]{height:calc(1000px + var(--page-top))}.h-header-height{height:var(--header-height)}.min-h-content{min-height:var(--content-height)}.w-full{width:100%}.max-w-content{max-width:var(--content-width)}.flex-grow{flex-grow:1}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-3{gap:.75rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-iris{border-color:var(--iris)}.border-foam{border-color:var(--foam)}.border-gold{border-color:var(--gold)}.border-love{border-color:var(--love)}.bg-base{background-color:var(--base)}.p-4{padding:1rem}.px-page-gutter{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.py-page-top{padding-top:var(--page-top);padding-bottom:var(--page-top)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-md{font-size:15px}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.text-muted{color:var(--muted)}.text-text{color:var(--text)}:root{--font-sans:"Inconsolata";--font-mono:"Inconsolata";--page-top:64px;--page-gutter:24px;--header-height:48px;--footer-height:48px;--sidebar-top:72px;--content-width:40rem;--content-height:calc(100vh - (var(--page-top) * 2) - var(--footer-height))}@media(min-width:1080px){:root{--page-top:128px;--sidebar-top:144px;--page-gutter:48px}}html{scroll-behavior:smooth;font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--base);font-size:15px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *::-moz-selection{background-color:var(--subtle);color:var(--surface)}body *::selection{background-color:var(--subtle);color:var(--surface)}body::-moz-selection{background-color:var(--subtle);color:var(--surface)}body::selection{background-color:var(--subtle);color:var(--surface)}h1,h2,h3,h4,h5,h6{font-size:1.25rem;line-height:1.75rem;font-weight:700;padding-top:1rem;padding-bottom:.5rem}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.25rem;line-height:1.75rem}h6{font-weight:400}[id]{scroll-margin-top:var(--header-height)}p{padding-top:.5rem;padding-bottom:.5rem;line-height:1.625}strong{font-weight:600}ul>:not([hidden])~:not([hidden]),ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}ul,ol{line-height:1.625}nav ul>:not([hidden])~:not([hidden]),nav ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}article>*,section>*{margin-top:1.25rem}article h2,article h3,article h4,article h5,article h6,section h2,section h3,section h4,section h5,section h6{margin-top:2.5rem}code{border-radius:.5rem;background-color:var(--muted);padding:.25rem;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:.875rem;line-height:1.25rem;color:var(--base);--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}code>pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}pre{margin-top:1.25rem;margin-bottom:1.25rem;overflow:auto;border-radius:.5rem;padding:1rem;--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}pre>code{border-radius:0;background-color:transparent;padding:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}@media screen and (min-width:1080px){#toc{position:fixed;top:0;left:0;z-index:40;width:25%;padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-top:var(--sidebar-top);padding-bottom:var(--sidebar-top)}}#toc-list ol{margin:.25rem;border-left-width:2px;padding-left:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--muted);counter-reset:tocitem}#toc-list>#TableOfContents>ol{border-width:0}#toc-list a{display:inline-block;width:100%;border-radius:.25rem;padding-left:.75rem;padding-right:.75rem;line-height:1.625;transition-property:none}#toc-list ol>li{margin-top:.25rem;margin-bottom:.25rem;display:block;counter-increment:tocitem}#toc-list li>a::before{margin-right:.5rem;margin-left:-.75rem;font-weight:600;content:counters(tocitem,".")}#toc-list li>a:hover{color:var(--text)}#toc-list li>a>code{font-size:.75rem;line-height:1rem}figure img{margin-left:auto;margin-right:auto;display:block;border-radius:.5rem;--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}figure figcaption{padding-left:1.25rem;padding-right:1.25rem;padding-top:.75rem;padding-bottom:.75rem;text-align:center;font-style:italic;color:var(--muted)}#tag{padding:.25rem;font-style:italic;color:var(--muted);text-decoration-line:underline}#tag:before,#tag:after{display:inline-block;color:var(--muted);text-decoration-line:none}#tag:before{content:"[#"}#tag:after{content:"]"}.content a{padding:.25rem;font-weight:500;font-style:italic}.content a::before{content:"{";display:inline-block;padding-right:.25rem;color:var(--muted);text-decoration-line:none}.content a::after{content:" }";display:inline-block;padding-left:.25rem;color:var(--muted);text-decoration-line:none}.content a:hover{text-decoration-line:none}.content ul{margin-left:1.5rem;list-style-type:disc}.content ol{margin-left:1.5rem;list-style-type:decimal}.content table{margin-top:1rem;margin-bottom:1rem;display:block;min-width:100%}.content table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.content table{overflow:auto;font-size:.875rem;line-height:1.25rem}[dir=ltr] .content table thead{text-align:left}[dir=rtl] .content table thead{text-align:right}.content table tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.content tr th{font-weight:500}.content tr th,.content tr td{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem}.content img{margin-top:1rem;margin-bottom:1rem}.before\:absolute::before{content:var(--tw-content);position:absolute}.before\:inset-0::before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:z-\[-1\]::before{content:var(--tw-content);z-index:-1}.before\:bg-base::before{content:var(--tw-content);background-color:var(--base)}.after\:mx-0\.5::after{content:var(--tw-content);margin-left:.125rem;margin-right:.125rem}.after\:mx-0::after{content:var(--tw-content);margin-left:0;margin-right:0}.hover\:underline:hover{text-decoration-line:underline}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media(min-width:640px){.sm\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}}@media(min-width:768px){.md\:block{display:block}.after\:md\:mx-2::after{content:var(--tw-content);margin-left:.5rem;margin-right:.5rem}}@supports((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:before\:bg-base::before{content:var(--tw-content);background-color:var(--base)}.\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:before\:backdrop-blur-md::before{content:var(--tw-content);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}}
\ No newline at end of file
+*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--overlay)}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.bottom-0{bottom:0}.top-\[-1000px\]{top:-1000px}.top-0{top:0}.z-\[calc\(var\(--layer\)\+1\)\]{z-index:calc(var(--layer) + 1)}.z-\[var\(--layer\)\]{z-index:var(--layer)}.col-span-2{grid-column:span 2/span 2}.my-4{margin-top:1rem;margin-bottom:1rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-16{margin-top:4rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-footer-height{height:var(--footer-height)}.h-\[calc\(1000px\+var\(--page-top\)\)\]{height:calc(1000px + var(--page-top))}.h-header-height{height:var(--header-height)}.min-h-content{min-height:var(--content-height)}.w-full{width:100%}.max-w-content{max-width:var(--content-width)}.flex-grow{flex-grow:1}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-3{gap:.75rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-iris{border-color:var(--iris)}.border-foam{border-color:var(--foam)}.border-gold{border-color:var(--gold)}.border-love{border-color:var(--love)}.bg-base{background-color:var(--base)}.p-4{padding:1rem}.px-page-gutter{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.py-page-top{padding-top:var(--page-top);padding-bottom:var(--page-top)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-md{font-size:15px}.font-bold{font-weight:700}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.text-muted{color:var(--muted)}.text-text{color:var(--text)}:root{--font-sans:"Inconsolata";--font-mono:"Inconsolata";--page-top:64px;--page-gutter:24px;--header-height:48px;--footer-height:48px;--sidebar-top:72px;--content-width:40rem;--content-height:calc(100vh - (var(--page-top) * 2) - var(--footer-height))}@media(min-width:1080px){:root{--page-top:128px;--sidebar-top:144px;--page-gutter:48px}}html{scroll-behavior:smooth;font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--base);font-size:15px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *::-moz-selection{background-color:var(--subtle);color:var(--surface)}body *::selection{background-color:var(--subtle);color:var(--surface)}body::-moz-selection{background-color:var(--subtle);color:var(--surface)}body::selection{background-color:var(--subtle);color:var(--surface)}h1,h2,h3,h4,h5,h6{font-size:1.25rem;line-height:1.75rem;font-weight:700;padding-top:1rem;padding-bottom:.5rem}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.25rem;line-height:1.75rem}h6{font-weight:400}[id]{scroll-margin-top:var(--header-height)}p{padding-top:.5rem;padding-bottom:.5rem;line-height:1.625}strong{font-weight:600}ul>:not([hidden])~:not([hidden]),ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}ul,ol{line-height:1.625}nav ul>:not([hidden])~:not([hidden]),nav ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}article>*,section>*{margin-top:1.25rem}article h2,article h3,article h4,article h5,article h6,section h2,section h3,section h4,section h5,section h6{margin-top:2.5rem}code{border-radius:.5rem;background-color:var(--muted);padding:.25rem;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:.875rem;line-height:1.25rem;color:var(--base);--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}code>pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}pre{margin-top:1.25rem;margin-bottom:1.25rem;overflow:auto;border-radius:.5rem;padding:1rem;--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}pre>code{border-radius:0;background-color:transparent;padding:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}@media screen and (min-width:1080px){#toc{position:fixed;top:var(--sidebar-top);left:var(--page-gutter);z-index:40;width:25%;padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-top:var(--sidebar-top);padding-bottom:var(--sidebar-top)}}#toc summary{font-weight:700}#toc-list ol{margin:.25rem;border-left-width:2px;padding-left:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--muted);counter-reset:tocitem}#toc-list>#TableOfContents>ol{border-width:0}#toc-list a{display:inline-block;width:100%;border-radius:.25rem;padding-left:.75rem;padding-right:.75rem;line-height:1.625;transition-property:none}#toc-list ol>li{margin-top:.25rem;margin-bottom:.25rem;display:block;counter-increment:tocitem}#toc-list li>a::before{margin-right:.5rem;margin-left:-.75rem;font-weight:600;content:counters(tocitem,".")}#toc-list li>a:hover{color:var(--text)}#toc-list li>a>code{font-size:.75rem;line-height:1rem}figure img{margin-left:auto;margin-right:auto;display:block;border-radius:.5rem;--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}figure figcaption{padding-left:1.25rem;padding-right:1.25rem;padding-top:.75rem;padding-bottom:.75rem;text-align:center;font-style:italic;color:var(--muted)}#tag{padding:.25rem;font-style:italic;color:var(--muted);text-decoration-line:underline}#tag:before,#tag:after{display:inline-block;color:var(--muted);text-decoration-line:none}#tag:before{content:"[#"}#tag:after{content:"]"}.content a{padding:.25rem;font-weight:500;font-style:italic}.content a::before{content:"{";display:inline-block;padding-right:.25rem;color:var(--muted);text-decoration-line:none}.content a::after{content:" }";display:inline-block;padding-left:.25rem;color:var(--muted);text-decoration-line:none}.content a:hover{text-decoration-line:none}.content ul{margin-left:1.5rem;list-style-type:disc}.content ol{margin-left:1.5rem;list-style-type:decimal}.content table{margin-top:1rem;margin-bottom:1rem;display:block;min-width:100%}.content table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.content table{overflow:auto;font-size:.875rem;line-height:1.25rem}[dir=ltr] .content table thead{text-align:left}[dir=rtl] .content table thead{text-align:right}.content table tbody>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.content tr th{font-weight:500}.content tr th,.content tr td{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem}.content img{margin-top:1rem;margin-bottom:1rem}.before\:absolute::before{content:var(--tw-content);position:absolute}.before\:inset-0::before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:z-\[-1\]::before{content:var(--tw-content);z-index:-1}.before\:bg-base::before{content:var(--tw-content);background-color:var(--base)}.after\:mx-0\.5::after{content:var(--tw-content);margin-left:.125rem;margin-right:.125rem}.after\:mx-0::after{content:var(--tw-content);margin-left:0;margin-right:0}.hover\:underline:hover{text-decoration-line:underline}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media(min-width:640px){.sm\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}}@media(min-width:768px){.md\:block{display:block}.after\:md\:mx-2::after{content:var(--tw-content);margin-left:.5rem;margin-right:.5rem}}@supports((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:before\:bg-base::before{content:var(--tw-content);background-color:var(--base)}.\[\@supports\(backdrop-filter\:blur\(0\)\)\]\:before\:backdrop-blur-md::before{content:var(--tw-content);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}}
\ No newline at end of file
diff --git a/index.html b/index.html
index 388fd34..3679aa2 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta name=generator content="Hugo 0.115.4"><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Welcome to Hugo Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Welcome to Hugo Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><center><h1>Welcome to Hugo toigian</h1></center></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/posts/creating-a-new-theme/index.html b/posts/creating-a-new-theme/index.html
index 0f5cf35..6aee7b2 100644
--- a/posts/creating-a-new-theme/index.html
+++ b/posts/creating-a-new-theme/index.html
@@ -1,9 +1,9 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Creating a New Theme</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Creating a New Theme</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/creating-a-new-theme/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Creating a New Theme</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/creating-a-new-theme/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Creating a New Theme</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Creating a New Theme</h1><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time>
-<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#introduction>Introduction</a></li><li><a href=#some-definitions>Some Definitions</a><ol><li><a href=#skins>Skins</a></li><li><a href=#the-home-page>The Home Page</a></li><li><a href=#site-configuration-file>Site Configuration File</a></li><li><a href=#content>Content</a><ol><li><a href=#front-matter>Front Matter</a></li><li><a href=#markdown>Markdown</a></li></ol></li><li><a href=#template-files>Template Files</a><ol><li><a href=#single-template>Single Template</a></li><li><a href=#list-template>List Template</a></li><li><a href=#partial-template>Partial Template</a></li></ol></li></ol></li><li><a href=#create-a-new-site>Create a New Site</a><ol><li><a href=#generate-the-html-for-the-new-site>Generate the HTML For the New Site</a></li><li><a href=#test-the-new-site>Test the New Site</a></li></ol></li><li><a href=#create-a-new-theme>Create a New Theme</a><ol><li><a href=#create-a-skeleton>Create a Skeleton</a></li><li><a href=#update-the-configuration-file-to-use-the-theme>Update the Configuration File to Use the Theme</a></li><li><a href=#generate-the-site>Generate the Site</a><ol><li><a href=#the-home-page-1>The Home Page</a></li><li><a href=#the-magic-of-static>The Magic of Static</a></li></ol></li></ol></li><li><a href=#the-theme-development-cycle>The Theme Development Cycle</a><ol><li><a href=#purge-the-public-directory>Purge the public/ Directory</a></li><li><a href=#hugos-watch-option>Hugo&rsquo;s Watch Option</a></li><li><a href=#live-reload>Live Reload</a></li><li><a href=#development-commands>Development Commands</a></li></ol></li><li><a href=#update-the-home-page-template>Update the Home Page Template</a><ol><li><a href=#make-a-static-home-page>Make a Static Home Page</a><ol><li><a href=#live-reload-1>Live Reload</a></li></ol></li><li><a href=#build-a-dynamic-home-page>Build a &ldquo;Dynamic&rdquo; Home Page</a><ol><li><a href=#create-new-posts>Create New Posts</a></li></ol></li><li><a href=#list-and-single-templates>List and Single Templates</a></li><li><a href=#add-content-to-the-homepage>Add Content to the Homepage</a></li><li><a href=#add-content-to-the-posts>Add Content to the Posts</a><ol><li><a href=#update-the-template-file>Update the Template File</a></li></ol></li><li><a href=#linking-to-content>Linking to Content</a></li><li><a href=#create-a-post-listing>Create a Post Listing</a></li></ol></li><li><a href=#creating-top-level-pages>Creating Top Level Pages</a></li><li><a href=#sharing-templates>Sharing Templates</a><ol><li><a href=#create-the-header-and-footer-partials>Create the Header and Footer Partials</a></li><li><a href=#update-the-home-page-template-to-use-the-partials>Update the Home Page Template to Use the Partials</a></li><li><a href=#update-the-default-single-template-to-use-the-partials>Update the Default Single Template to Use the Partials</a></li></ol></li><li><a href=#add-date-published-to-posts>Add “Date Published” to Posts</a><ol><li><a href=#add-date-published-to-the-template>Add “Date Published” to the Template</a></li><li><a href=#dont-repeat-yourself>Don&rsquo;t Repeat Yourself</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=introduction>Introduction</h2><p>This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.</p><p>We&rsquo;ll start with creating a new site with a very basic template. Then we&rsquo;ll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.</p><p>In this tutorial, commands that you enter will start with the &ldquo;$&rdquo; prompt. The output will follow. Lines that start with &ldquo;#&rdquo; are comments that I&rsquo;ve added to explain a point. When I show updates to a file, the &ldquo;:wq&rdquo; on the last line means to save the file.</p><p>Here&rsquo;s an example:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>## this is a comment
+<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#introduction>Introduction</a></li><li><a href=#some-definitions>Some Definitions</a><ol><li><a href=#skins>Skins</a></li><li><a href=#the-home-page>The Home Page</a></li><li><a href=#site-configuration-file>Site Configuration File</a></li><li><a href=#content>Content</a><ol><li><a href=#front-matter>Front Matter</a></li><li><a href=#markdown>Markdown</a></li></ol></li><li><a href=#template-files>Template Files</a><ol><li><a href=#single-template>Single Template</a></li><li><a href=#list-template>List Template</a></li><li><a href=#partial-template>Partial Template</a></li></ol></li></ol></li><li><a href=#create-a-new-site>Create a New Site</a><ol><li><a href=#generate-the-html-for-the-new-site>Generate the HTML For the New Site</a></li><li><a href=#test-the-new-site>Test the New Site</a></li></ol></li><li><a href=#create-a-new-theme>Create a New Theme</a><ol><li><a href=#create-a-skeleton>Create a Skeleton</a></li><li><a href=#update-the-configuration-file-to-use-the-theme>Update the Configuration File to Use the Theme</a></li><li><a href=#generate-the-site>Generate the Site</a><ol><li><a href=#the-home-page-1>The Home Page</a></li><li><a href=#the-magic-of-static>The Magic of Static</a></li></ol></li></ol></li><li><a href=#the-theme-development-cycle>The Theme Development Cycle</a><ol><li><a href=#purge-the-public-directory>Purge the public/ Directory</a></li><li><a href=#hugos-watch-option>Hugo&rsquo;s Watch Option</a></li><li><a href=#live-reload>Live Reload</a></li><li><a href=#development-commands>Development Commands</a></li></ol></li><li><a href=#update-the-home-page-template>Update the Home Page Template</a><ol><li><a href=#make-a-static-home-page>Make a Static Home Page</a><ol><li><a href=#live-reload-1>Live Reload</a></li></ol></li><li><a href=#build-a-dynamic-home-page>Build a &ldquo;Dynamic&rdquo; Home Page</a><ol><li><a href=#create-new-posts>Create New Posts</a></li></ol></li><li><a href=#list-and-single-templates>List and Single Templates</a></li><li><a href=#add-content-to-the-homepage>Add Content to the Homepage</a></li><li><a href=#add-content-to-the-posts>Add Content to the Posts</a><ol><li><a href=#update-the-template-file>Update the Template File</a></li></ol></li><li><a href=#linking-to-content>Linking to Content</a></li><li><a href=#create-a-post-listing>Create a Post Listing</a></li></ol></li><li><a href=#creating-top-level-pages>Creating Top Level Pages</a></li><li><a href=#sharing-templates>Sharing Templates</a><ol><li><a href=#create-the-header-and-footer-partials>Create the Header and Footer Partials</a></li><li><a href=#update-the-home-page-template-to-use-the-partials>Update the Home Page Template to Use the Partials</a></li><li><a href=#update-the-default-single-template-to-use-the-partials>Update the Default Single Template to Use the Partials</a></li></ol></li><li><a href=#add-date-published-to-posts>Add “Date Published” to Posts</a><ol><li><a href=#add-date-published-to-the-template>Add “Date Published” to the Template</a></li><li><a href=#dont-repeat-yourself>Don&rsquo;t Repeat Yourself</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=introduction>Introduction</h2><p>This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.</p><p>We&rsquo;ll start with creating a new site with a very basic template. Then we&rsquo;ll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.</p><p>In this tutorial, commands that you enter will start with the &ldquo;$&rdquo; prompt. The output will follow. Lines that start with &ldquo;#&rdquo; are comments that I&rsquo;ve added to explain a point. When I show updates to a file, the &ldquo;:wq&rdquo; on the last line means to save the file.</p><p>Here&rsquo;s an example:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>## this is a comment
 </span></span><span class=line><span class=cl>$ echo this is a command
 </span></span><span class=line><span class=cl>this is a command
 </span></span><span class=line><span class=cl>
diff --git a/posts/diagrams/index.html b/posts/diagrams/index.html
index 3e086e8..a643c23 100644
--- a/posts/diagrams/index.html
+++ b/posts/diagrams/index.html
@@ -1,11 +1,11 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Hugo Diagrams</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Hugo Diagrams</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/diagrams/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Hugo Diagrams</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/diagrams/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Hugo Diagrams</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Hugo Diagrams</h1><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time>
 <nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a>
 <a href=/hugo-toigian/tags/tech/ id=tag>tech</a>
-<a href=/hugo-toigian/tags/diagrams/ id=tag>diagrams</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#goat-diagrams-ascii>GoAT Diagrams (Ascii)</a></li><li><a href=#goat-diagrams-examples>GoAT Diagrams Examples</a><ol><li><a href=#graphics>Graphics</a></li><li><a href=#complex>Complex</a></li><li><a href=#process>Process</a></li><li><a href=#file-tree>File tree</a></li><li><a href=#sequence-diagram>Sequence Diagram</a></li><li><a href=#flowchart>Flowchart</a></li><li><a href=#table>Table</a></li></ol></li></ol></nav></div></details></div><div class=content><p>Hugo version >= 0.93.0</p><h2 id=goat-diagrams-ascii>GoAT Diagrams (Ascii)</h2><p>Hugo! supports <a href=https://github.com/bep/goat>GoAT</a> natively. This means that this code block:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>```goat
+<a href=/hugo-toigian/tags/diagrams/ id=tag>diagrams</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#goat-diagrams-ascii>GoAT Diagrams (Ascii)</a></li><li><a href=#goat-diagrams-examples>GoAT Diagrams Examples</a><ol><li><a href=#graphics>Graphics</a></li><li><a href=#complex>Complex</a></li><li><a href=#process>Process</a></li><li><a href=#file-tree>File tree</a></li><li><a href=#sequence-diagram>Sequence Diagram</a></li><li><a href=#flowchart>Flowchart</a></li><li><a href=#table>Table</a></li></ol></li></ol></nav></div></details></div><div class=content><p>Hugo version >= 0.93.0</p><h2 id=goat-diagrams-ascii>GoAT Diagrams (Ascii)</h2><p>Hugo! supports <a href=https://github.com/bep/goat>GoAT</a> natively. This means that this code block:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>```goat
 </span></span><span class=line><span class=cl>      .               .                .               .--- 1          .-- 1     / 1
 </span></span><span class=line><span class=cl>     / \              |                |           .---+            .-+         +
 </span></span><span class=line><span class=cl>    /   \         .---+---.         .--+--.        |   &#39;--- 2      |   &#39;-- 2   / \ 2
diff --git a/posts/hugoisforlovers/index.html b/posts/hugoisforlovers/index.html
index da0ce42..6da54ff 100644
--- a/posts/hugoisforlovers/index.html
+++ b/posts/hugoisforlovers/index.html
@@ -1,9 +1,9 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Getting Started with Hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Getting Started with Hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/hugoisforlovers/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Getting Started with Hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/hugoisforlovers/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Getting Started with Hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Getting Started with Hugo</h1><time class="text-sm italic tabular-nums text-muted">2022/10/26&nbsp;</time>
-<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#step-2-build-the-docs>Step 2. Build the Docs</a></li><li><a href=#step-3-change-the-docs-site>Step 3. Change the docs site</a></li><li><a href=#step-4-have-fun>Step 4. Have fun</a></li></ol></nav></div></details></div><div class=content><h1 id=step-1-install-hugo>Step 1. Install Hugo</h1><p>Go to <a href=https://github.com/spf13/hugo/releases>Hugo releases</a> and download the
+<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#step-2-build-the-docs>Step 2. Build the Docs</a></li><li><a href=#step-3-change-the-docs-site>Step 3. Change the docs site</a></li><li><a href=#step-4-have-fun>Step 4. Have fun</a></li></ol></nav></div></details></div><div class=content><h1 id=step-1-install-hugo>Step 1. Install Hugo</h1><p>Go to <a href=https://github.com/spf13/hugo/releases>Hugo releases</a> and download the
 appropriate version for your OS and architecture.</p><p>Save it somewhere specific as we will be using it in the next step.</p><p>More complete instructions are available at <a href=https://gohugo.io/getting-started/installing/>Install Hugo</a></p><h2 id=step-2-build-the-docs>Step 2. Build the Docs</h2><p>Hugo has its own example site which happens to also be the documentation site
 you are reading right now.</p><p>Follow the following steps:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>1. Clone the [Hugo repository](http://github.com/spf13/hugo)
 </span></span><span class=line><span class=cl>2. Go into the repo
diff --git a/posts/index.html b/posts/index.html
index d010bc3..569d8ca 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Posts</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Posts</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Posts</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Posts</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/shortcodes/ class=col-span-2>Hugo Shortcodes</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/introduce-hugo/ class=col-span-2>Introduce Hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/20&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/diagrams/ class=col-span-2>Hugo Diagrams</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class=col-span-2>Welcome to Hugo Toigian</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/hugoisforlovers/ class=col-span-2>Getting Started with Hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/26&nbsp;</time></div></div></div></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2021</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/creating-a-new-theme/ class=col-span-2>Creating a New Theme</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/migrate-from-jekyll/ class=col-span-2>Migrate to Hugo from Jekyll</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/posts/introduce-hugo/index.html b/posts/introduce-hugo/index.html
index 0014b32..5dafb83 100644
--- a/posts/introduce-hugo/index.html
+++ b/posts/introduce-hugo/index.html
@@ -1,10 +1,10 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Introduce Hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Introduce Hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/introduce-hugo/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Introduce Hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/introduce-hugo/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Introduce Hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Introduce Hugo</h1><time class="text-sm italic tabular-nums text-muted">2022/10/20&nbsp;</time>
 <nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a>
-<a href=/hugo-toigian/tags/tech/ id=tag>tech</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#introduction>Introduction</a></li><li><a href=#some-definitions>Some Definitions</a><ol><li><a href=#skins>Skins</a></li><li><a href=#the-home-page>The Home Page</a></li><li><a href=#site-configuration-file>Site Configuration File</a></li><li><a href=#content>Content</a><ol><li><a href=#front-matter>Front Matter</a></li><li><a href=#markdown>Markdown</a></li></ol></li><li><a href=#template-files>Template Files</a><ol><li><a href=#single-template>Single Template</a></li><li><a href=#list-template>List Template</a></li><li><a href=#partial-template>Partial Template</a></li></ol></li></ol></li><li><a href=#create-a-new-site>Create a New Site</a><ol><li><a href=#generate-the-html-for-the-new-site>Generate the HTML For the New Site</a></li><li><a href=#test-the-new-site>Test the New Site</a></li></ol></li><li><a href=#create-a-new-theme>Create a New Theme</a><ol><li><a href=#create-a-skeleton>Create a Skeleton</a></li><li><a href=#update-the-configuration-file-to-use-the-theme>Update the Configuration File to Use the Theme</a></li><li><a href=#generate-the-site>Generate the Site</a><ol><li><a href=#the-home-page-1>The Home Page</a></li><li><a href=#the-magic-of-static>The Magic of Static</a></li></ol></li></ol></li><li><a href=#the-theme-development-cycle>The Theme Development Cycle</a><ol><li><a href=#purge-the-public-directory>Purge the public/ Directory</a></li><li><a href=#hugos-watch-option>Hugo&rsquo;s Watch Option</a></li><li><a href=#live-reload>Live Reload</a></li><li><a href=#development-commands>Development Commands</a></li></ol></li><li><a href=#update-the-home-page-template>Update the Home Page Template</a><ol><li><a href=#make-a-static-home-page>Make a Static Home Page</a><ol><li><a href=#live-reload-1>Live Reload</a></li></ol></li><li><a href=#build-a-dynamic-home-page>Build a &ldquo;Dynamic&rdquo; Home Page</a><ol><li><a href=#create-new-posts>Create New Posts</a></li></ol></li><li><a href=#list-and-single-templates>List and Single Templates</a></li><li><a href=#add-content-to-the-homepage>Add Content to the Homepage</a></li><li><a href=#add-content-to-the-posts>Add Content to the Posts</a><ol><li><a href=#update-the-template-file>Update the Template File</a></li></ol></li><li><a href=#linking-to-content>Linking to Content</a></li><li><a href=#create-a-post-listing>Create a Post Listing</a></li></ol></li><li><a href=#creating-top-level-pages>Creating Top Level Pages</a></li><li><a href=#sharing-templates>Sharing Templates</a><ol><li><a href=#create-the-header-and-footer-partials>Create the Header and Footer Partials</a></li><li><a href=#update-the-home-page-template-to-use-the-partials>Update the Home Page Template to Use the Partials</a></li><li><a href=#update-the-default-single-template-to-use-the-partials>Update the Default Single Template to Use the Partials</a></li></ol></li><li><a href=#add-date-published-to-posts>Add “Date Published” to Posts</a><ol><li><a href=#add-date-published-to-the-template>Add “Date Published” to the Template</a></li><li><a href=#dont-repeat-yourself>Don&rsquo;t Repeat Yourself</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=introduction>Introduction</h2><p>This tutorial will show you how to create a simple theme in <a href=https://github.com/gohugoio/hugo>Hugo</a>. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.</p><p>We&rsquo;ll start with creating a new site with a very basic template. Then we&rsquo;ll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.</p><p>In this tutorial, commands that you enter will start with the &ldquo;$&rdquo; prompt. The output will follow. Lines that start with &ldquo;#&rdquo; are comments that I&rsquo;ve added to explain a point. When I show updates to a file, the &ldquo;:wq&rdquo; on the last line means to save the file.</p><p>Here&rsquo;s an example:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>## this is a comment
+<a href=/hugo-toigian/tags/tech/ id=tag>tech</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#introduction>Introduction</a></li><li><a href=#some-definitions>Some Definitions</a><ol><li><a href=#skins>Skins</a></li><li><a href=#the-home-page>The Home Page</a></li><li><a href=#site-configuration-file>Site Configuration File</a></li><li><a href=#content>Content</a><ol><li><a href=#front-matter>Front Matter</a></li><li><a href=#markdown>Markdown</a></li></ol></li><li><a href=#template-files>Template Files</a><ol><li><a href=#single-template>Single Template</a></li><li><a href=#list-template>List Template</a></li><li><a href=#partial-template>Partial Template</a></li></ol></li></ol></li><li><a href=#create-a-new-site>Create a New Site</a><ol><li><a href=#generate-the-html-for-the-new-site>Generate the HTML For the New Site</a></li><li><a href=#test-the-new-site>Test the New Site</a></li></ol></li><li><a href=#create-a-new-theme>Create a New Theme</a><ol><li><a href=#create-a-skeleton>Create a Skeleton</a></li><li><a href=#update-the-configuration-file-to-use-the-theme>Update the Configuration File to Use the Theme</a></li><li><a href=#generate-the-site>Generate the Site</a><ol><li><a href=#the-home-page-1>The Home Page</a></li><li><a href=#the-magic-of-static>The Magic of Static</a></li></ol></li></ol></li><li><a href=#the-theme-development-cycle>The Theme Development Cycle</a><ol><li><a href=#purge-the-public-directory>Purge the public/ Directory</a></li><li><a href=#hugos-watch-option>Hugo&rsquo;s Watch Option</a></li><li><a href=#live-reload>Live Reload</a></li><li><a href=#development-commands>Development Commands</a></li></ol></li><li><a href=#update-the-home-page-template>Update the Home Page Template</a><ol><li><a href=#make-a-static-home-page>Make a Static Home Page</a><ol><li><a href=#live-reload-1>Live Reload</a></li></ol></li><li><a href=#build-a-dynamic-home-page>Build a &ldquo;Dynamic&rdquo; Home Page</a><ol><li><a href=#create-new-posts>Create New Posts</a></li></ol></li><li><a href=#list-and-single-templates>List and Single Templates</a></li><li><a href=#add-content-to-the-homepage>Add Content to the Homepage</a></li><li><a href=#add-content-to-the-posts>Add Content to the Posts</a><ol><li><a href=#update-the-template-file>Update the Template File</a></li></ol></li><li><a href=#linking-to-content>Linking to Content</a></li><li><a href=#create-a-post-listing>Create a Post Listing</a></li></ol></li><li><a href=#creating-top-level-pages>Creating Top Level Pages</a></li><li><a href=#sharing-templates>Sharing Templates</a><ol><li><a href=#create-the-header-and-footer-partials>Create the Header and Footer Partials</a></li><li><a href=#update-the-home-page-template-to-use-the-partials>Update the Home Page Template to Use the Partials</a></li><li><a href=#update-the-default-single-template-to-use-the-partials>Update the Default Single Template to Use the Partials</a></li></ol></li><li><a href=#add-date-published-to-posts>Add “Date Published” to Posts</a><ol><li><a href=#add-date-published-to-the-template>Add “Date Published” to the Template</a></li><li><a href=#dont-repeat-yourself>Don&rsquo;t Repeat Yourself</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=introduction>Introduction</h2><p>This tutorial will show you how to create a simple theme in <a href=https://github.com/gohugoio/hugo>Hugo</a>. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&rsquo;t cover using CSS to style your theme.</p><p>We&rsquo;ll start with creating a new site with a very basic template. Then we&rsquo;ll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.</p><p>In this tutorial, commands that you enter will start with the &ldquo;$&rdquo; prompt. The output will follow. Lines that start with &ldquo;#&rdquo; are comments that I&rsquo;ve added to explain a point. When I show updates to a file, the &ldquo;:wq&rdquo; on the last line means to save the file.</p><p>Here&rsquo;s an example:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-fallback data-lang=fallback><span class=line><span class=cl>## this is a comment
 </span></span><span class=line><span class=cl>$ echo this is a command
 </span></span><span class=line><span class=cl>this is a command
 </span></span><span class=line><span class=cl>
diff --git a/posts/migrate-from-jekyll/index.html b/posts/migrate-from-jekyll/index.html
index 1489f74..b9ff31d 100644
--- a/posts/migrate-from-jekyll/index.html
+++ b/posts/migrate-from-jekyll/index.html
@@ -1,9 +1,9 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Migrate to Hugo from Jekyll</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Migrate to Hugo from Jekyll</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/migrate-from-jekyll/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Migrate to Hugo from Jekyll</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/migrate-from-jekyll/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Migrate to Hugo from Jekyll</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Migrate to Hugo from Jekyll</h1><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time>
-<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#move-static-content-to-static>Move static content to <code>static</code></a></li><li><a href=#create-your-hugo-configuration-file>Create your Hugo configuration file</a></li><li><a href=#set-your-configuration-publish-folder-to-_site>Set your configuration publish folder to <code>_site</code></a></li><li><a href=#convert-jekyll-templates-to-hugo-templates>Convert Jekyll templates to Hugo templates</a></li><li><a href=#convert-jekyll-plugins-to-hugo-shortcodes>Convert Jekyll plugins to Hugo shortcodes</a><ol><li><a href=#implementation>Implementation</a></li><li><a href=#usage>Usage</a></li></ol></li><li><a href=#finishing-touches>Finishing touches</a><ol><li><a href=#fix-content>Fix content</a></li><li><a href=#clean-up>Clean up</a></li></ol></li><li><a href=#a-practical-example-in-a-diff>A practical example in a diff</a></li></ol></nav></div></details></div><div class=content><h2 id=move-static-content-to-static>Move static content to <code>static</code></h2><p>Jekyll has a rule that any directory not starting with <code>_</code> will be copied as-is to the <code>_site</code> output. Hugo keeps all static content under <code>static</code>. You should therefore move it all there.
+<nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#move-static-content-to-static>Move static content to <code>static</code></a></li><li><a href=#create-your-hugo-configuration-file>Create your Hugo configuration file</a></li><li><a href=#set-your-configuration-publish-folder-to-_site>Set your configuration publish folder to <code>_site</code></a></li><li><a href=#convert-jekyll-templates-to-hugo-templates>Convert Jekyll templates to Hugo templates</a></li><li><a href=#convert-jekyll-plugins-to-hugo-shortcodes>Convert Jekyll plugins to Hugo shortcodes</a><ol><li><a href=#implementation>Implementation</a></li><li><a href=#usage>Usage</a></li></ol></li><li><a href=#finishing-touches>Finishing touches</a><ol><li><a href=#fix-content>Fix content</a></li><li><a href=#clean-up>Clean up</a></li></ol></li><li><a href=#a-practical-example-in-a-diff>A practical example in a diff</a></li></ol></nav></div></details></div><div class=content><h2 id=move-static-content-to-static>Move static content to <code>static</code></h2><p>Jekyll has a rule that any directory not starting with <code>_</code> will be copied as-is to the <code>_site</code> output. Hugo keeps all static content under <code>static</code>. You should therefore move it all there.
 With Jekyll, something that looked like</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-shell data-lang=shell><span class=line><span class=cl>▾ &lt;root&gt;/
 </span></span><span class=line><span class=cl>    ▾ images/
 </span></span><span class=line><span class=cl>        logo.png
diff --git a/posts/shortcodes/index.html b/posts/shortcodes/index.html
index 31bab82..48e30a2 100644
--- a/posts/shortcodes/index.html
+++ b/posts/shortcodes/index.html
@@ -1,11 +1,11 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Hugo Shortcodes</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Hugo Shortcodes</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/shortcodes/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Hugo Shortcodes</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/shortcodes/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Hugo Shortcodes</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Hugo Shortcodes</h1><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time>
 <nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/03/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a>
 <a href=/hugo-toigian/tags/tech/ id=tag>tech</a>
-<a href=/hugo-toigian/tags/shortcode/ id=tag>shortcode</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#details>Details</a><ol><li><a href=#example>Example</a></li></ol></li><li><a href=#quote>Quote</a><ol><li><a href=#example-1>Example</a></li></ol></li><li><a href=#mermaid>Mermaid</a><ol><li><a href=#example-2>Example</a></li></ol></li><li><a href=#remote-github>Remote Github</a><ol><li><a href=#example-3>Example</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=details>Details</h2><p>Details shortcode is a helper for <code>details</code> html5 element. It is going to replace <code>expand</code> shortcode.</p><h3 id=example>Example</h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-tpl data-lang=tpl><span class=line><span class=cl><span class=cp>{{</span><span class=o>&lt;</span> <span class=na>details</span> <span class=s2>&#34;Title&#34;</span> <span class=o>[</span><span class=na>open</span><span class=o>]</span> <span class=o>&gt;</span><span class=cp>}}</span><span class=x>
+<a href=/hugo-toigian/tags/shortcode/ id=tag>shortcode</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#details>Details</a><ol><li><a href=#example>Example</a></li></ol></li><li><a href=#quote>Quote</a><ol><li><a href=#example-1>Example</a></li></ol></li><li><a href=#mermaid>Mermaid</a><ol><li><a href=#example-2>Example</a></li></ol></li><li><a href=#remote-github>Remote Github</a><ol><li><a href=#example-3>Example</a></li></ol></li></ol></nav></div></details></div><div class=content><h2 id=details>Details</h2><p>Details shortcode is a helper for <code>details</code> html5 element. It is going to replace <code>expand</code> shortcode.</p><h3 id=example>Example</h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-tpl data-lang=tpl><span class=line><span class=cl><span class=cp>{{</span><span class=o>&lt;</span> <span class=na>details</span> <span class=s2>&#34;Title&#34;</span> <span class=o>[</span><span class=na>open</span><span class=o>]</span> <span class=o>&gt;</span><span class=cp>}}</span><span class=x>
 </span></span></span><span class=line><span class=cl><span class=x>## Markdown content
 </span></span></span><span class=line><span class=cl><span class=x>Lorem markdownum insigne...
 </span></span></span><span class=line><span class=cl><span class=x></span><span class=cp>{{</span><span class=o>&lt;</span> <span class=o>/</span><span class=na>details</span> <span class=o>&gt;</span><span class=cp>}}</span><span class=x>
diff --git a/posts/welcome-to-hugo-toigian/index.html b/posts/welcome-to-hugo-toigian/index.html
index bba84e9..62351f7 100644
--- a/posts/welcome-to-hugo-toigian/index.html
+++ b/posts/welcome-to-hugo-toigian/index.html
@@ -1,11 +1,11 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| Welcome to Hugo Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| Welcome to Hugo Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Welcome to Hugo Toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Posts</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Welcome to Hugo Toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><h1>Welcome to Hugo Toigian</h1><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time>
 <nobr class="text-sm text-muted">&#8674&nbsp;</nobr><time class="text-sm italic tabular-nums text-muted">2023/02/20&nbsp;</time><div class=section><a href=/hugo-toigian/tags/hugo/ id=tag>hugo</a>
 <a href=/hugo-toigian/tags/tech/ id=tag>tech</a>
-<a href=/hugo-toigian/tags/toigian/ id=tag>toigian</a></div><div id=toc><details><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#0-showcase>0. Showcase</a></li><li><a href=#1-features>1. Features</a></li><li><a href=#2-prerequisites>2. Prerequisites</a></li><li><a href=#3-installation>3. Installation</a></li><li><a href=#3-configuration>3. Configuration</a><ol><li><a href=#31-site-configuration>3.1. Site configuration</a></li><li><a href=#32-page-configuration>3.2. Page configuration</a></li></ol></li><li><a href=#4-shortcodes>4. Shortcodes</a></li><li><a href=#5-customization>5. Customization</a></li><li><a href=#6-contributing>6. Contributing</a></li><li><a href=#7-credits>7. Credits</a></li></ol></nav></div></details></div><div class=content><blockquote class="my-5 p-4 rounded border-solid border-2 border-foam"><p><code>Toigian</code> - <code>Tối giản</code> (vietnamese): Minimalist (english)</p><p><strong>Disclaimer</strong>: I&rsquo;m not a front-end developer, just a guy who like tweaking stuff, so my code may not be pretty/clean. I attempt to learn <a href=https://tailwindcss.com/>Tailwind CSS</a>, and hugo-toigian is the result.</p></blockquote><h2 id=0-showcase>0. Showcase</h2><p>Take a look at <a href=https://ntk148v.github.io/hugo-toigian>demo site</a>.</p><table><thead><tr><th>Dark</th><th>Light</th></tr></thead><tbody><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-home.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-home.png></figure></td></tr><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-list.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-list.png></figure></td></tr><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-post.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-post.png></figure></td></tr></tbody></table><h2 id=1-features>1. Features</h2><ul><li>Minimalist (<code>tối giản</code>) design. Highly inspired by <a href=https://mellow.dev/>mellow.dev</a>.</li><li>Use the classy minimalist <a href=https://github.com/rose-pine/palette>Rosé Pine</a> color palette.</li><li>Customizable.</li><li>Support light/dark mode.</li><li>Useful shortcodes.</li><li>Comments support.</li><li>Syntax highlighting: use server-side solution (Chroma, hugo built-in), I&rsquo;ve added <a href=https://github.com/alecthomas/chroma/pull/689>Rosé Pine styles to Chroma</a>, so everything is the same vibe.</li></ul><h2 id=2-prerequisites>2. Prerequisites</h2><ul><li><code>git</code>, <code>npm</code> installed.</li><li>A minimum Hugo &ldquo;extended&rdquo; version of v0.93.0 and above.</li></ul><div class=highlight><pre tabindex=0 class=chroma><code class=language-shell data-lang=shell><span class=line><span class=cl>snap install hugo --channel<span class=o>=</span>extended
+<a href=/hugo-toigian/tags/toigian/ id=tag>toigian</a></div><div id=toc><details open><summary>Table of contents</summary><div id=toc-list><nav id=TableOfContents><ol><li><a href=#0-showcase>0. Showcase</a></li><li><a href=#1-features>1. Features</a></li><li><a href=#2-prerequisites>2. Prerequisites</a></li><li><a href=#3-installation>3. Installation</a></li><li><a href=#3-configuration>3. Configuration</a><ol><li><a href=#31-site-configuration>3.1. Site configuration</a></li><li><a href=#32-page-configuration>3.2. Page configuration</a></li></ol></li><li><a href=#4-shortcodes>4. Shortcodes</a></li><li><a href=#5-customization>5. Customization</a></li><li><a href=#6-contributing>6. Contributing</a></li><li><a href=#7-credits>7. Credits</a></li></ol></nav></div></details></div><div class=content><blockquote class="my-5 p-4 rounded border-solid border-2 border-foam"><p><code>Toigian</code> - <code>Tối giản</code> (vietnamese): Minimalist (english)</p><p><strong>Disclaimer</strong>: I&rsquo;m not a front-end developer, just a guy who like tweaking stuff, so my code may not be pretty/clean. I attempt to learn <a href=https://tailwindcss.com/>Tailwind CSS</a>, and hugo-toigian is the result.</p></blockquote><h2 id=0-showcase>0. Showcase</h2><p>Take a look at <a href=https://ntk148v.github.io/hugo-toigian>demo site</a>.</p><table><thead><tr><th>Dark</th><th>Light</th></tr></thead><tbody><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-home.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-home.png></figure></td></tr><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-list.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-list.png></figure></td></tr><tr><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/dark-post.png></figure></td><td><figure class=figure><img src=https://raw.githubusercontent.com/ntk148v/hugo-toigian/master/images/light-post.png></figure></td></tr></tbody></table><h2 id=1-features>1. Features</h2><ul><li>Minimalist (<code>tối giản</code>) design. Highly inspired by <a href=https://mellow.dev/>mellow.dev</a>.</li><li>Use the classy minimalist <a href=https://github.com/rose-pine/palette>Rosé Pine</a> color palette.</li><li>Customizable.</li><li>Support light/dark mode.</li><li>Useful shortcodes.</li><li>Comments support.</li><li>Syntax highlighting: use server-side solution (Chroma, hugo built-in), I&rsquo;ve added <a href=https://github.com/alecthomas/chroma/pull/689>Rosé Pine styles to Chroma</a>, so everything is the same vibe.</li></ul><h2 id=2-prerequisites>2. Prerequisites</h2><ul><li><code>git</code>, <code>npm</code> installed.</li><li>A minimum Hugo &ldquo;extended&rdquo; version of v0.93.0 and above.</li></ul><div class=highlight><pre tabindex=0 class=chroma><code class=language-shell data-lang=shell><span class=line><span class=cl>snap install hugo --channel<span class=o>=</span>extended
 </span></span></code></pre></div><h2 id=3-installation>3. Installation</h2><ul><li>Go to root directory of your Hugo website, or create a new site with:</li></ul><div class=highlight><pre tabindex=0 class=chroma><code class=language-shell data-lang=shell><span class=line><span class=cl>hugo new site hugo-example-site
 </span></span><span class=line><span class=cl><span class=nb>cd</span> hugo-example-site
 </span></span><span class=line><span class=cl>git init
diff --git a/tags/diagrams/index.html b/tags/diagrams/index.html
index 287310f..972c277 100644
--- a/tags/diagrams/index.html
+++ b/tags/diagrams/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| diagrams</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| diagrams</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/diagrams/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">diagrams</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/diagrams/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">diagrams</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/diagrams/ class=col-span-2>Hugo Diagrams</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/tags/hugo/index.html b/tags/hugo/index.html
index dd8af8d..a6ff4a7 100644
--- a/tags/hugo/index.html
+++ b/tags/hugo/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| hugo</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/hugo/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/hugo/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">hugo</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/shortcodes/ class=col-span-2>Hugo Shortcodes</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/introduce-hugo/ class=col-span-2>Introduce Hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/20&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/diagrams/ class=col-span-2>Hugo Diagrams</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class=col-span-2>Welcome to Hugo Toigian</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/hugoisforlovers/ class=col-span-2>Getting Started with Hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/26&nbsp;</time></div></div></div></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2021</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/creating-a-new-theme/ class=col-span-2>Creating a New Theme</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/migrate-from-jekyll/ class=col-span-2>Migrate to Hugo from Jekyll</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2021/10/22&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/tags/index.html b/tags/index.html
index f3bceaf..5b60d7b 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -1,5 +1,5 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
-      A minimal Hugo theme with Tailwind CSS"><title>Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+      A minimal Hugo theme with Tailwind CSS"><title>Toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Tags</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">Tags</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/tags/shortcode/ class=col-span-2>shortcode</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/tags/tech/ class=col-span-2>tech</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/tags/hugo/ class=col-span-2>hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/26&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/tags/diagrams/ class=col-span-2>diagrams</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/tags/toigian/ class=col-span-2>toigian</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/tags/shortcode/index.html b/tags/shortcode/index.html
index 0b5ab38..2ed4361 100644
--- a/tags/shortcode/index.html
+++ b/tags/shortcode/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| shortcode</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| shortcode</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/shortcode/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">shortcode</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/shortcode/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">shortcode</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/shortcodes/ class=col-span-2>Hugo Shortcodes</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/tags/tech/index.html b/tags/tech/index.html
index bc71a1a..18b590f 100644
--- a/tags/tech/index.html
+++ b/tags/tech/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| tech</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| tech</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/tech/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">tech</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/tech/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">tech</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/shortcodes/ class=col-span-2>Hugo Shortcodes</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/21&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/introduce-hugo/ class=col-span-2>Introduce Hugo</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/20&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/diagrams/ class=col-span-2>Hugo Diagrams</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class=col-span-2>Welcome to Hugo Toigian</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
diff --git a/tags/toigian/index.html b/tags/toigian/index.html
index 8c5ae06..9cb56e9 100644
--- a/tags/toigian/index.html
+++ b/tags/toigian/index.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang=en><head><meta charset=utf-8><meta name=description content="Author: Kien Nguyen <kiennt2609@gmail.com>
       A minimal Hugo theme with Tailwind CSS"><title>Toigian
-| toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d19c08912bac3c7dc570d58b70a1ab642b105513ab6e182a201da4a7f8d97bd0.css" integrity="sha256-0ZwIkSusPH3FcNWLcKGrZCsQVROrbhgqIB2kp/jZe9A="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
+| toigian</title><meta name=author content="map[email:kiennt2609@gmail.com name:Kien Nguyen-Tuan]"><meta name=description content><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/hugo-toigian/favicon_io/favicon.ico type=image/x-icon><link rel=icon href=/hugo-toigian/favicon_io/favicon-16x16.png size=16x16 type=image/png><link rel=icon href=/hugo-toigian/favicon_io/favicon-32x32.png size=32x32 type=image/png><link rel=preload type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href=/hugo-toigian/css/rose-pine.min.css integrity></noscript><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=Inconsolata:wght@400;500;700&display=swap" rel="preload stylesheet"><link rel=preload type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY=" as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/toigian.min.d84c88bbaad3b00c4dc683e253fb3ab8efe358cf001f4dafed5c7882b5d81216.css" integrity="sha256-2EyIu6rTsAxNxoPiU/s6uO/jWM8AH02v7Vx4grXYEhY="></noscript><link rel=stylesheet type=text/css href="/hugo-toigian/css/light.min.29febe5c26ca625f7e2913e2509889a65637f415171eb003603102dea7cc42e0.css" integrity="sha256-Kf6+XCbKYl9+KRPiUJiJplY39BUXHrADYDEC3qfMQuA="><link rel=stylesheet type=text/css href="/hugo-toigian/css/dark.min.47fea451289f4f246c4875ba0aa5f6376183f220c766f5e90d15d6e48cb7b937.css" integrity="sha256-R/6kUSifTyRsSHW6CqX2N2GD8iDHZvXpDRXW5Iy3uTc="><script>localStorage.theme==="dark"||!("theme"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")</script><script async defer src=/hugo-toigian/js/main.dfa968b06ebe7fb755eb156f7296445f20bd5ca0c82aa2eb755b1bfac4e2f294676471cf7670590073c364901a0dd5dc4b4c7b83f7a4a3c3b081f085c78fa1de.js integrity="sha512-36losG6+f7dV6xVvcpZEXyC9XKDIKqLrdVsb+sTi8pRnZHHPdnBZAHPDZJAaDdXcS0x7g/eko8OwgfCFx4+h3g=="></script>
 <script src=https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js></script>
 <script>mermaid.initialize({startOnLoad:!0,securityLevel:"loose"})</script></head><body><header style=--layer:10><div aria-hidden=true class="absolute top-[-1000px] left-0 z-[calc(var(--layer)+1)] h-[calc(1000px+var(--page-top))] w-full bg-base"></div><div class="fixed top-0 left-0 z-[var(--layer)] flex h-header-height w-full items-center border-b px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-base [@supports(backdrop-filter:blur(0))]:before:bg-base [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div></div></header><main class="flex justify-center px-page-gutter py-page-top"><div class="min-h-content w-full max-w-content space-y-10 sm:space-y-20"><div class="lowercase italic mx-auto flex w-full max-w-content items-center justify-between"><nav><ol class="flex text-md items-center"><li><a href=/hugo-toigian/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Toigian</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/ class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">Tags</a></li><li class="text-muted focus:underline focus:outline-none after:md:mx-2 after:mx-0.5">/</li><li><a href=/hugo-toigian/tags/toigian/ class="focus:underline focus:outline-none font-bold after:md:mx-2 after:mx-0.5">toigian</a></li></ol></nav><nav><a href=https://ntk148v.github.io/hugo-toigian/index.xml><svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></svg></a></nav></div><article><div class=content></div><div class=content><div class="text-2xl font-bold my-4 border-b border-dashed">2022</div><div class=flex-grow><div class="grid grid-cols-3 gap-4 my-2"><a href=/hugo-toigian/posts/welcome-to-hugo-toigian/ class=col-span-2>Welcome to Hugo Toigian</a><div class="flex justify-end"><time class="text-sm italic tabular-nums text-muted">2022/10/25&nbsp;</time></div></div></div></div></article></div></main><footer class="fixed left-0 bottom-0 w-full bg-base px-page-gutter"><div class="flex justify-center items-center h-footer-height"><div class="flex flex-row w-full max-w-content justify-between lowercase italic gap-3"><nav><ul class="flex text-md space-x-3 sm:space-x-6"><li class=text-text><a href=/hugo-toigian/about class="tracking-wide hover:underline">About</a></li><li class=text-text><a href=/hugo-toigian/posts class="tracking-wide hover:underline">Posts</a></li></ul></nav><span class="text-muted hidden md:block">&copy;
 2023
