diff --git a/404.html b/404.html
index dbf22e1..f45240c 100644
--- a/404.html
+++ b/404.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>404 / Zyrouge</title><meta name="title" property="title" content="404 / Zyrouge"><meta name="og:title" property="og:title" content="404 / Zyrouge"><meta name="description" property="description" content="Page not found."><meta name="og:description" property="og:description" content="Page not found."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css"></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>404 / Zyrouge</title><meta name="title" property="title" content="404 / Zyrouge"><meta name="og:title" property="og:title" content="404 / Zyrouge"><meta name="description" property="description" content="Page not found."><meta name="og:description" property="og:description" content="Page not found."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -7,10 +7,8 @@
 👉 Go home
 </a> </div> </div> </div> </div> </div> </div>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/_astro/_slug_.C09aMweD.css b/_astro/_slug_.C09aMweD.css
new file mode 100644
index 0000000..99b9cc1
--- /dev/null
+++ b/_astro/_slug_.C09aMweD.css
@@ -0,0 +1 @@
+*,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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 / .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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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 / .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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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:Roboto Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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}dialog{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]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-16{right:4rem}.right-32{right:8rem}.right-52{right:13rem}.top-0{top:0}.top-\[25\%\]{top:25%}.top-\[35\%\]{top:35%}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.-z-10{z-index:-10}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-3\/4{height:75%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[40\%\]{max-height:40%}.min-h-\[60vh\]{min-height:60vh}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[1px\]{width:1px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.max-w-\[60\%\]{max-width:60%}.scale-\[0\.99\]{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-around{justify-content:space-around!important}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-stretch{align-self:stretch}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-red-500\/25{border-color:#ef444440}.border-secondary-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.border-secondary-900{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-secondary-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-secondary-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-secondary-950\/50{background-color:#0a0a0a80}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-32{padding-right:8rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Roboto Mono,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-9xl{font-size:8rem;line-height:1}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2rem\]{font-size:2rem}.text-\[4rem\]{font-size:4rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.\!leading-snug{line-height:1.375!important}.text-primary-500{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-secondary-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.opacity-100{opacity:1}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.placeholder\:text-secondary-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.placeholder\:text-secondary-500::placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.first\:border-l-0:first-child{border-left-width:0px}.hover\:border-primary-500:hover{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-secondary-500:hover{--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.hover\:bg-primary-500:hover{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/5:hover{background-color:#ef44440d}.hover\:bg-secondary-950:hover{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(192 38 211 / var(--tw-text-opacity, 1))}.hover\:text-secondary-500:hover{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-primary-500\/50:focus{border-color:#d946ef80}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[active\=\'true\'\]\:block[data-active=true],.group[data-state=loaded] .group-data-\[state\=\'loaded\'\]\:block,.group[data-state=loading] .group-data-\[state\=\'loading\'\]\:block,.group[data-state=waiting] .group-data-\[state\=\'waiting\'\]\:block{display:block}@media (min-width: 640px){.sm\:mb-10{margin-bottom:2.5rem}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:max-w-\[40\%\]{max-width:40%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:\!flex-row{flex-direction:row!important}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:pb-0{padding-bottom:0}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-normal{line-height:1.5}}@media (min-width: 768px){.md\:min-h-screen{min-height:100vh}.md\:w-3\/4{width:75%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:pb-32{padding-bottom:8rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pt-32{padding-top:8rem}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-6{top:1.5rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-start-1{grid-column-start:1}.lg\:row-start-1{grid-row-start:1}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:max-h-\[85vh\]{max-height:85vh}.lg\:w-3\/4{width:75%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:overflow-y-auto{overflow-y:auto}.data-\[active\]\:lg\:border-primary-500[data-active]{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1))}.data-\[active\]\:lg\:bg-primary-500\/10[data-active]{background-color:#d946ef1a}.data-\[active\]\:lg\:text-primary-500[data-active]{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:w-1\/2{width:50%}}
diff --git a/_astro/bsky.DiiDGYnI.css b/_astro/bsky.DiiDGYnI.css
new file mode 100644
index 0000000..2fa8063
--- /dev/null
+++ b/_astro/bsky.DiiDGYnI.css
@@ -0,0 +1 @@
+@charset "UTF-8";*,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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 / .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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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 / .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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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:Roboto Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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}dialog{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]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-16{right:4rem}.right-32{right:8rem}.right-52{right:13rem}.top-0{top:0}.top-\[25\%\]{top:25%}.top-\[35\%\]{top:35%}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.-z-10{z-index:-10}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-3\/4{height:75%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[40\%\]{max-height:40%}.min-h-\[60vh\]{min-height:60vh}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[1px\]{width:1px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-full{width:100%}.max-w-\[60\%\]{max-width:60%}.scale-\[0\.99\]{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-around{justify-content:space-around!important}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-stretch{align-self:stretch}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-red-500\/25{border-color:#ef444440}.border-secondary-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.border-secondary-900{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-secondary-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-secondary-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-secondary-950\/50{background-color:#0a0a0a80}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-32{padding-right:8rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Roboto Mono,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-9xl{font-size:8rem;line-height:1}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2rem\]{font-size:2rem}.text-\[4rem\]{font-size:4rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.\!leading-snug{line-height:1.375!important}.text-primary-500{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-secondary-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.opacity-100{opacity:1}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}::-moz-selection{background-color:#a21caf80}::selection{background-color:#a21caf80}::-webkit-scrollbar{width:.25rem}::-webkit-scrollbar-thumb{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}body{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));font-family:Inter,sans-serif;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}pre,code{font-family:Roboto Mono,monospace}hr{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.c-x{padding-left:2rem;padding-right:2rem}@media (min-width: 640px){.c-x{padding-left:4rem;padding-right:4rem}}@media (min-width: 768px){.c-x{padding-left:8rem;padding-right:8rem}}.c-y{padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width: 768px){.c-y{padding-top:5rem;padding-bottom:5rem}}.c-text{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.c-text:hover{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.c-bg{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.c-bg:hover{--tw-bg-opacity: 1;background-color:rgb(115 115 115 / var(--tw-bg-opacity, 1))}.u-flex{display:flex;flex-direction:row;align-items:center;justify-content:center}.u-container{padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 768px){.u-container{padding-left:7rem;padding-right:7rem}}.u-container-h{padding-top:2rem;padding-bottom:2rem}@media (min-width: 640px){.u-container-h{padding-top:4rem;padding-bottom:4rem}}.u-stylify{overflow-wrap:break-word}.u-stylify h1,.u-stylify h2,.u-stylify h3,.u-stylify h4,.u-stylify h5,.u-stylify h6{margin-top:2rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1));font-weight:400}.u-stylify h1:after,.u-stylify h2:after,.u-stylify h3:after,.u-stylify h4:after,.u-stylify h5:after,.u-stylify h6:after{content:"§";cursor:pointer;padding-left:.75rem;color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.u-stylify h1:hover:after,.u-stylify h2:hover:after,.u-stylify h3:hover:after,.u-stylify h4:hover:after,.u-stylify h5:hover:after,.u-stylify h6:hover:after{--tw-text-opacity: 1;color:rgb(112 26 117 / var(--tw-text-opacity, 1))}.u-stylify h1[data-active]:after,.u-stylify h2[data-active]:after,.u-stylify h3[data-active]:after,.u-stylify h4[data-active]:after,.u-stylify h5[data-active]:after,.u-stylify h6[data-active]:after{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.u-stylify h1{padding-bottom:.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}.u-stylify h2{padding-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700}.u-stylify h3{padding-bottom:.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.u-stylify h4{padding-bottom:.25rem;font-weight:700}.u-stylify h4,.u-stylify h5,.u-stylify h6{padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.u-stylify p{line-height:1.625}.u-stylify a{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.u-stylify a:hover{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.u-stylify pre,.u-stylify code{--tw-bg-opacity: 1 !important;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))!important}.u-stylify pre{margin-bottom:1.5rem;padding:.5rem 1rem}.u-stylify :not(pre)>code{padding-left:.25rem;padding-right:.25rem}.u-stylify table{table-layout:auto;border-collapse:collapse}.u-stylify table th,.u-stylify table td{border-width:1px;padding:.25rem .75rem}.u-stylify table th{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.u-stylify table td{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.u-stylify blockquote{border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1));padding-left:1rem}.u-stylify ol{list-style-position:inside;list-style-type:decimal}.u-stylify ul{list-style-position:inside;list-style-type:disc}.u-stylify li p{display:inline}.u-stylify sub,.u-stylify sup{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.u-stylify h1,.u-stylify h2,.u-stylify h3,.u-stylify h4,.u-stylify h5,.u-stylify h6,.u-stylify p,.u-stylify table,.u-stylify hr,.u-stylify ol,.u-stylify ul,.u-stylify li,.u-stylify blockquote{margin-bottom:1rem}.placeholder\:text-secondary-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.placeholder\:text-secondary-500::placeholder{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.first\:border-l-0:first-child{border-left-width:0px}.hover\:border-primary-500:hover{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-secondary-500:hover{--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.hover\:bg-primary-500:hover{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/5:hover{background-color:#ef44440d}.hover\:bg-secondary-950:hover{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(192 38 211 / var(--tw-text-opacity, 1))}.hover\:text-secondary-500:hover{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-primary-500\/50:focus{border-color:#d946ef80}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[active\=\'true\'\]\:block[data-active=true],.group[data-state=loaded] .group-data-\[state\=\'loaded\'\]\:block,.group[data-state=loading] .group-data-\[state\=\'loading\'\]\:block,.group[data-state=waiting] .group-data-\[state\=\'waiting\'\]\:block{display:block}@media (min-width: 640px){.sm\:mb-10{margin-bottom:2.5rem}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:max-w-\[40\%\]{max-width:40%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:\!flex-row{flex-direction:row!important}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:pb-0{padding-bottom:0}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-normal{line-height:1.5}}@media (min-width: 768px){.md\:min-h-screen{min-height:100vh}.md\:w-3\/4{width:75%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:pb-32{padding-bottom:8rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pt-32{padding-top:8rem}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-6{top:1.5rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-start-1{grid-column-start:1}.lg\:row-start-1{grid-row-start:1}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:max-h-\[85vh\]{max-height:85vh}.lg\:w-3\/4{width:75%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:overflow-y-auto{overflow-y:auto}.data-\[active\]\:lg\:border-primary-500[data-active]{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1))}.data-\[active\]\:lg\:bg-primary-500\/10[data-active]{background-color:#d946ef1a}.data-\[active\]\:lg\:text-primary-500[data-active]{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:w-1\/2{width:50%}}#scroll-to-top-container[data-astro-cid-epbswqsi]{pointer-events:none;position:fixed;bottom:0;width:100%}#scroll-to-top[data-astro-cid-epbswqsi]{margin-bottom:1.5rem;height:2.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));pointer-events:auto;--tw-translate-y: 4rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#scroll-to-top[data-astro-cid-epbswqsi]:hover{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}#scroll-to-top[data-astro-cid-epbswqsi][data-active=true]{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
diff --git a/_astro/index.astro_astro_type_script_index_0_lang.BTbjx8__.js b/_astro/index.astro_astro_type_script_index_0_lang.BTbjx8__.js
new file mode 100644
index 0000000..0131b05
--- /dev/null
+++ b/_astro/index.astro_astro_type_script_index_0_lang.BTbjx8__.js
@@ -0,0 +1 @@
+import{U as lt}from"./utils.BqSgvf8l.js";function S(s){return Array.isArray?Array.isArray(s):et(s)==="[object Array]"}const ut=1/0;function dt(s){if(typeof s=="string")return s;let t=s+"";return t=="0"&&1/s==-ut?"-0":t}function gt(s){return s==null?"":dt(s)}function x(s){return typeof s=="string"}function q(s){return typeof s=="number"}function ft(s){return s===!0||s===!1||pt(s)&&et(s)=="[object Boolean]"}function tt(s){return typeof s=="object"}function pt(s){return tt(s)&&s!==null}function m(s){return s!=null}function F(s){return!s.trim().length}function et(s){return s==null?s===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(s)}const mt="Incorrect 'index' type",It=s=>`Invalid value for key ${s}`,Et=s=>`Pattern length exceeds max of ${s}.`,Mt=s=>`Missing ${s} property in key`,xt=s=>`Property 'weight' in key '${s}' must be a positive integer`,G=Object.prototype.hasOwnProperty;class yt{constructor(t){this._keys=[],this._keyMap={};let e=0;t.forEach(n=>{let i=st(n);this._keys.push(i),this._keyMap[i.id]=i,e+=i.weight}),this._keys.forEach(n=>{n.weight/=e})}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function st(s){let t=null,e=null,n=null,i=1,r=null;if(x(s)||S(s))n=s,t=J(s),e=j(s);else{if(!G.call(s,"name"))throw new Error(Mt("name"));const c=s.name;if(n=c,G.call(s,"weight")&&(i=s.weight,i<=0))throw new Error(xt(c));t=J(c),e=j(c),r=s.getFn}return{path:t,id:e,weight:i,src:n,getFn:r}}function J(s){return S(s)?s:s.split(".")}function j(s){return S(s)?s.join("."):s}function St(s,t){let e=[],n=!1;const i=(r,c,o)=>{if(m(r))if(!c[o])e.push(r);else{let a=c[o];const h=r[a];if(!m(h))return;if(o===c.length-1&&(x(h)||q(h)||ft(h)))e.push(gt(h));else if(S(h)){n=!0;for(let l=0,d=h.length;l<d;l+=1)i(h[l],c,o+1)}else c.length&&i(h,c,o+1)}};return i(s,x(t)?t.split("."):t,0),n?e:e[0]}const At={includeMatches:!1,findAllMatches:!1,minMatchCharLength:1},_t={isCaseSensitive:!1,includeScore:!1,keys:[],shouldSort:!0,sortFn:(s,t)=>s.score===t.score?s.idx<t.idx?-1:1:s.score<t.score?-1:1},bt={location:0,threshold:.6,distance:100},wt={useExtendedSearch:!1,getFn:St,ignoreLocation:!1,ignoreFieldNorm:!1,fieldNormWeight:1};var u={..._t,...At,...bt,...wt};const Lt=/[^ ]+/g;function Rt(s=1,t=3){const e=new Map,n=Math.pow(10,t);return{get(i){const r=i.match(Lt).length;if(e.has(r))return e.get(r);const c=1/Math.pow(r,.5*s),o=parseFloat(Math.round(c*n)/n);return e.set(r,o),o},clear(){e.clear()}}}class H{constructor({getFn:t=u.getFn,fieldNormWeight:e=u.fieldNormWeight}={}){this.norm=Rt(e,3),this.getFn=t,this.isCreated=!1,this.setIndexRecords()}setSources(t=[]){this.docs=t}setIndexRecords(t=[]){this.records=t}setKeys(t=[]){this.keys=t,this._keysMap={},t.forEach((e,n)=>{this._keysMap[e.id]=n})}create(){this.isCreated||!this.docs.length||(this.isCreated=!0,x(this.docs[0])?this.docs.forEach((t,e)=>{this._addString(t,e)}):this.docs.forEach((t,e)=>{this._addObject(t,e)}),this.norm.clear())}add(t){const e=this.size();x(t)?this._addString(t,e):this._addObject(t,e)}removeAt(t){this.records.splice(t,1);for(let e=t,n=this.size();e<n;e+=1)this.records[e].i-=1}getValueForItemAtKeyId(t,e){return t[this._keysMap[e]]}size(){return this.records.length}_addString(t,e){if(!m(t)||F(t))return;let n={v:t,i:e,n:this.norm.get(t)};this.records.push(n)}_addObject(t,e){let n={i:e,$:{}};this.keys.forEach((i,r)=>{let c=i.getFn?i.getFn(t):this.getFn(t,i.path);if(m(c)){if(S(c)){let o=[];const a=[{nestedArrIndex:-1,value:c}];for(;a.length;){const{nestedArrIndex:h,value:l}=a.pop();if(m(l))if(x(l)&&!F(l)){let d={v:l,i:h,n:this.norm.get(l)};o.push(d)}else S(l)&&l.forEach((d,g)=>{a.push({nestedArrIndex:g,value:d})})}n.$[r]=o}else if(x(c)&&!F(c)){let o={v:c,n:this.norm.get(c)};n.$[r]=o}}}),this.records.push(n)}toJSON(){return{keys:this.keys,records:this.records}}}function nt(s,t,{getFn:e=u.getFn,fieldNormWeight:n=u.fieldNormWeight}={}){const i=new H({getFn:e,fieldNormWeight:n});return i.setKeys(s.map(st)),i.setSources(t),i.create(),i}function kt(s,{getFn:t=u.getFn,fieldNormWeight:e=u.fieldNormWeight}={}){const{keys:n,records:i}=s,r=new H({getFn:t,fieldNormWeight:e});return r.setKeys(n),r.setIndexRecords(i),r}function D(s,{errors:t=0,currentLocation:e=0,expectedLocation:n=0,distance:i=u.distance,ignoreLocation:r=u.ignoreLocation}={}){const c=t/s.length;if(r)return c;const o=Math.abs(n-e);return i?c+o/i:o?1:c}function Tt(s=[],t=u.minMatchCharLength){let e=[],n=-1,i=-1,r=0;for(let c=s.length;r<c;r+=1){let o=s[r];o&&n===-1?n=r:!o&&n!==-1&&(i=r-1,i-n+1>=t&&e.push([n,i]),n=-1)}return s[r-1]&&r-n>=t&&e.push([n,r-1]),e}const R=32;function vt(s,t,e,{location:n=u.location,distance:i=u.distance,threshold:r=u.threshold,findAllMatches:c=u.findAllMatches,minMatchCharLength:o=u.minMatchCharLength,includeMatches:a=u.includeMatches,ignoreLocation:h=u.ignoreLocation}={}){if(t.length>R)throw new Error(Et(R));const l=t.length,d=s.length,g=Math.max(0,Math.min(n,d));let f=r,p=g;const I=o>1||a,w=I?Array(d):[];let y;for(;(y=s.indexOf(t,p))>-1;){let E=D(t,{currentLocation:y,expectedLocation:g,distance:i,ignoreLocation:h});if(f=Math.min(E,f),p=y+l,I){let A=0;for(;A<l;)w[y+A]=1,A+=1}}p=-1;let k=[],L=1,$=l+d;const ht=1<<l-1;for(let E=0;E<l;E+=1){let A=0,_=$;for(;A<_;)D(t,{errors:E,currentLocation:g+_,expectedLocation:g,distance:i,ignoreLocation:h})<=f?A=_:$=_,_=Math.floor(($-A)/2+A);$=_;let U=Math.max(1,g-_+1),B=c?d:Math.min(g+_,d)+l,T=Array(B+2);T[B+1]=(1<<E)-1;for(let M=B;M>=U;M-=1){let C=M-1,Y=e[s.charAt(C)];if(I&&(w[C]=+!!Y),T[M]=(T[M+1]<<1|1)&Y,E&&(T[M]|=(k[M+1]|k[M])<<1|1|k[M+1]),T[M]&ht&&(L=D(t,{errors:E,currentLocation:C,expectedLocation:g,distance:i,ignoreLocation:h}),L<=f)){if(f=L,p=C,p<=g)break;U=Math.max(1,2*g-p)}}if(D(t,{errors:E+1,currentLocation:g,expectedLocation:g,distance:i,ignoreLocation:h})>f)break;k=T}const O={isMatch:p>=0,score:Math.max(.001,L)};if(I){const E=Tt(w,o);E.length?a&&(O.indices=E):O.isMatch=!1}return O}function $t(s){let t={};for(let e=0,n=s.length;e<n;e+=1){const i=s.charAt(e);t[i]=(t[i]||0)|1<<n-e-1}return t}class it{constructor(t,{location:e=u.location,threshold:n=u.threshold,distance:i=u.distance,includeMatches:r=u.includeMatches,findAllMatches:c=u.findAllMatches,minMatchCharLength:o=u.minMatchCharLength,isCaseSensitive:a=u.isCaseSensitive,ignoreLocation:h=u.ignoreLocation}={}){if(this.options={location:e,threshold:n,distance:i,includeMatches:r,findAllMatches:c,minMatchCharLength:o,isCaseSensitive:a,ignoreLocation:h},this.pattern=a?t:t.toLowerCase(),this.chunks=[],!this.pattern.length)return;const l=(g,f)=>{this.chunks.push({pattern:g,alphabet:$t(g),startIndex:f})},d=this.pattern.length;if(d>R){let g=0;const f=d%R,p=d-f;for(;g<p;)l(this.pattern.substr(g,R),g),g+=R;if(f){const I=d-R;l(this.pattern.substr(I),I)}}else l(this.pattern,0)}searchIn(t){const{isCaseSensitive:e,includeMatches:n}=this.options;if(e||(t=t.toLowerCase()),this.pattern===t){let p={isMatch:!0,score:0};return n&&(p.indices=[[0,t.length-1]]),p}const{location:i,distance:r,threshold:c,findAllMatches:o,minMatchCharLength:a,ignoreLocation:h}=this.options;let l=[],d=0,g=!1;this.chunks.forEach(({pattern:p,alphabet:I,startIndex:w})=>{const{isMatch:y,score:k,indices:L}=vt(t,p,I,{location:i+w,distance:r,threshold:c,findAllMatches:o,minMatchCharLength:a,includeMatches:n,ignoreLocation:h});y&&(g=!0),d+=k,y&&L&&(l=[...l,...L])});let f={isMatch:g,score:g?d/this.chunks.length:1};return g&&n&&(f.indices=l),f}}class b{constructor(t){this.pattern=t}static isMultiMatch(t){return Q(t,this.multiRegex)}static isSingleMatch(t){return Q(t,this.singleRegex)}search(){}}function Q(s,t){const e=s.match(t);return e?e[1]:null}class Ct extends b{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){const e=t===this.pattern;return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class Dt extends b{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){const n=t.indexOf(this.pattern)===-1;return{isMatch:n,score:n?0:1,indices:[0,t.length-1]}}}class Nt extends b{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){const e=t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class Ot extends b{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){const e=!t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class Bt extends b{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){const e=t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[t.length-this.pattern.length,t.length-1]}}}class Ft extends b{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){const e=!t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class rt extends b{constructor(t,{location:e=u.location,threshold:n=u.threshold,distance:i=u.distance,includeMatches:r=u.includeMatches,findAllMatches:c=u.findAllMatches,minMatchCharLength:o=u.minMatchCharLength,isCaseSensitive:a=u.isCaseSensitive,ignoreLocation:h=u.ignoreLocation}={}){super(t),this._bitapSearch=new it(t,{location:e,threshold:n,distance:i,includeMatches:r,findAllMatches:c,minMatchCharLength:o,isCaseSensitive:a,ignoreLocation:h})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}}class ct extends b{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let e=0,n;const i=[],r=this.pattern.length;for(;(n=t.indexOf(this.pattern,e))>-1;)e=n+r,i.push([n,e-1]);const c=!!i.length;return{isMatch:c,score:c?0:1,indices:i}}}const P=[Ct,ct,Nt,Ot,Ft,Bt,Dt,rt],X=P.length,jt=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,Pt="|";function Kt(s,t={}){return s.split(Pt).map(e=>{let n=e.trim().split(jt).filter(r=>r&&!!r.trim()),i=[];for(let r=0,c=n.length;r<c;r+=1){const o=n[r];let a=!1,h=-1;for(;!a&&++h<X;){const l=P[h];let d=l.isMultiMatch(o);d&&(i.push(new l(d,t)),a=!0)}if(!a)for(h=-1;++h<X;){const l=P[h];let d=l.isSingleMatch(o);if(d){i.push(new l(d,t));break}}}return i})}const Vt=new Set([rt.type,ct.type]);class Wt{constructor(t,{isCaseSensitive:e=u.isCaseSensitive,includeMatches:n=u.includeMatches,minMatchCharLength:i=u.minMatchCharLength,ignoreLocation:r=u.ignoreLocation,findAllMatches:c=u.findAllMatches,location:o=u.location,threshold:a=u.threshold,distance:h=u.distance}={}){this.query=null,this.options={isCaseSensitive:e,includeMatches:n,minMatchCharLength:i,findAllMatches:c,ignoreLocation:r,location:o,threshold:a,distance:h},this.pattern=e?t:t.toLowerCase(),this.query=Kt(this.pattern,this.options)}static condition(t,e){return e.useExtendedSearch}searchIn(t){const e=this.query;if(!e)return{isMatch:!1,score:1};const{includeMatches:n,isCaseSensitive:i}=this.options;t=i?t:t.toLowerCase();let r=0,c=[],o=0;for(let a=0,h=e.length;a<h;a+=1){const l=e[a];c.length=0,r=0;for(let d=0,g=l.length;d<g;d+=1){const f=l[d],{isMatch:p,indices:I,score:w}=f.search(t);if(p){if(r+=1,o+=w,n){const y=f.constructor.type;Vt.has(y)?c=[...c,...I]:c.push(I)}}else{o=0,r=0,c.length=0;break}}if(r){let d={isMatch:!0,score:o/r};return n&&(d.indices=c),d}}return{isMatch:!1,score:1}}}const K=[];function zt(...s){K.push(...s)}function V(s,t){for(let e=0,n=K.length;e<n;e+=1){let i=K[e];if(i.condition(s,t))return new i(s,t)}return new it(s,t)}const N={AND:"$and",OR:"$or"},W={PATH:"$path",PATTERN:"$val"},z=s=>!!(s[N.AND]||s[N.OR]),Ht=s=>!!s[W.PATH],Ut=s=>!S(s)&&tt(s)&&!z(s),Z=s=>({[N.AND]:Object.keys(s).map(t=>({[t]:s[t]}))});function ot(s,t,{auto:e=!0}={}){const n=i=>{let r=Object.keys(i);const c=Ht(i);if(!c&&r.length>1&&!z(i))return n(Z(i));if(Ut(i)){const a=c?i[W.PATH]:r[0],h=c?i[W.PATTERN]:i[a];if(!x(h))throw new Error(It(a));const l={keyId:j(a),pattern:h};return e&&(l.searcher=V(h,t)),l}let o={children:[],operator:r[0]};return r.forEach(a=>{const h=i[a];S(h)&&h.forEach(l=>{o.children.push(n(l))})}),o};return z(s)||(s=Z(s)),n(s)}function Yt(s,{ignoreFieldNorm:t=u.ignoreFieldNorm}){s.forEach(e=>{let n=1;e.matches.forEach(({key:i,norm:r,score:c})=>{const o=i?i.weight:null;n*=Math.pow(c===0&&o?Number.EPSILON:c,(o||1)*(t?1:r))}),e.score=n})}function Gt(s,t){const e=s.matches;t.matches=[],m(e)&&e.forEach(n=>{if(!m(n.indices)||!n.indices.length)return;const{indices:i,value:r}=n;let c={indices:i,value:r};n.key&&(c.key=n.key.src),n.idx>-1&&(c.refIndex=n.idx),t.matches.push(c)})}function Jt(s,t){t.score=s.score}function Qt(s,t,{includeMatches:e=u.includeMatches,includeScore:n=u.includeScore}={}){const i=[];return e&&i.push(Gt),n&&i.push(Jt),s.map(r=>{const{idx:c}=r,o={item:t[c],refIndex:c};return i.length&&i.forEach(a=>{a(r,o)}),o})}class v{constructor(t,e={},n){this.options={...u,...e},this.options.useExtendedSearch,this._keyStore=new yt(this.options.keys),this.setCollection(t,n)}setCollection(t,e){if(this._docs=t,e&&!(e instanceof H))throw new Error(mt);this._myIndex=e||nt(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(t){m(t)&&(this._docs.push(t),this._myIndex.add(t))}remove(t=()=>!1){const e=[];for(let n=0,i=this._docs.length;n<i;n+=1){const r=this._docs[n];t(r,n)&&(this.removeAt(n),n-=1,i-=1,e.push(r))}return e}removeAt(t){this._docs.splice(t,1),this._myIndex.removeAt(t)}getIndex(){return this._myIndex}search(t,{limit:e=-1}={}){const{includeMatches:n,includeScore:i,shouldSort:r,sortFn:c,ignoreFieldNorm:o}=this.options;let a=x(t)?x(this._docs[0])?this._searchStringList(t):this._searchObjectList(t):this._searchLogical(t);return Yt(a,{ignoreFieldNorm:o}),r&&a.sort(c),q(e)&&e>-1&&(a=a.slice(0,e)),Qt(a,this._docs,{includeMatches:n,includeScore:i})}_searchStringList(t){const e=V(t,this.options),{records:n}=this._myIndex,i=[];return n.forEach(({v:r,i:c,n:o})=>{if(!m(r))return;const{isMatch:a,score:h,indices:l}=e.searchIn(r);a&&i.push({item:r,idx:c,matches:[{score:h,value:r,norm:o,indices:l}]})}),i}_searchLogical(t){const e=ot(t,this.options),n=(o,a,h)=>{if(!o.children){const{keyId:d,searcher:g}=o,f=this._findMatches({key:this._keyStore.get(d),value:this._myIndex.getValueForItemAtKeyId(a,d),searcher:g});return f&&f.length?[{idx:h,item:a,matches:f}]:[]}const l=[];for(let d=0,g=o.children.length;d<g;d+=1){const f=o.children[d],p=n(f,a,h);if(p.length)l.push(...p);else if(o.operator===N.AND)return[]}return l},i=this._myIndex.records,r={},c=[];return i.forEach(({$:o,i:a})=>{if(m(o)){let h=n(e,o,a);h.length&&(r[a]||(r[a]={idx:a,item:o,matches:[]},c.push(r[a])),h.forEach(({matches:l})=>{r[a].matches.push(...l)}))}}),c}_searchObjectList(t){const e=V(t,this.options),{keys:n,records:i}=this._myIndex,r=[];return i.forEach(({$:c,i:o})=>{if(!m(c))return;let a=[];n.forEach((h,l)=>{a.push(...this._findMatches({key:h,value:c[l],searcher:e}))}),a.length&&r.push({idx:o,item:c,matches:a})}),r}_findMatches({key:t,value:e,searcher:n}){if(!m(e))return[];let i=[];if(S(e))e.forEach(({v:r,i:c,n:o})=>{if(!m(r))return;const{isMatch:a,score:h,indices:l}=n.searchIn(r);a&&i.push({score:h,key:t,value:r,idx:c,norm:o,indices:l})});else{const{v:r,n:c}=e,{isMatch:o,score:a,indices:h}=n.searchIn(r);o&&i.push({score:a,key:t,value:r,norm:c,indices:h})}return i}}v.version="7.0.0";v.createIndex=nt;v.parseIndex=kt;v.config=u;v.parseQuery=ot;zt(Wt);const at={home:"/",articles:{home:"/articles",read:"/articles",rss:"/articles/rss.xml",searchJson:"/articles/search.json",constructRead:s=>`${at.articles.read}/${s}`}};class Xt{dialogId="article-search-dialog";dialogDismissableId="article-search-dialog-dismissable";activeAttribute="data-active";stateAttribute="data-state";dialogTextInputId="article-search-input";dialogDataIsLoadingId="article-search-data-loading";dialogToggleButtonId="article-search-dialog-button";dialogSearchStatusId="article-search-status";dialogSearchResultsId="article-search-results";dialogSearchCloseId="article-search-close";dialogVisible=!1;articlesState="waiting";articles=new Map;searcher=new v([],{keys:["title","description"],includeScore:!0});initialize(){this.attachDialogTextInput(),this.attachDialogToggleButton(),this.attachDialogDismissable(),this.attachDialogCloseButton(),this.attachEscapeKeypress()}attachEscapeKeypress(){window.addEventListener("keydown",t=>{t.key==="Escape"&&this.dialogVisible&&this.toggleDialog()})}attachDialogTextInput(){document.getElementById(this.dialogTextInputId)?.addEventListener("input",()=>{this.search()})}search(){const t=document.getElementById(this.dialogTextInputId),e=document.getElementById(this.dialogSearchResultsId);if(!t||!e)return;const n=lt.extractAstroId(e);e.innerHTML="";const i=t.value;this.searcher.search(i).forEach(({score:c,item:o})=>{const a=document.createElement("a");a.href=o.url,a.id="article-search-item",a.setAttribute(n,"");const h=document.createElement("p");h.id="asi-score";const l=Math.floor((1-c)*100);h.textContent=`${l}% Match`,h.setAttribute(n,"");const d=document.createElement("p");d.id="asi-title",d.textContent=o.title,d.setAttribute(n,"");const g=document.createElement("p");g.id="asi-description",g.textContent=o.description,g.setAttribute(n,""),a.append(h,d,g),e.appendChild(a)})}attachDialogToggleButton(){document.getElementById(this.dialogToggleButtonId)?.addEventListener("click",()=>{this.toggleDialog()})}attachDialogDismissable(){const t=document.getElementById(this.dialogDismissableId);t?.addEventListener("click",e=>{e.target===t&&this.toggleDialog()})}attachDialogCloseButton(){document.getElementById(this.dialogSearchCloseId)?.addEventListener("click",()=>{this.toggleDialog()})}toggleDialog(){this.ensureArticlesData(),this.dialogVisible=!this.dialogVisible,document.getElementById(this.dialogId)?.setAttribute(this.activeAttribute,this.dialogVisible?"true":""),this.dialogVisible&&document.getElementById(this.dialogTextInputId)?.focus()}async ensureArticlesData(){this.articlesState==="waiting"&&(this.setArticlesState("loading"),await this.fetchSearchData(),this.setArticlesState("loaded"))}setArticlesState(t){this.articlesState=t,document.getElementById(this.dialogSearchStatusId)?.setAttribute(this.stateAttribute,t);const n=t==="loading";(n||t==="loaded")&&document.getElementById(this.dialogDataIsLoadingId)?.setAttribute(this.activeAttribute,n?"true":"")}async fetchSearchData(){(await(await fetch(at.articles.searchJson)).json()).forEach(([n,i,r])=>{const c={title:n,description:i,url:r};this.articles.set(c.url,c),this.searcher.add(c)})}}const Zt=new Xt;Zt.initialize();
diff --git a/_astro/index.astro_astro_type_script_index_0_lang.FoG9alGm.js b/_astro/index.astro_astro_type_script_index_0_lang.FoG9alGm.js
new file mode 100644
index 0000000..db5f1e3
--- /dev/null
+++ b/_astro/index.astro_astro_type_script_index_0_lang.FoG9alGm.js
@@ -0,0 +1 @@
+import{U as b,C as f}from"./utils.BqSgvf8l.js";const d=t=>{t.enabled||(t.enabled=!0,t.texts.forEach(e=>{const n=parseInt(e.getAttribute("data-index"));e.style.transitionDelay=`${.2*n}s`,e.setAttribute("data-visible","true")}),t.particles.forEach(e=>{e.setAttribute("data-visible","true")}))},p=t=>{t.enabled&&(t.enabled=!1,t.texts.forEach(e=>{e.style.transitionDelay="0",e.setAttribute("data-visible","")}),t.particles.forEach(e=>{e.setAttribute("data-visible","")}))},h=()=>{const t={container:document.getElementById("hero"),enabled:!1,texts:[...document.querySelectorAll("#hero-text")],particles:[...document.querySelectorAll("#hero-particle")]};t.container.addEventListener("mouseenter",()=>{d(t)}),t.container.addEventListener("mouseleave",()=>{p(t)}),setTimeout(()=>{d(t)},200)};let c;const A=async(t,e,n)=>{if(document.body.clientWidth<b.BREAKPOINT_MD)return;c?.cancel();const r=new f(500);c=r;try{await r.start()}catch{}if(r.cancelled)return;c=void 0;const a="data-snapped-index",s=n.clientHeight*.2,{scrollTop:i}=n;if(i<e[0].offsetTop-s||i>e[e.length-1].offsetTop+s){t.removeAttribute(a);return}const u=parseInt(t.getAttribute(a)??"-1");for(let o=e.length-1;o>=0;o--){const l=e[o];if(Math.abs(l.offsetTop-i)<s){if(u===o)break;n.scroll({top:l.offsetTop,behavior:"smooth"}),t.setAttribute(a,`${o}`);break}}},v=()=>{const t=document.getElementById("projects"),e=[...document.querySelectorAll("#project-item")];document.addEventListener("scrollend",()=>{const{scrollingElement:n}=document;n&&A(t,e,n)})};document.addEventListener("DOMContentLoaded",()=>{h(),v()});
diff --git a/_astro/utils.BqSgvf8l.js b/_astro/utils.BqSgvf8l.js
new file mode 100644
index 0000000..5e507ab
--- /dev/null
+++ b/_astro/utils.BqSgvf8l.js
@@ -0,0 +1 @@
+class s{static BREAKPOINT_MD=768;static random(t){const e="ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890-=&".split("");return Array(t).fill(null).map(()=>e[Math.floor(Math.random()*e.length)])}static elementIsVisible(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}static months=["January","February","March","April","May","June","July","August","September","October","November","December"];static prettyDateParse(t){return s.prettyDate(new Date(t))}static prettyDate(t){return`${s.months[t.getMonth()]}, ${t.getDate()} ${t.getFullYear()}`}static renderSimpleMarkdown(t){return t.replaceAll(/\*\*(.*?)\*\*/g,r=>`<b>${r.slice(2,-2)}</b>`)}static getHtmlSafeId(t){return t.toLowerCase().replaceAll(/[^\w\d]/g,"-")}static extractAstroId(t){const e="data-astro-cid-";for(const r of t.attributes)if(r.name.startsWith(e))return r.name;throw new Error("Unable to find astro content id")}}class o{constructor(t){this.ms=t}_promiseWithResolvers;_timeout;started=!1;ended=!1;cancelled=!1;start(){if(this.started)throw new Error("Timeout was already started");if(this.ended)throw new Error("Timeout has already ended");const t=Promise.withResolvers();return this._promiseWithResolvers=t,this.started=!0,this._timeout=setTimeout(()=>{delete this._timeout,delete this._promiseWithResolvers,this.ended=!0,t.resolve()},this.ms),this._promiseWithResolvers.promise}cancel(){if(!this._promiseWithResolvers)throw new Error("Timeout is not active");this.ended=!0,this.cancelled=!0,clearTimeout(this._timeout),this._promiseWithResolvers.reject(new Error("Timeout interrupted"))}}export{o as C,s as U};
diff --git a/articles/blog/my-first-app-on-play-store/index.html b/articles/blog/my-first-app-on-play-store/index.html
index 94caf1e..e22b5c2 100644
--- a/articles/blog/my-first-app-on-play-store/index.html
+++ b/articles/blog/my-first-app-on-play-store/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Publishing my first app on Play Store!</title><meta name="title" property="title" content="Publishing my first app on Play Store!"><meta name="og:title" property="og:title" content="Publishing my first app on Play Store!"><meta name="description" property="description" content="My experience on developing and publishing my first app on Play Store."><meta name="og:description" property="og:description" content="My experience on developing and publishing my first app on Play Store."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="blog"><meta name="keywords" property="keywords" content="first-app, play-store"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Publishing my first app on Play Store!</title><meta name="title" property="title" content="Publishing my first app on Play Store!"><meta name="og:title" property="og:title" content="Publishing my first app on Play Store!"><meta name="description" property="description" content="My experience on developing and publishing my first app on Play Store."><meta name="og:description" property="og:description" content="My experience on developing and publishing my first app on Play Store."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="blog"><meta name="keywords" property="keywords" content="first-app, play-store"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -20,10 +20,8 @@ <h1 id="did-open-source-really-work">Did open-source really work?</h1>
 <h1 id="conclusion">Conclusion</h1>
 <p>I wanted this to happen. And it did. And it was worth it all the way along.</p> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/index.html b/articles/index.html
index 43d6930..5258b2d 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Articles / Zyrouge</title><meta name="title" property="title" content="Articles / Zyrouge"><meta name="og:title" property="og:title" content="Articles / Zyrouge"><meta name="description" property="description" content="Articles written by me!"><meta name="og:description" property="og:description" content="Articles written by me!"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Articles / Zyrouge</title><meta name="title" property="title" content="Articles / Zyrouge"><meta name="og:title" property="og:title" content="Articles / Zyrouge"><meta name="description" property="description" content="Articles written by me!"><meta name="og:description" property="og:description" content="Articles written by me!"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>#article-search-item[data-astro-cid-cu2jow5a]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1));padding:.5rem .75rem}#article-search-item[data-astro-cid-cu2jow5a]:hover{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}#article-search-item[data-astro-cid-cu2jow5a] #asi-score[data-astro-cid-cu2jow5a]{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}#article-search-item[data-astro-cid-cu2jow5a] #asi-title[data-astro-cid-cu2jow5a]{margin-bottom:.125rem}#article-search-item[data-astro-cid-cu2jow5a] #asi-description[data-astro-cid-cu2jow5a]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}#article-search-item[data-astro-cid-cu2jow5a]:hover #asi-score[data-astro-cid-cu2jow5a],#article-search-item[data-astro-cid-cu2jow5a]:hover #asi-description[data-astro-cid-cu2jow5a]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
 [data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-primary-500 hover:text-primary-600" href="/articles"> 
 Articles
@@ -18,12 +18,10 @@
 / 5 mins. read
 </span> </p> <p class="pb-0.5">An Introvert Experience</p> <p class="text-sm text-secondary-500 group-hover:text-white pb-1">Things an introvert experience in their life.</p> <p class="text-xs group-hover:text-white text-secondary-500"> #raining-thoughts #philosophy #life </p> </a> <a class="group px-4 py-2 bg-secondary-950 hover:bg-primary-500 border border-secondary-900 hover:border-primary-500" href="/articles/raining-thoughts/hope-for-best-or-prepare-for-worst"> <p class="text-xs pb-1"> <time id="article-time" class="text-primary-500 group-hover:text-white" datetime="2022-03-20T09:23:00.000Z" title="Sunday, March 20, 2022 9:23 AM"> March 20, 2022 9:23 AM </time> <span class="text-secondary-500 group-hover:text-white">
 / 2 mins. read
-</span> </p> <p class="pb-0.5">Hope for the best or prepare for the worst?</p> <p class="text-sm text-secondary-500 group-hover:text-white pb-1">Should we hope for the best or prepare for the worst?</p> <p class="text-xs group-hover:text-white text-secondary-500"> #raining-thoughts #philosophy #life </p> </a>  </div> </div> <script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.C9DaMwgX.js"></script> </div>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
+</span> </p> <p class="pb-0.5">Hope for the best or prepare for the worst?</p> <p class="text-sm text-secondary-500 group-hover:text-white pb-1">Should we hope for the best or prepare for the worst?</p> <p class="text-xs group-hover:text-white text-secondary-500"> #raining-thoughts #philosophy #life </p> </a>  </div> </div> <script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.BTbjx8__.js"></script> </div>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/articles/raining-thoughts/are-insecurities-worth-hiding/index.html b/articles/raining-thoughts/are-insecurities-worth-hiding/index.html
index 5d69e84..27ceefa 100644
--- a/articles/raining-thoughts/are-insecurities-worth-hiding/index.html
+++ b/articles/raining-thoughts/are-insecurities-worth-hiding/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Are insecurities worth hiding?</title><meta name="title" property="title" content="Are insecurities worth hiding?"><meta name="og:title" property="og:title" content="Are insecurities worth hiding?"><meta name="description" property="description" content="Why one should never hide their insecurities."><meta name="og:description" property="og:description" content="Why one should never hide their insecurities."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Are insecurities worth hiding?</title><meta name="title" property="title" content="Are insecurities worth hiding?"><meta name="og:title" property="og:title" content="Are insecurities worth hiding?"><meta name="description" property="description" content="Why one should never hide their insecurities."><meta name="og:description" property="og:description" content="Why one should never hide their insecurities."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -74,10 +74,8 @@ <h6 id="references">References</h6>
 <li><a href="https://www.tonyrobbins.com/building-confidence/how-to-overcome-insecurity/">https://www.tonyrobbins.com/building-confidence/how-to-overcome-insecurity/</a></li>
 </ul> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/raining-thoughts/experience-of-an-introvert/index.html b/articles/raining-thoughts/experience-of-an-introvert/index.html
index 963a2fa..b35d990 100644
--- a/articles/raining-thoughts/experience-of-an-introvert/index.html
+++ b/articles/raining-thoughts/experience-of-an-introvert/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>An Introvert Experience</title><meta name="title" property="title" content="An Introvert Experience"><meta name="og:title" property="og:title" content="An Introvert Experience"><meta name="description" property="description" content="Things an introvert experience in their life."><meta name="og:description" property="og:description" content="Things an introvert experience in their life."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>An Introvert Experience</title><meta name="title" property="title" content="An Introvert Experience"><meta name="og:title" property="og:title" content="An Introvert Experience"><meta name="description" property="description" content="Things an introvert experience in their life."><meta name="og:description" property="og:description" content="Things an introvert experience in their life."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -119,10 +119,8 @@ <h6 id="references">References</h6>
 <li><a href="https://www.quora.com/Why-are-introverts-often-misunderstood-What-are-some-tips-for-extroverts-dealing-with-introverts">https://www.quora.com/Why-are-introverts-often-misunderstood-What-are-some-tips-for-extroverts-dealing-with-introverts</a></li>
 </ul> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/index.html b/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/index.html
index 65d940e..5af83b7 100644
--- a/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/index.html
+++ b/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hope for the best or prepare for the worst?</title><meta name="title" property="title" content="Hope for the best or prepare for the worst?"><meta name="og:title" property="og:title" content="Hope for the best or prepare for the worst?"><meta name="description" property="description" content="Should we hope for the best or prepare for the worst?"><meta name="og:description" property="og:description" content="Should we hope for the best or prepare for the worst?"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hope for the best or prepare for the worst?</title><meta name="title" property="title" content="Hope for the best or prepare for the worst?"><meta name="og:title" property="og:title" content="Hope for the best or prepare for the worst?"><meta name="description" property="description" content="Should we hope for the best or prepare for the worst?"><meta name="og:description" property="og:description" content="Should we hope for the best or prepare for the worst?"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -25,10 +25,8 @@ <h6 id="references">References</h6>
 <li><a href="https://www.quora.com/Is-it-better-to-hope-for-the-best-or-prepare-for-the-worst">https://www.quora.com/Is-it-better-to-hope-for-the-best-or-prepare-for-the-worst</a></li>
 </ul> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/raining-thoughts/unrealistics-expectations/index.html b/articles/raining-thoughts/unrealistics-expectations/index.html
index 696866a..da964ea 100644
--- a/articles/raining-thoughts/unrealistics-expectations/index.html
+++ b/articles/raining-thoughts/unrealistics-expectations/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Unrealistic Expectations</title><meta name="title" property="title" content="Unrealistic Expectations"><meta name="og:title" property="og:title" content="Unrealistic Expectations"><meta name="description" property="description" content="Why having higher expectations lead to disappointment."><meta name="og:description" property="og:description" content="Why having higher expectations lead to disappointment."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Unrealistic Expectations</title><meta name="title" property="title" content="Unrealistic Expectations"><meta name="og:title" property="og:title" content="Unrealistic Expectations"><meta name="description" property="description" content="Why having higher expectations lead to disappointment."><meta name="og:description" property="og:description" content="Why having higher expectations lead to disappointment."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -57,10 +57,8 @@ <h6 id="references">References</h6>
 <li><a href="https://www.quora.com/It-is-easy-to-say-that-living-without-expectations-is-the-best-way-to-be-happy-But-is-it-practically-possible-to-live-without-expectations">https://www.quora.com/It-is-easy-to-say-that-living-without-expectations-is-the-best-way-to-be-happy-But-is-it-practically-possible-to-live-without-expectations</a></li>
 </ul> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/raining-thoughts/why-i-prefer-anime/index.html b/articles/raining-thoughts/why-i-prefer-anime/index.html
index 78fed0b..796291c 100644
--- a/articles/raining-thoughts/why-i-prefer-anime/index.html
+++ b/articles/raining-thoughts/why-i-prefer-anime/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Anime over others</title><meta name="title" property="title" content="Anime over others"><meta name="og:title" property="og:title" content="Anime over others"><meta name="description" property="description" content="Why I preferred Anime over TV shows and movies."><meta name="og:description" property="og:description" content="Why I preferred Anime over TV shows and movies."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Anime over others</title><meta name="title" property="title" content="Anime over others"><meta name="og:title" property="og:title" content="Anime over others"><meta name="description" property="description" content="Why I preferred Anime over TV shows and movies."><meta name="og:description" property="og:description" content="Why I preferred Anime over TV shows and movies."><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="article"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="category" property="category" content="raining-thoughts"><meta name="keywords" property="keywords" content="philosophy, life"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -36,10 +36,8 @@ <h6 id="references">References</h6>
 <li><a href="https://www.quora.com/Why-do-you-like-anime">https://www.quora.com/Why-do-you-like-anime</a></li>
 </ul> </div> </div> </article> </div> </div> <script type="module" src="/_astro/_...slug_.astro_astro_type_script_index_0_lang.Ck82yhnE.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html> <script type="module">class o{headingIdAttribute="data-hid";activeAttribute="data-active";tocHeadingSelector="#headings li";currentHeading=null;headings={};onScrollEndListeners=[];initialize(){this.headings=this.getAllHeadings(),this.attachClickHandlers(),this.attachScrollHander(),this.attachOnLoadedHandler()}initializeHeading(){const t=this.headings[location.hash.substring(1)];if(t){this.highlightTocHeading(t),this.highlightContentHeading(t);return}const e=Object.keys(this.headings)[0];if(!e)return;const i=this.headings[e];this.highlightTocHeading(i)}highlightTocHeading(t){Object.values(this.headings).forEach(e=>{e.toc.removeAttribute(this.activeAttribute)}),t.toc.setAttribute(this.activeAttribute,"")}highlightContentHeading(t){Object.values(this.headings).forEach(e=>{e.content.removeAttribute(this.activeAttribute)}),t.content.setAttribute(this.activeAttribute,"")}highlightHeading(t){this.highlightTocHeading(t),this.highlightContentHeading(t)}async updateCurrentHeading(t){this.currentHeading?.id!==t.id&&(this.highlightContentHeading(t),t.content.scrollIntoView({behavior:"smooth"}),history.replaceState(null,"",`#${t.id}`),this.currentHeading=t,await this.waitForScroll(),this.highlightTocHeading(t))}attachClickHandlers(){Object.values(this.headings).forEach(t=>{const e=()=>this.updateCurrentHeading(t);t.toc.addEventListener("click",e),t.content.addEventListener("click",e)})}attachScrollHander(){let t=null;document.addEventListener("scroll",()=>{clearInterval(t??void 0),t=setTimeout(()=>this.emitOnScrollEnd(),50);const e=document.scrollingElement;if(!e)return;const i=document.documentElement.clientHeight;if(e.scrollTop+i===document.body.clientHeight){const n=Object.values(this.headings),a=n[n.length-1]??this.currentHeading;if(!a)return;this.highlightTocHeading(a);return}let s=this.currentHeading;const c=e.scrollTop+i/3;for(const n of Object.values(this.headings)){if(c<n.content.offsetTop)break;s=n}s&&this.highlightTocHeading(s)})}attachOnLoadedHandler(){document.addEventListener("DOMContentLoaded",()=>{this.initializeHeading()})}emitOnScrollEnd(){const t=this.onScrollEndListeners;this.onScrollEndListeners=[],t.forEach(e=>e())}waitForScroll(){return new Promise(t=>{this.onScrollEndListeners.push(()=>{t()})})}getHeading(t){const e=document.querySelector(`[${this.headingIdAttribute}="${t}"]`),i=document.getElementById(t);return{id:t,toc:e,content:i}}getAllHeadings(){const t={};return document.querySelectorAll(this.tocHeadingSelector).forEach(e=>{const i=e.getAttribute(this.headingIdAttribute);i&&(t[i]=this.getHeading(i))}),t}}const h=new o;h.initialize();</script>
\ No newline at end of file
diff --git a/articles/rss.xml b/articles/rss.xml
index a2afc3a..22be52b 100644
--- a/articles/rss.xml
+++ b/articles/rss.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>Articles / Zyrouge</title><description/><link>https://zyrouge.me/articles/</link><lastBuildDate>Sat, 21 Dec 2024 17:51:45 GMT</lastBuildDate><item><title>Publishing my first app on Play Store!</title><link>https://zyrouge.me/articles/blog/my-first-app-on-play-store</link><guid>blog/my-first-app-on-play-store</guid><description>My experience on developing and publishing my first app on Play Store.</description><pubDate>Wed, 29 Nov 2023 14:10:08 GMT</pubDate><author>Zyrouge</author><category>blog</category><tags>first-app, play-store</tags></item><item><title>Are insecurities worth hiding?</title><link>https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding</link><guid>raining-thoughts/are-insecurities-worth-hiding</guid><description>Why one should never hide their insecurities.</description><pubDate>Wed, 30 Mar 2022 13:11:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Hope for the best or prepare for the worst?</title><link>https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst</link><guid>raining-thoughts/hope-for-best-or-prepare-for-worst</guid><description>Should we hope for the best or prepare for the worst?</description><pubDate>Sun, 20 Mar 2022 09:23:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>An Introvert Experience</title><link>https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert</link><guid>raining-thoughts/experience-of-an-introvert</guid><description>Things an introvert experience in their life.</description><pubDate>Fri, 25 Mar 2022 13:39:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Unrealistic Expectations</title><link>https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations</link><guid>raining-thoughts/unrealistics-expectations</guid><description>Why having higher expectations lead to disappointment.</description><pubDate>Sat, 02 Apr 2022 08:18:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Anime over others</title><link>https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime</link><guid>raining-thoughts/why-i-prefer-anime</guid><description>Why I preferred Anime over TV shows and movies.</description><pubDate>Thu, 02 Jun 2022 13:55:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>Articles / Zyrouge</title><description/><link>https://zyrouge.me/articles/</link><lastBuildDate>Sat, 04 Jan 2025 15:24:02 GMT</lastBuildDate><item><title>Publishing my first app on Play Store!</title><link>https://zyrouge.me/articles/blog/my-first-app-on-play-store</link><guid>blog/my-first-app-on-play-store</guid><description>My experience on developing and publishing my first app on Play Store.</description><pubDate>Wed, 29 Nov 2023 14:10:08 GMT</pubDate><author>Zyrouge</author><category>blog</category><tags>first-app, play-store</tags></item><item><title>Are insecurities worth hiding?</title><link>https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding</link><guid>raining-thoughts/are-insecurities-worth-hiding</guid><description>Why one should never hide their insecurities.</description><pubDate>Wed, 30 Mar 2022 13:11:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>An Introvert Experience</title><link>https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert</link><guid>raining-thoughts/experience-of-an-introvert</guid><description>Things an introvert experience in their life.</description><pubDate>Fri, 25 Mar 2022 13:39:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Hope for the best or prepare for the worst?</title><link>https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst</link><guid>raining-thoughts/hope-for-best-or-prepare-for-worst</guid><description>Should we hope for the best or prepare for the worst?</description><pubDate>Sun, 20 Mar 2022 09:23:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Unrealistic Expectations</title><link>https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations</link><guid>raining-thoughts/unrealistics-expectations</guid><description>Why having higher expectations lead to disappointment.</description><pubDate>Sat, 02 Apr 2022 08:18:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item><item><title>Anime over others</title><link>https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime</link><guid>raining-thoughts/why-i-prefer-anime</guid><description>Why I preferred Anime over TV shows and movies.</description><pubDate>Thu, 02 Jun 2022 13:55:00 GMT</pubDate><author>Zyrouge</author><category>raining-thoughts</category><tags>philosophy, life</tags></item></channel></rss>
\ No newline at end of file
diff --git a/articles/search.json b/articles/search.json
index 9528614..8f74929 100644
--- a/articles/search.json
+++ b/articles/search.json
@@ -1 +1 @@
-[["Publishing my first app on Play Store!","My experience on developing and publishing my first app on Play Store.","https://zyrouge.me/articles/blog/my-first-app-on-play-store"],["Are insecurities worth hiding?","Why one should never hide their insecurities.","https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding"],["Hope for the best or prepare for the worst?","Should we hope for the best or prepare for the worst?","https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst"],["An Introvert Experience","Things an introvert experience in their life.","https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert"],["Unrealistic Expectations","Why having higher expectations lead to disappointment.","https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations"],["Anime over others","Why I preferred Anime over TV shows and movies.","https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime"]]
\ No newline at end of file
+[["Publishing my first app on Play Store!","My experience on developing and publishing my first app on Play Store.","https://zyrouge.me/articles/blog/my-first-app-on-play-store"],["Are insecurities worth hiding?","Why one should never hide their insecurities.","https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding"],["An Introvert Experience","Things an introvert experience in their life.","https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert"],["Hope for the best or prepare for the worst?","Should we hope for the best or prepare for the worst?","https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst"],["Unrealistic Expectations","Why having higher expectations lead to disappointment.","https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations"],["Anime over others","Why I preferred Anime over TV shows and movies.","https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime"]]
\ No newline at end of file
diff --git a/index.html b/index.html
index c23a1ae..9947c3a 100644
--- a/index.html
+++ b/index.html
@@ -1,20 +1,18 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Home / Zyrouge</title><meta name="title" property="title" content="Home / Zyrouge"><meta name="og:title" property="og:title" content="Home / Zyrouge"><meta name="description" property="description" content="Hello there!"><meta name="og:description" property="og:description" content="Hello there!"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css">
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Home / Zyrouge</title><meta name="title" property="title" content="Home / Zyrouge"><meta name="og:title" property="og:title" content="Home / Zyrouge"><meta name="description" property="description" content="Hello there!"><meta name="og:description" property="og:description" content="Hello there!"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css">
 <style>.hero-anim[data-astro-cid-dvqpfcvi]{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.75;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hero-anim[data-astro-cid-dvqpfcvi][data-visible=true]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}#hero-particle[data-astro-cid-sl6ibeno]{animation-duration:10s!important;aspect-ratio:1 / 1}@keyframes spin{to{transform:rotate(360deg)}}#hero-particle[data-astro-cid-sl6ibeno]{animation:spin 1s linear infinite;font-size:4rem;opacity:.75;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}#hero-particle[data-astro-cid-sl6ibeno][data-visible=true]{opacity:1}
-</style></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-primary-500 hover:text-primary-600" href="/"> 
+</style></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-primary-500 hover:text-primary-600" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
  </a> </div> </div> </div> </nav>  <hr> <div class="relative" id="hero"> <div class="absolute -z-10 left-0 right-0 top-0 bottom-0 pointer-events-none flex justify-end items-center pr-32"> <div class="relative h-full" data-astro-cid-sl6ibeno> <div class="absolute right-32 top-[25%]" data-astro-cid-sl6ibeno> <div class="hidden xl:block text-primary-500" id="hero-particle" data-astro-cid-sl6ibeno> <svg width="1em" height="1em" data-astro-cid-sl6ibeno="true" data-icon="mdi:asterisk">   <symbol id="ai:mdi:asterisk" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13h-6.6l4.7 4.7l-1.4 1.4l-4.7-4.7V21h-2v-6.7L6.3 19l-1.4-1.4L9.4 13H3v-2h6.6L4.9 6.3l1.4-1.4L11 9.6V3h2v6.4l4.6-4.6L19 6.3L14.3 11H21z"/></symbol><use href="#ai:mdi:asterisk"></use>  </svg> </div> </div> <div class="absolute right-0 top-[35%]" data-astro-cid-sl6ibeno> <div class="hidden lg:block" id="hero-particle" data-astro-cid-sl6ibeno> <svg width="1em" height="1em" data-astro-cid-sl6ibeno="true" data-icon="mdi:square">   <symbol id="ai:mdi:square" viewBox="0 0 24 24"><path fill="currentColor" d="M3 3v18h18V3"/></symbol><use href="#ai:mdi:square"></use>  </svg> </div> </div> <div class="absolute right-52 top-[50%]" data-astro-cid-sl6ibeno> <div class="hidden xl:block" id="hero-particle" data-astro-cid-sl6ibeno> <svg width="1em" height="1em" data-astro-cid-sl6ibeno="true" data-icon="mdi:triangle">   <symbol id="ai:mdi:triangle" viewBox="0 0 24 24"><path fill="currentColor" d="M1 21h22L12 2"/></symbol><use href="#ai:mdi:triangle"></use>  </svg> </div> </div> <div class="absolute right-16 top-[60%]" data-astro-cid-sl6ibeno> <div class="hidden lg:block text-primary-500" id="hero-particle" data-astro-cid-sl6ibeno> <svg width="1em" height="1em" data-astro-cid-sl6ibeno="true" data-icon="mdi:plus">   <symbol id="ai:mdi:plus" viewBox="0 0 24 24"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"/></symbol><use href="#ai:mdi:plus"></use>  </svg> </div> </div> </div>  </div> <div> <div class="u-container py-16 sm:py-28"> <p class="hero-anim !leading-snug sm:leading-normal text-lg sm:text-xl pb-1" id="hero-text" data-index="0" data-astro-cid-dvqpfcvi> A passionate </p>  <p class="hero-anim !leading-snug sm:leading-normal text-3xl sm:text-5xl font-black" id="hero-text" data-index="1" data-astro-cid-dvqpfcvi>  <span class="text-primary-500">Full-stack Developer</span>,
  </p>  <p class="hero-anim !leading-snug sm:leading-normal text-3xl sm:text-5xl font-black" id="hero-text" data-index="2" data-astro-cid-dvqpfcvi>  <span class="text-primary-500">Software Developer</span>,
  </p>  <p class="hero-anim !leading-snug sm:leading-normal text-3xl sm:text-5xl font-black" id="hero-text" data-index="3" data-astro-cid-dvqpfcvi>  <span class="text-primary-500">Open-source Lover</span> <span class="inline-block sm:hidden">&</span> <span class="hidden sm:inline-block">and</span>  </p>  <p class="hero-anim !leading-snug sm:leading-normal text-3xl sm:text-5xl font-black" id="hero-text" data-index="4" data-astro-cid-dvqpfcvi>  <span class="text-primary-500">Content Writer</span>.
- </p>  </div> <div class="u-container pb-6 u-flex !justify-start gap-6"> <p title="GitHub (https://github.com/zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://github.com/zyrouge" target="_blank" title="GitHub (https://github.com/zyrouge)" aria-label="GitHub (https://github.com/zyrouge)">  <svg width="0.97em" height="1em" data-icon="fa-brands:github">   <symbol id="ai:fa-brands:github" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2"/></symbol><use href="#ai:fa-brands:github"></use>  </svg>  </a> </p> <p title="Discord (https://discord.gg/8KV5zCg)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://discord.gg/8KV5zCg" target="_blank" title="Discord (https://discord.gg/8KV5zCg)" aria-label="Discord (https://discord.gg/8KV5zCg)">  <svg width="1.25em" height="1em" data-icon="fa-brands:discord">   <symbol id="ai:fa-brands:discord" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531 69.836a1.5 1.5 0 0 0-.764-.7A485 485 0 0 0 404.081 32.03a1.82 1.82 0 0 0-1.923.91a338 338 0 0 0-14.9 30.6a447.9 447.9 0 0 0-134.426 0a310 310 0 0 0-15.135-30.6a1.89 1.89 0 0 0-1.924-.91a483.7 483.7 0 0 0-119.688 37.107a1.7 1.7 0 0 0-.788.676C39.068 183.651 18.186 294.69 28.43 404.354a2.02 2.02 0 0 0 .765 1.375a487.7 487.7 0 0 0 146.825 74.189a1.9 1.9 0 0 0 2.063-.676A348 348 0 0 0 208.12 430.4a1.86 1.86 0 0 0-1.019-2.588a321 321 0 0 1-45.868-21.853a1.885 1.885 0 0 1-.185-3.126a251 251 0 0 0 9.109-7.137a1.82 1.82 0 0 1 1.9-.256c96.229 43.917 200.41 43.917 295.5 0a1.81 1.81 0 0 1 1.924.233a235 235 0 0 0 9.132 7.16a1.884 1.884 0 0 1-.162 3.126a301.4 301.4 0 0 1-45.89 21.83a1.875 1.875 0 0 0-1 2.611a391 391 0 0 0 30.014 48.815a1.86 1.86 0 0 0 2.063.7A486 486 0 0 0 610.7 405.729a1.88 1.88 0 0 0 .765-1.352c12.264-126.783-20.532-236.912-86.934-334.541M222.491 337.58c-28.972 0-52.844-26.587-52.844-59.239s23.409-59.241 52.844-59.241c29.665 0 53.306 26.82 52.843 59.239c0 32.654-23.41 59.241-52.843 59.241m195.38 0c-28.971 0-52.843-26.587-52.843-59.239s23.409-59.241 52.843-59.241c29.667 0 53.307 26.82 52.844 59.239c0 32.654-23.177 59.241-52.844 59.241"/></symbol><use href="#ai:fa-brands:discord"></use>  </svg>  </a> </p> <p title="Mastodon (https://mastodon.social/@zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://mastodon.social/@zyrouge" target="_blank" title="Mastodon (https://mastodon.social/@zyrouge)" aria-label="Mastodon (https://mastodon.social/@zyrouge)">  <svg width="0.88em" height="1em" data-icon="fa-brands:mastodon">   <symbol id="ai:fa-brands:mastodon" viewBox="0 0 448 512"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7c-62.52-28.7-228.56-28.4-290.48 0c0 0-63.72 28.5-63.72 125.7c0 115.7-6.6 259.4 105.63 289.1c40.51 10.7 75.32 13 103.33 11.4c50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7c56.12-6.7 105-41.3 111.23-72.9c9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175c25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5l11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1c23.71 27.3 18.4 53 18.4 175z"/></symbol><use href="#ai:fa-brands:mastodon"></use>  </svg>  </a> </p> <p title="Reddit (https://www.reddit.com/user/zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://www.reddit.com/user/zyrouge" target="_blank" title="Reddit (https://www.reddit.com/user/zyrouge)" aria-label="Reddit (https://www.reddit.com/user/zyrouge)">  <svg width="1em" height="1em" data-icon="fa-brands:reddit-alien">   <symbol id="ai:fa-brands:reddit-alien" viewBox="0 0 512 512"><path fill="currentColor" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9c-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2c22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8c-9.7-10.1-23.4-16.3-38.4-16.3c-55.6 0-73.8 74.6-22.9 100.1c-1.8 7.9-2.6 16.3-2.6 24.7c0 83.8 94.4 151.7 210.3 151.7c116.4 0 210.8-67.9 210.8-151.7c0-8.4-.9-17.2-3.1-25.1c49.9-25.6 31.5-99.7-23.8-99.7M129.4 308.9c0-22 17.6-39.7 39.7-39.7c21.6 0 39.2 17.6 39.2 39.7c0 21.6-17.6 39.2-39.2 39.2c-22 .1-39.7-17.6-39.7-39.2m214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0c-4-3.5-4-9.7 0-13.7c3.5-3.5 9.7-3.5 13.2 0c27.8 28.5 120 29 149 0c3.5-3.5 9.7-3.5 13.2 0c4.1 4 4.1 10.2.1 13.7m-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2c0-22 17.6-39.7 39.2-39.7c22 0 39.7 17.6 39.7 39.7c-.1 21.5-17.7 39.2-39.7 39.2"/></symbol><use href="#ai:fa-brands:reddit-alien"></use>  </svg>  </a> </p> </div> </div> </div> <hr> <div class="u-container u-container-h"> <p class="text-lg">What do I usually use?</p> <div class="pt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/nodejs.png" alt="Node.js's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Node.js</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/javascript.png" alt="JavaScript's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>JavaScript</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/typescript.png" alt="Typescript's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Typescript</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/go.png" alt="Go's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Go</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/dart.png" alt="Dart's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Dart</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/kotlin.png" alt="Kotlin's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Kotlin</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/java.png" alt="Java's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Java</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/html.png" alt="HTML's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>HTML</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/css.png" alt="CSS's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>CSS</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/bash.png" alt="Bash's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Bash</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/flutter.png" alt="Flutter's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Flutter</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/compose.png" alt="Jetpack Compose's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Jetpack Compose</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/electron.png" alt="Electron's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Electron</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/vue.png" alt="Vue's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Vue</p> <p class="text-secondary-500 text-sm">UI Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/tailwindcss.png" alt="Tailwind CSS's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Tailwind CSS</p> <p class="text-secondary-500 text-sm">CSS Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/mongodb.png" alt="MongoDB's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>MongoDB</p> <p class="text-secondary-500 text-sm">Database</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/sqlite.png" alt="SQL's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>SQL</p> <p class="text-secondary-500 text-sm">Database</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/windows.png" alt="Windows's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Windows</p> <p class="text-secondary-500 text-sm">Operating System</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/linux.png" alt="Linux's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Linux</p> <p class="text-secondary-500 text-sm">Operating System</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/git.png" alt="Git's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Git</p> <p class="text-secondary-500 text-sm">Version Control</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/vscode.png" alt="VS Code's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>VS Code</p> <p class="text-secondary-500 text-sm">Editor</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/android-studio.png" alt="Android Studio's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Android Studio</p> <p class="text-secondary-500 text-sm">IDE</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/figma.png" alt="Figma's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Figma</p> <p class="text-secondary-500 text-sm">Graphic Design</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/podman.png" alt="Podman's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Podman</p> <p class="text-secondary-500 text-sm">Containerization</p> </div> </div> </div> </div> </div> <hr> <div class="u-container-h"> <div class="u-container"> <p class="text-lg">Some of my projects</p> </div> <div class="pt-4" id="projects"> <div class="u-container min-h-screen u-flex py-32 u-flex !flex-col bg-purple-400" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/symphony.svg" alt="Symphony's logo" loading="lazy"> <p class="pt-24 text-lg text-center">🎵 A lightweight, elegant music player that enhances your offline music experience.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/symphony" target="_blank"> https://zyrouge.github.io/symphony <svg width="1em" height="1em" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <symbol id="ai:mdi:arrow-top-right" viewBox="0 0 24 24"><path fill="currentColor" d="M5 17.59L15.59 7H9V5h10v10h-2V8.41L6.41 19z"/></symbol><use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#android</p><p>#kotlin</p><p>#compose</p><p>#music</p> </div> </div> <div class="u-container min-h-screen u-flex py-32 u-flex !flex-col bg-neutral-900" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/phrasey.svg" alt="Phrasey's logo" loading="lazy"> <p class="pt-24 text-lg text-center">A full-blown i18n build system.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/phrasey" target="_blank"> https://zyrouge.github.io/phrasey <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#nodejs</p><p>#i18n</p> </div> </div> <div class="u-container min-h-screen u-flex py-32 u-flex !flex-col bg-emerald-400" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/beize.svg" alt="Beize's logo" loading="lazy"> <p class="pt-24 text-lg text-center">A highly dynamic embeddable scripting language.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/beize" target="_blank"> https://zyrouge.github.io/beize <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#dart</p><p>#programming-language</p><p>#interpreter</p> </div> </div> <div class="u-container min-h-screen u-flex py-32 u-flex !flex-col bg-blue-300" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/pho.svg" alt="Pho's logo" loading="lazy"> <p class="pt-24 text-lg text-center">An AppImage Manager for Linux.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://github.com/zyrouge/pho" target="_blank"> https://github.com/zyrouge/pho <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#go</p><p>#linux</p> </div> </div> </div> </div> <p class="u-container pb-2 text-white/25 text-xs text-right"> <span class="text-white/40">🎉</span> Whoo Hoo! You scrolled to the end!
-</p> <script type="module">const c=t=>{t.enabled||(t.enabled=!0,t.texts.forEach(e=>{const n=parseInt(e.getAttribute("data-index"));e.style.transitionDelay=`${.2*n}s`,e.setAttribute("data-visible","true")}),t.particles.forEach(e=>{e.setAttribute("data-visible","true")}))},l=t=>{t.enabled&&(t.enabled=!1,t.texts.forEach(e=>{e.style.transitionDelay="0",e.setAttribute("data-visible","")}),t.particles.forEach(e=>{e.setAttribute("data-visible","")}))},u=()=>{const t={container:document.getElementById("hero"),enabled:!1,texts:[...document.querySelectorAll("#hero-text")],particles:[...document.querySelectorAll("#hero-particle")]};t.container.addEventListener("mouseenter",()=>{c(t)}),t.container.addEventListener("mouseleave",()=>{l(t)}),setTimeout(()=>{c(t)},200)},b=(t,e,n)=>{const a="data-snapped-index",s=n.clientHeight*.15,{scrollTop:r}=n;if(r<e[0].offsetTop-s||r>e[e.length-1].offsetTop+s){t.removeAttribute(a);return}const d=parseInt(t.getAttribute(a)??"-1");for(let o=e.length-1;o>=0;o--){const i=e[o];if(Math.abs(i.offsetTop-r)<s){if(d===o)break;n.scroll({top:i.offsetTop,behavior:"smooth"}),t.setAttribute(a,`${o}`);break}}},f=()=>{const t=document.getElementById("projects"),e=[...document.querySelectorAll("#project-item")];document.addEventListener("scrollend",()=>{const{scrollingElement:n}=document;n&&b(t,e,n)})};document.addEventListener("DOMContentLoaded",()=>{u(),f()});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
+ </p>  </div> <div class="u-container pb-6 u-flex !justify-start gap-6"> <p title="GitHub (https://github.com/zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://github.com/zyrouge" target="_blank" title="GitHub (https://github.com/zyrouge)" aria-label="GitHub (https://github.com/zyrouge)">  <svg width="1em" height="1em" data-icon="simple-icons:github">   <symbol id="ai:simple-icons:github" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></symbol><use href="#ai:simple-icons:github"></use>  </svg>  </a> </p> <p title="Discord (https://discord.gg/8KV5zCg)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://discord.gg/8KV5zCg" target="_blank" title="Discord (https://discord.gg/8KV5zCg)" aria-label="Discord (https://discord.gg/8KV5zCg)">  <svg width="1em" height="1em" data-icon="simple-icons:discord">   <symbol id="ai:simple-icons:discord" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418"/></symbol><use href="#ai:simple-icons:discord"></use>  </svg>  </a> </p> <p title="Mastodon (https://mastodon.social/@zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://mastodon.social/@zyrouge" target="_blank" title="Mastodon (https://mastodon.social/@zyrouge)" aria-label="Mastodon (https://mastodon.social/@zyrouge)">  <svg width="1em" height="1em" data-icon="simple-icons:mastodon">   <symbol id="ai:simple-icons:mastodon" viewBox="0 0 24 24"><path fill="currentColor" d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127C.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611c.118 1.24.325 2.47.62 3.68c.55 2.237 2.777 4.098 4.96 4.857c2.336.792 4.849.923 7.256.38q.398-.092.786-.213c.585-.184 1.27-.39 1.774-.753a.06.06 0 0 0 .023-.043v-1.809a.05.05 0 0 0-.02-.041a.05.05 0 0 0-.046-.01a20.3 20.3 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.6 5.6 0 0 1-.319-1.433a.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546c.376 0 .75 0 1.125-.01c1.57-.044 3.224-.124 4.768-.422q.059-.011.11-.024c2.435-.464 4.753-1.92 4.989-5.604c.008-.145.03-1.52.03-1.67c.002-.512.167-3.63-.024-5.545m-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976c-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35c-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102q0-1.965 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164c1.311 0 2.302.5 2.962 1.498l.638 1.06l.638-1.06c.66-.999 1.65-1.498 2.96-1.498c1.13 0 2.043.395 2.74 1.164q1.012 1.155 1.012 3.12z"/></symbol><use href="#ai:simple-icons:mastodon"></use>  </svg>  </a> </p> <p title="Reddit (https://www.reddit.com/user/zyrouge)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://www.reddit.com/user/zyrouge" target="_blank" title="Reddit (https://www.reddit.com/user/zyrouge)" aria-label="Reddit (https://www.reddit.com/user/zyrouge)">  <svg width="1em" height="1em" data-icon="simple-icons:reddit">   <symbol id="ai:simple-icons:reddit" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286A.72.72 0 0 0 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0m4.388 3.199a1.999 1.999 0 1 1-1.947 2.46v.002a2.37 2.37 0 0 0-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363a2.802 2.802 0 1 1 2.908 4.753c-.088 3.256-3.637 5.876-7.997 5.876c-4.361 0-7.905-2.617-7.998-5.87a2.8 2.8 0 0 1 1.189-5.34c.645 0 1.239.218 1.712.585c1.275-.79 2.881-1.291 4.64-1.365v-.01a3.23 3.23 0 0 1 2.88-3.207a2 2 0 0 1 1.959-1.595m-8.085 8.376c-.784 0-1.459.78-1.506 1.797s.64 1.429 1.426 1.429s1.371-.369 1.418-1.385s-.553-1.841-1.338-1.841m7.406 0c-.786 0-1.385.824-1.338 1.841s.634 1.385 1.418 1.385c.785 0 1.473-.413 1.426-1.429c-.046-1.017-.721-1.797-1.506-1.797m-3.703 4.013c-.974 0-1.907.048-2.77.135a.222.222 0 0 0-.183.305a3.2 3.2 0 0 0 2.953 1.964a3.2 3.2 0 0 0 2.953-1.964a.222.222 0 0 0-.184-.305a28 28 0 0 0-2.769-.135"/></symbol><use href="#ai:simple-icons:reddit"></use>  </svg>  </a> </p> <p title="Blusky (https://bsky.app/profile/zyrouge.me)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="https://bsky.app/profile/zyrouge.me" target="_blank" title="Blusky (https://bsky.app/profile/zyrouge.me)" aria-label="Blusky (https://bsky.app/profile/zyrouge.me)">  <svg width="1em" height="1em" data-icon="simple-icons:bluesky">   <symbol id="ai:simple-icons:bluesky" viewBox="0 0 24 24"><path fill="currentColor" d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565C.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479c.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056q-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078c5.013 5.19 6.87-1.113 7.823-4.308c.953 3.195 2.05 9.271 7.733 4.308c4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364c.246-.828.624-5.79.624-6.478c0-.69-.139-1.861-.902-2.206c-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8"/></symbol><use href="#ai:simple-icons:bluesky"></use>  </svg>  </a> </p> <p title="Mail (mailto:hello@zyrouge.me)"> <a class="u-flex inline-block aspect-square text-[1.5rem] sm:text-[2rem] text-white/50 hover:text-primary-500 transition duration-200" href="mailto:hello@zyrouge.me" target="_blank" title="Mail (mailto:hello@zyrouge.me)" aria-label="Mail (mailto:hello@zyrouge.me)">  <svg width="1em" height="1em" data-icon="mdi:alternate-email">   <symbol id="ai:mdi:alternate-email" viewBox="0 0 24 24"><path fill="currentColor" d="M12 15c.81 0 1.5-.3 2.11-.89c.59-.61.89-1.3.89-2.11s-.3-1.5-.89-2.11C13.5 9.3 12.81 9 12 9s-1.5.3-2.11.89C9.3 10.5 9 11.19 9 12s.3 1.5.89 2.11c.61.59 1.3.89 2.11.89m0-13c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12v1.45c0 1-.35 1.85-1 2.55c-.7.67-1.5 1-2.5 1c-1.2 0-2.19-.5-2.94-1.5c-1 1-2.18 1.5-3.56 1.5c-1.37 0-2.55-.5-3.54-1.46C7.5 14.55 7 13.38 7 12c0-1.37.5-2.55 1.46-3.54C9.45 7.5 10.63 7 12 7c1.38 0 2.55.5 3.54 1.46C16.5 9.45 17 10.63 17 12v1.45c0 .41.16.77.46 1.08s.65.47 1.04.47c.42 0 .77-.16 1.07-.47s.43-.67.43-1.08V12c0-2.19-.77-4.07-2.35-5.65S14.19 4 12 4s-4.07.77-5.65 2.35S4 9.81 4 12s.77 4.07 2.35 5.65S9.81 20 12 20h5v2h-5c-2.75 0-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2"/></symbol><use href="#ai:mdi:alternate-email"></use>  </svg>  </a> </p> </div> </div> </div> <hr> <div class="u-container u-container-h"> <p class="text-lg">What do I usually use?</p> <div class="pt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/nodejs.png" alt="Node.js's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Node.js</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/javascript.png" alt="JavaScript's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>JavaScript</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/typescript.png" alt="Typescript's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Typescript</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/go.png" alt="Go's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Go</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/dart.png" alt="Dart's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Dart</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/kotlin.png" alt="Kotlin's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Kotlin</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/java.png" alt="Java's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Java</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/html.png" alt="HTML's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>HTML</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/css.png" alt="CSS's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>CSS</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/bash.png" alt="Bash's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Bash</p> <p class="text-secondary-500 text-sm">Language</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/flutter.png" alt="Flutter's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Flutter</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/compose.png" alt="Jetpack Compose's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Jetpack Compose</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/electron.png" alt="Electron's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Electron</p> <p class="text-secondary-500 text-sm">App Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/vue.png" alt="Vue's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Vue</p> <p class="text-secondary-500 text-sm">UI Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/tailwindcss.png" alt="Tailwind CSS's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Tailwind CSS</p> <p class="text-secondary-500 text-sm">CSS Framework</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/mongodb.png" alt="MongoDB's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>MongoDB</p> <p class="text-secondary-500 text-sm">Database</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/sqlite.png" alt="SQL's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>SQL</p> <p class="text-secondary-500 text-sm">Database</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/windows.png" alt="Windows's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Windows</p> <p class="text-secondary-500 text-sm">Operating System</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/linux.png" alt="Linux's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Linux</p> <p class="text-secondary-500 text-sm">Operating System</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/git.png" alt="Git's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Git</p> <p class="text-secondary-500 text-sm">Version Control</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/vscode.png" alt="VS Code's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>VS Code</p> <p class="text-secondary-500 text-sm">Editor</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/android-studio.png" alt="Android Studio's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Android Studio</p> <p class="text-secondary-500 text-sm">IDE</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/figma.png" alt="Figma's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Figma</p> <p class="text-secondary-500 text-sm">Graphic Design</p> </div> </div> </div> <div> <div class="u-flex gap-4 px-4 py-2 bg-secondary-950 border border-secondary-900"> <img class="h-auto w-8" src="/static/images/podman.png" alt="Podman's logo" loading="lazy"> <p class="self-stretch w-[1px] bg-secondary-900"></p> <div class="w-full"> <p>Podman</p> <p class="text-secondary-500 text-sm">Containerization</p> </div> </div> </div> </div> </div> <hr> <div class="u-container-h"> <div class="u-container"> <p class="text-lg">Some of my projects</p> </div> <div class="pt-4" id="projects"> <div class="u-container md:min-h-screen u-flex pt-28 md:pt-32 pb-16 md:pb-32 u-flex !flex-col bg-purple-400" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/symphony.svg" alt="Symphony's logo" loading="lazy"> <p class="pt-24 text-lg text-center">🎵 A lightweight, elegant music player that enhances your offline music experience.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/symphony" target="_blank"> https://zyrouge.github.io/symphony <svg width="1em" height="1em" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <symbol id="ai:mdi:arrow-top-right" viewBox="0 0 24 24"><path fill="currentColor" d="M5 17.59L15.59 7H9V5h10v10h-2V8.41L6.41 19z"/></symbol><use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#android</p><p>#kotlin</p><p>#compose</p><p>#music</p> </div> </div> <div class="u-container md:min-h-screen u-flex pt-28 md:pt-32 pb-16 md:pb-32 u-flex !flex-col bg-neutral-900" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/phrasey.svg" alt="Phrasey's logo" loading="lazy"> <p class="pt-24 text-lg text-center">A full-blown i18n build system.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/phrasey" target="_blank"> https://zyrouge.github.io/phrasey <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#nodejs</p><p>#i18n</p> </div> </div> <div class="u-container md:min-h-screen u-flex pt-28 md:pt-32 pb-16 md:pb-32 u-flex !flex-col bg-emerald-400" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/beize.svg" alt="Beize's logo" loading="lazy"> <p class="pt-24 text-lg text-center">A highly dynamic embeddable scripting language.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://zyrouge.github.io/beize" target="_blank"> https://zyrouge.github.io/beize <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#dart</p><p>#programming-language</p><p>#interpreter</p> </div> </div> <div class="u-container md:min-h-screen u-flex pt-28 md:pt-32 pb-16 md:pb-32 u-flex !flex-col bg-blue-300" id="project-item"> <img class="max-h-[40%] max-w-[60%] sm:max-w-[40%]" src="/static/images/pho.svg" alt="Pho's logo" loading="lazy"> <p class="pt-24 text-lg text-center">An AppImage Manager for Linux.</p> <a class="group mt-1 border-b border-white/30 hover:border-white transition duration-200" href="https://github.com/zyrouge/pho" target="_blank"> https://github.com/zyrouge/pho <svg width="1em" height="1em" viewBox="0 0 24 24" class="inline-block text-white/30 group-hover:text-white transition duration-200" data-icon="mdi:arrow-top-right">   <use href="#ai:mdi:arrow-top-right"></use>  </svg> </a> <div class="u-flex flex-wrap mt-2 gap-2 text-xs text-white/50 hover:text-white transition duration-200"> <p>#go</p><p>#linux</p> </div> </div> </div> </div> <p class="u-container pb-2 text-white/25 text-xs text-right"> <span class="text-white/40">🎉</span> Whoo Hoo! You scrolled to the end!
+</p> <script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.FoG9alGm.js"></script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/redirect/bsky/index.html b/redirect/bsky/index.html
new file mode 100644
index 0000000..d9a8bd9
--- /dev/null
+++ b/redirect/bsky/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Bluesky / Zyrouge</title><meta name="title" property="title" content="Bluesky / Zyrouge"><meta name="og:title" property="og:title" content="Bluesky / Zyrouge"><meta name="description" property="description" content="Redirection to https://bsky.app/profile/zyrouge.me"><meta name="og:description" property="og:description" content="Redirection to https://bsky.app/profile/zyrouge.me"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://bsky.app/profile/zyrouge.me"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+Home
+ </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
+Articles
+ </a> </div> </div> </div> </nav>  <hr> <div class="u-container u-container-h u-flex py-10 min-h-[60vh]"> <div> <div class="u-flex"> <div class="text-center"> <div class="text-9xl font-bold mb-4 text-primary-500"> <div> <p>302</p> </div> </div> <div class="mb-2"><div> <p>
+You will be redirected to
+<a class="text-primary-500 hover:text-primary-600 font-bold" href="https://bsky.app/profile/zyrouge.me"> https://bsky.app/profile/zyrouge.me </a> shortly.
+</p> </div></div> <div>  </div> </div> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("meta[name='redirect-url']")?.content;e&&location.assign(e)});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
+Made by
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+Licensed under
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
+and
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/redirect/discord/index.html b/redirect/discord/index.html
index ca38686..611b3a3 100644
--- a/redirect/discord/index.html
+++ b/redirect/discord/index.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Discord / Zyrouge</title><meta name="title" property="title" content="Discord / Zyrouge"><meta name="og:title" property="og:title" content="Discord / Zyrouge"><meta name="description" property="description" content="Redirection to https://discord.gg/8KV5zCg"><meta name="og:description" property="og:description" content="Redirection to https://discord.gg/8KV5zCg"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://discord.gg/8KV5zCg"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css"></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Discord / Zyrouge</title><meta name="title" property="title" content="Discord / Zyrouge"><meta name="og:title" property="og:title" content="Discord / Zyrouge"><meta name="description" property="description" content="Redirection to https://discord.gg/8KV5zCg"><meta name="og:description" property="og:description" content="Redirection to https://discord.gg/8KV5zCg"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://discord.gg/8KV5zCg"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -8,10 +8,8 @@
 <a class="text-primary-500 hover:text-primary-600 font-bold" href="https://discord.gg/8KV5zCg"> https://discord.gg/8KV5zCg </a> shortly.
 </p> </div></div> <div>  </div> </div> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("meta[name='redirect-url']")?.content;e&&location.assign(e)});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/redirect/github/index.html b/redirect/github/index.html
index 5fdb0dc..28e2d64 100644
--- a/redirect/github/index.html
+++ b/redirect/github/index.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Github / Zyrouge</title><meta name="title" property="title" content="Github / Zyrouge"><meta name="og:title" property="og:title" content="Github / Zyrouge"><meta name="description" property="description" content="Redirection to https://github.com/zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://github.com/zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://github.com/zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css"></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Github / Zyrouge</title><meta name="title" property="title" content="Github / Zyrouge"><meta name="og:title" property="og:title" content="Github / Zyrouge"><meta name="description" property="description" content="Redirection to https://github.com/zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://github.com/zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://github.com/zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -8,10 +8,8 @@
 <a class="text-primary-500 hover:text-primary-600 font-bold" href="https://github.com/zyrouge"> https://github.com/zyrouge </a> shortly.
 </p> </div></div> <div>  </div> </div> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("meta[name='redirect-url']")?.content;e&&location.assign(e)});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/redirect/mastodon/index.html b/redirect/mastodon/index.html
index be20967..7708755 100644
--- a/redirect/mastodon/index.html
+++ b/redirect/mastodon/index.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Mastodon / Zyrouge</title><meta name="title" property="title" content="Mastodon / Zyrouge"><meta name="og:title" property="og:title" content="Mastodon / Zyrouge"><meta name="description" property="description" content="Redirection to https://mastodon.social/@zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://mastodon.social/@zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://mastodon.social/@zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css"></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Mastodon / Zyrouge</title><meta name="title" property="title" content="Mastodon / Zyrouge"><meta name="og:title" property="og:title" content="Mastodon / Zyrouge"><meta name="description" property="description" content="Redirection to https://mastodon.social/@zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://mastodon.social/@zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://mastodon.social/@zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -8,10 +8,8 @@
 <a class="text-primary-500 hover:text-primary-600 font-bold" href="https://mastodon.social/@zyrouge"> https://mastodon.social/@zyrouge </a> shortly.
 </p> </div></div> <div>  </div> </div> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("meta[name='redirect-url']")?.content;e&&location.assign(e)});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/redirect/reddit/index.html b/redirect/reddit/index.html
index 9745328..8b6bf4a 100644
--- a/redirect/reddit/index.html
+++ b/redirect/reddit/index.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Reddit / Zyrouge</title><meta name="title" property="title" content="Reddit / Zyrouge"><meta name="og:title" property="og:title" content="Reddit / Zyrouge"><meta name="description" property="description" content="Redirection to https://www.reddit.com/user/zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://www.reddit.com/user/zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://www.reddit.com/user/zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.CjX8t40S.css">
-<link rel="stylesheet" href="/_astro/discord.CdgsrHLg.css"></head> <body> <nav> <div class="py-4 md:py-6"> <div class="u-flex !flex-col md:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> zyrouge </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><link rel="icon" type="image/png" href="/icon.png"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Reddit / Zyrouge</title><meta name="title" property="title" content="Reddit / Zyrouge"><meta name="og:title" property="og:title" content="Reddit / Zyrouge"><meta name="description" property="description" content="Redirection to https://www.reddit.com/user/zyrouge"><meta name="og:description" property="og:description" content="Redirection to https://www.reddit.com/user/zyrouge"><meta name="author" property="author" content="Zyrouge, zyrouge@hotmail.com"><meta name="og:image" property="og:image" content="/banner.png"><meta name="og:type" property="og:type" content="website"><meta name="robots" property="robots" content="all"><meta name="theme-color" property="theme-color" content="#d946ef"><meta name="redirect-url" property="redirect-url" content="https://www.reddit.com/user/zyrouge"><meta name="google-site-verification" content="jL9yGYBUCR9sm_AshYC0G7yR8vmeE5mXlAcoasVGkTI"><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Inter:wght@400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/_slug_.C09aMweD.css">
+<link rel="stylesheet" href="/_astro/bsky.DiiDGYnI.css"></head> <body> <nav> <div class="pt-5 pb-4 md:pb-5"> <div class="u-flex !flex-col sm:!flex-row !justify-around gap-4 md:gap-8"> <div class="font-bold font-mono"> <a class="transition duration-200 text-white hover:text-primary-500" href="/">  <img src="/icon.png" alt="Logo" class="h-auto w-8">  </a> </div> <div class="u-flex gap-8"> <a class="transition duration-200 text-white hover:text-primary-500" href="/"> 
 Home
  </a> <a class="transition duration-200 text-white hover:text-primary-500" href="/articles"> 
 Articles
@@ -8,10 +8,8 @@
 <a class="text-primary-500 hover:text-primary-600 font-bold" href="https://www.reddit.com/user/zyrouge"> https://www.reddit.com/user/zyrouge </a> shortly.
 </p> </div></div> <div>  </div> </div> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelector("meta[name='redirect-url']")?.content;e&&location.assign(e)});</script>  <footer> <hr> <div class="u-container py-6 text-center text-sm"> <p class="mb-1">
 Made by
-<span class="text-primary-500">Zyrouge</span>
-with ❤️
-</p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
+<span class="text-primary-500">Zyrouge</span> </p> <div class="mb-1 flex flex-wrap justify-center"> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="https://github.com/zyrouge/zyrouge.me" target="_blank"> Source Code </a> </p> <p class="px-3 text-primary-500 hover:text-primary-600 border-l border-secondary-900 first:border-l-0 transition duration-200"> <a href="/articles/rss.xml" target="_blank"> Articles RSS </a> </p> </div> <div class="text-secondary-500"> <p class="mb-1">
 Licensed under
 <a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/LICENSE" target="_blank">Apache 2.0</a>
 and
-<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at December 21, 2024 5:51 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
+<a class="border-b border-secondary-800 hover:border-secondary-500" href="https://github.com/zyrouge/zyrouge.me/blob/main/src/content/articles/LICENSE" target="_blank">CC BY 4.0</a> </p> <p>Last built at January 4, 2025 3:24 PM</p> </div> </div> </footer> <div class="u-flex" id="scroll-to-top-container" data-astro-cid-epbswqsi> <button class="group u-flex gap-2 pl-2 pr-3" id="scroll-to-top" data-astro-cid-epbswqsi> <svg width="1em" height="1em" class="text-[2rem] text-primary-500 group-hover:text-white" data-astro-cid-epbswqsi="true" data-icon="mdi:caret">   <symbol id="ai:mdi:caret" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></symbol><use href="#ai:mdi:caret"></use>  </svg> <p data-astro-cid-epbswqsi>Scroll to Top</p> </button> </div>  <script type="module">class c{scrollToTopId="scroll-to-top";activeAttribute="data-active";isVisible=!1;lastScrollTop=0;initialize(){this.attachDocumentScroll(),this.attachScrollToTop()}attachScrollToTop(){document.getElementById(this.scrollToTopId)?.addEventListener("click",()=>{document.scrollingElement?.scrollTo({top:0,behavior:"smooth"})})}attachDocumentScroll(){document.addEventListener("scroll",()=>{this.onScroll()})}onScroll(){const{scrollingElement:t}=document;if(!t)return;const{clientHeight:o,scrollTop:l,scrollHeight:i}=t,e=o*.25;this.setVisibility(l<this.lastScrollTop&&l>e&&l+o<i-e),this.lastScrollTop=l}setVisibility(t){if(this.isVisible===t)return;this.isVisible=t,document.getElementById(this.scrollToTopId)?.setAttribute(this.activeAttribute,t?"true":"")}}const s=new c;s.initialize();</script> </body></html>
\ No newline at end of file
diff --git a/sitemap-0.xml b/sitemap-0.xml
index 138ce56..bfbc465 100644
--- a/sitemap-0.xml
+++ b/sitemap-0.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://zyrouge.me/</loc></url><url><loc>https://zyrouge.me/articles/</loc></url><url><loc>https://zyrouge.me/articles/blog/my-first-app-on-play-store/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime/</loc></url><url><loc>https://zyrouge.me/redirect/discord/</loc></url><url><loc>https://zyrouge.me/redirect/github/</loc></url><url><loc>https://zyrouge.me/redirect/mastodon/</loc></url><url><loc>https://zyrouge.me/redirect/reddit/</loc></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://zyrouge.me/</loc></url><url><loc>https://zyrouge.me/articles/</loc></url><url><loc>https://zyrouge.me/articles/blog/my-first-app-on-play-store/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/are-insecurities-worth-hiding/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/experience-of-an-introvert/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/hope-for-best-or-prepare-for-worst/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/unrealistics-expectations/</loc></url><url><loc>https://zyrouge.me/articles/raining-thoughts/why-i-prefer-anime/</loc></url><url><loc>https://zyrouge.me/redirect/bsky/</loc></url><url><loc>https://zyrouge.me/redirect/discord/</loc></url><url><loc>https://zyrouge.me/redirect/github/</loc></url><url><loc>https://zyrouge.me/redirect/mastodon/</loc></url><url><loc>https://zyrouge.me/redirect/reddit/</loc></url></urlset>
\ No newline at end of file
