diff --git a/assets/css/custom.css b/assets/css/custom.css
index 04082ad..e69de29 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,14 +0,0 @@
-/* VK Comments wrapper для dark темы Blowfish */
-.vk-comments-wrap {
-  background: rgb(var(--color-neutral-900));
-  color: rgb(var(--color-neutral-50));
-  border: 1px solid rgb(var(--color-neutral-700));
-  border-radius: 12px;
-  padding: 24px;
-  margin-top: 3rem;
-  margin-bottom: 4rem;
-}
-
-#vk_comments { 
-  width: 100% !important; 
-}
\ No newline at end of file
diff --git a/public/404.html b/public/404.html
index 8651295..c37e2df 100644
--- a/public/404.html
+++ b/public/404.html
@@ -119,8 +119,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.b5bc3f4587655153415b7825fd1716f97df9c99f87c23f81146f4dd4f9f49f04ad031e3b5f0ee5c0416707a1455ca2cfa8fc1f3a19ece1486b0126dcd310a63e.css"
+    integrity="sha512-tbw/RYdlUVNBW3gl/RcW&#43;X35yZ&#43;Hwj&#43;BFG9N1Pn0nwStAx47Xw7lwEFnB6FFXKLPqPwfOhns4UhrASbc0xCmPg==">
 
   
   
diff --git a/public/about/index.html b/public/about/index.html
index 3f8bed6..6d27a59 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -121,8 +121,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.b5bc3f4587655153415b7825fd1716f97df9c99f87c23f81146f4dd4f9f49f04ad031e3b5f0ee5c0416707a1455ca2cfa8fc1f3a19ece1486b0126dcd310a63e.css"
+    integrity="sha512-tbw/RYdlUVNBW3gl/RcW&#43;X35yZ&#43;Hwj&#43;BFG9N1Pn0nwStAx47Xw7lwEFnB6FFXKLPqPwfOhns4UhrASbc0xCmPg==">
 
   
   
diff --git a/public/authors/index.html b/public/authors/index.html
index 94078f1..9f9e61f 100644
--- a/public/authors/index.html
+++ b/public/authors/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/devops-практики/index.html b/public/categories/devops-практики/index.html
index 8ec267e..3cd0203 100644
--- a/public/categories/devops-практики/index.html
+++ b/public/categories/devops-практики/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/homelab/index.html b/public/categories/homelab/index.html
index ecf9e04..97afad6 100644
--- a/public/categories/homelab/index.html
+++ b/public/categories/homelab/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/index.html b/public/categories/index.html
index f336a51..8a30cf8 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/kubernetes/index.html b/public/categories/kubernetes/index.html
index 2e20d3f..280f916 100644
--- a/public/categories/kubernetes/index.html
+++ b/public/categories/kubernetes/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/веб-разработка/index.html b/public/categories/веб-разработка/index.html
index ea4c209..148a3ff 100644
--- a/public/categories/веб-разработка/index.html
+++ b/public/categories/веб-разработка/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/categories/шпаргалки/index.html b/public/categories/шпаргалки/index.html
index 656c7a0..f884b61 100644
--- a/public/categories/шпаргалки/index.html
+++ b/public/categories/шпаргалки/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/cheatsheets/git-workflow/index.html b/public/cheatsheets/git-workflow/index.html
index a8c3dad..c513ff1 100644
--- a/public/cheatsheets/git-workflow/index.html
+++ b/public/cheatsheets/git-workflow/index.html
@@ -128,8 +128,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/cheatsheets/index.html b/public/cheatsheets/index.html
index ec4b3a6..63affc5 100644
--- a/public/cheatsheets/index.html
+++ b/public/cheatsheets/index.html
@@ -126,8 +126,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/cheatsheets/shortcodes/index.html b/public/cheatsheets/shortcodes/index.html
index fff0bdc..19632aa 100644
--- a/public/cheatsheets/shortcodes/index.html
+++ b/public/cheatsheets/shortcodes/index.html
@@ -131,8 +131,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -3284,7 +3284,7 @@ Call to action
 
 <div class="width-patch"></div>
 <div
-  id="carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+  id="carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
   class="relative"
   data-twe-carousel-init
   data-twe-ride="carousel"
@@ -3296,7 +3296,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
         data-twe-slide-to="0"
         data-twe-carousel-active aria-current="true"
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3305,7 +3305,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
         data-twe-slide-to="1"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3314,7 +3314,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
         data-twe-slide-to="2"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3323,7 +3323,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+        data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
         data-twe-slide-to="3"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3541,7 +3541,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+    data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
     data-twe-slide="prev">
     <span class="inline-block h-8 w-8">
       <svg
@@ -3563,7 +3563,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771849223863392047"
+    data-twe-target="#carousel-e7c824e207c64a6a8dfd5087178ee956-1771868958950926208"
     data-twe-slide="next">
     <span class="inline-block h-8 w-8">
       <svg
@@ -3623,7 +3623,7 @@ Call to action
 
 <div class="width-patch"></div>
 <div
-  id="carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+  id="carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
   class="relative"
   data-twe-carousel-init
   data-twe-ride="carousel"
@@ -3635,7 +3635,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="0"
         data-twe-carousel-active aria-current="true"
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3644,7 +3644,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="1"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3653,7 +3653,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="2"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3662,7 +3662,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="3"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3671,7 +3671,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="4"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3680,7 +3680,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="5"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -3689,7 +3689,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+        data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
         data-twe-slide-to="6"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4057,7 +4057,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+    data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
     data-twe-slide="prev">
     <span class="inline-block h-8 w-8">
       <svg
@@ -4079,7 +4079,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771849223863909826"
+    data-twe-target="#carousel-ed2cdb60e610d38f928eeae9583a3bd8-1771868958951561315"
     data-twe-slide="next">
     <span class="inline-block h-8 w-8">
       <svg
@@ -4157,7 +4157,7 @@ Call to action
 
 <div class="width-patch"></div>
 <div
-  id="carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+  id="carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
   class="relative"
   data-twe-carousel-init
   data-twe-ride="carousel"
@@ -4169,7 +4169,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="0"
         data-twe-carousel-active aria-current="true"
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4178,7 +4178,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="1"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4187,7 +4187,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="2"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4196,7 +4196,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="3"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4205,7 +4205,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="4"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4214,7 +4214,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="5"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4223,7 +4223,7 @@ Call to action
     
       <button
         type="button"
-        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+        data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
         data-twe-slide-to="6"
         
         class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none"
@@ -4585,7 +4585,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+    data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
     data-twe-slide="prev">
     <span class="inline-block h-8 w-8">
       <svg
@@ -4607,7 +4607,7 @@ Call to action
   <button
     class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
     type="button"
-    data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771849223864617926"
+    data-twe-target="#carousel-6e40cc3e2f0f069b33fe6b34367d7801-1771868958952432783"
     data-twe-slide="next">
     <span class="inline-block h-8 w-8">
       <svg
diff --git a/public/css/main.bundle.min.0b718e8a729b3c89936fa053d5b2b26621ade3f1b60b1eab8cf7beae7cfb9d39a4e336af62f0182ba604bc1f7a43650238cd14b1df1974fbbe66d28a5fae3cb7.css b/public/css/main.bundle.min.0b718e8a729b3c89936fa053d5b2b26621ade3f1b60b1eab8cf7beae7cfb9d39a4e336af62f0182ba604bc1f7a43650238cd14b1df1974fbbe66d28a5fae3cb7.css
new file mode 100644
index 0000000..c57c011
--- /dev/null
+++ b/public/css/main.bundle.min.0b718e8a729b3c89936fa053d5b2b26621ade3f1b60b1eab8cf7beae7cfb9d39a4e336af62f0182ba604bc1f7a43650238cd14b1df1974fbbe66d28a5fae3cb7.css
@@ -0,0 +1,178 @@
+:root{--color-neutral:255, 255, 255;--color-neutral-50:248, 250, 252;--color-neutral-100:241, 245, 249;--color-neutral-200:226, 232, 240;--color-neutral-300:203, 213, 225;--color-neutral-400:148, 163, 184;--color-neutral-500:100, 116, 139;--color-neutral-600:71, 85, 105;--color-neutral-700:51, 65, 85;--color-neutral-800:30, 41, 59;--color-neutral-900:15, 23, 42;--color-primary-50:239, 246, 255;--color-primary-100:219, 234, 254;--color-primary-200:191, 219, 254;--color-primary-300:147, 197, 253;--color-primary-400:96, 165, 250;--color-primary-500:59, 130, 246;--color-primary-600:37, 99, 235;--color-primary-700:29, 78, 216;--color-primary-800:30, 64, 175;--color-primary-900:30, 58, 138;--color-secondary-50:236, 254, 255;--color-secondary-100:207, 250, 254;--color-secondary-200:165, 243, 252;--color-secondary-300:103, 232, 249;--color-secondary-400:34, 211, 238;--color-secondary-500:6, 182, 212;--color-secondary-600:8, 145, 178;--color-secondary-700:14, 116, 144;--color-secondary-800:21, 94, 117;--color-secondary-900:22, 78, 99}/*!tailwindcss v4.1.18 | MIT License | https://tailwindcss.com*//*!Blowfish | MIT License | https://github.com/nunocoracao/blowfish*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;--spacing:0.25rem;--container-2xs:18rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-0.025em;--tracking-normal:0em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports(not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.-start-6{inset-inline-start:calc(var(--spacing) * -6)}.start-\[calc\(max\(-50vw\,-800px\)\+50\%\)\]{inset-inline-start:calc(max(-50vw,-800px) + 50%)}.end-6{inset-inline-end:calc(var(--spacing) * 6)}.end-8{inset-inline-end:calc(var(--spacing) * 8)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.top-5{top:calc(var(--spacing) * 5)}.top-20{top:calc(var(--spacing) * 20)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.-z-10{z-index:calc(10 * -1)}.z-2{z-index:2}.z-10{z-index:10}.z-50{z-index:50}.z-80{z-index:80}.z-100{z-index:100}.z-500{z-index:500}.z-\[1\]{z-index:1}.z-\[999\]{z-index:999}.z-\[1040\]{z-index:1040}.z-\[1070\]{z-index:1070}.z-\[1080\]{z-index:1080}.order-first{order:-9999}.float-left{float:left}.container{width:100%;@media(width >= 640px){max-width: 640px;}@media(width >= 853px){max-width: 853px;}@media(width >= 1024px){max-width: 1024px;}@media(width >= 1280px){max-width: 1280px;}@media(width >= 1536px){max-width: 1536px;}}.\!-m-px{margin:-1px!important}.m-0{margin:calc(var(--spacing) * 0)}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-300{margin:calc(var(--spacing) * 300)}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-\[3px\]{margin-inline:3px}.mx-\[15\%\]{margin-inline:15%}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-3{margin-block:calc(var(--spacing) * 3)}.-ms-5{margin-inline-start:calc(var(--spacing) * -5)}.ms-0{margin-inline-start:calc(var(--spacing) * 0)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-6{margin-inline-start:calc(var(--spacing) * 6)}.ms-7{margin-inline-start:calc(var(--spacing) * 7)}.ms-auto{margin-inline-start:auto}.-me-48{margin-inline-end:calc(var(--spacing) * -48)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-4{margin-inline-end:calc(var(--spacing) * 4)}.me-6{margin-inline-end:calc(var(--spacing) * 6)}.prose{color:var(--tw-prose-body);max-width:65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: none; font-weight: 500; text-decoration-color: rgba(var(--color-primary-300), 1); &:hover { color: rgba(var(--color-primary-600), 1); text-decoration: none; border-radius: 0.09rem; } } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; border: 0.8px solid rgba(var(--color-neutral-300), 1); } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 600; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.9rem; border-radius: 0.25rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; background-color: rgba(var(--color-neutral-200), 1); padding: 0.1rem 0.4rem; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; border-radius: 0.25rem; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; display: none; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; display: none; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: rgba(var(--color-neutral-700), 1);--tw-prose-headings:rgba(var(--color-neutral-800), 1);--tw-prose-lead:rgba(var(--color-neutral-500), 1);--tw-prose-links:rgba(var(--color-primary-600), 1);--tw-prose-bold:inherit;--tw-prose-counters:rgba(var(--color-neutral-800), 1);--tw-prose-bullets:rgba(var(--color-neutral-500), 1);--tw-prose-hr:oklch(92.8% 0.006 264.531);--tw-prose-quotes:rgba(var(--color-neutral-700), 1);--tw-prose-quote-borders:rgba(var(--color-primary-500), 1);--tw-prose-captions:rgba(var(--color-neutral-500), 1);--tw-prose-kbd:oklch(21% 0.034 264.665);--tw-prose-kbd-shadows:color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);--tw-prose-code:rgba(var(--color-secondary-700), 1);--tw-prose-pre-code:rgba(var(--color-neutral-700), 1);--tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);--tw-prose-th-borders:rgba(var(--color-neutral-500), 1);--tw-prose-td-borders:rgba(var(--color-neutral-300), 1);--tw-prose-invert-body:rgba(var(--color-neutral-300), 1);--tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);--tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);--tw-prose-invert-links:rgba(var(--color-primary-400), 1);--tw-prose-invert-bold:rgba(var(--color-neutral), 1);--tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);--tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);--tw-prose-invert-hr:oklch(37.3% 0.034 259.733);--tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);--tw-prose-invert-quote-borders:rgba(var(--color-primary-600), 1);--tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);--tw-prose-invert-code:rgba(var(--color-secondary-400), 1);--tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);--tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);--tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);--tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);font-size:1rem;line-height:1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: rgba(var(--color-neutral-800), 1); background-color: rgba(var(--color-primary-600), 1); padding: 0.1rem 0.2rem; border-radius: 0.25rem; } :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { display: none; } :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { display: none; } :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-600), 1); } :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-600), 1); }}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.-mt-\[2px\]{margin-top:calc(2px * -1)}.-mt-\[15px\]{margin-top:calc(15px * -1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-\[0\.5rem\]{margin-top:.5rem}.-mr-\[100\%\]{margin-right:calc(100% * -1)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-5{margin-right:calc(var(--spacing) * 5)}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.\!mb-9{margin-bottom:calc(var(--spacing) * 9)!important}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-\[2px\]{margin-bottom:2px}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-2{margin-left:calc(var(--spacing) * 2)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.scrollbar{&::-webkit-scrollbar-track { background-color:var(--scrollbar-track); border-radius:var(--scrollbar-track-radius); } &::-webkit-scrollbar-thumb { background-color:var(--scrollbar-thumb); border-radius:var(--scrollbar-thumb-radius); } &::-webkit-scrollbar-corner { background-color:var(--scrollbar-corner); border-radius:var(--scrollbar-corner-radius); } @supports (-moz-appearance:none) { scrollbar-width:auto; scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial); } &::-webkit-scrollbar { display:block; width:var(--scrollbar-width,16px); height:var(--scrollbar-height,16px); }}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.\!h-px{height:1px!important}.h-0{height:calc(var(--spacing) * 0)}.h-1\/2{height:calc(1/2 * 100%)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-84{height:calc(var(--spacing) * 84)}.h-\[3px\]{height:3px}.h-\[150px\]{height:150px}.h-\[800px\]{height:800px}.h-\[1000px\]{height:1e3px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-3{max-height:calc(var(--spacing) * 3)}.max-h-20{max-height:calc(var(--spacing) * 20)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[130px\]{min-height:130px}.min-h-\[148px\]{min-height:148px}.min-h-full{min-height:100%}.\!w-px{width:1px!important}.w-0{width:calc(var(--spacing) * 0)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-80{width:calc(var(--spacing) * 80)}.w-\[15\%\]{width:15%}.w-\[30px\]{width:30px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-\[200px\]{max-width:200px}.max-w-\[267px\]{max-width:267px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[1\.8rem\]{min-width:1.8rem}.min-w-\[30px\]{min-width:30px}.min-w-\[220px\]{min-width:220px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-8{--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.-rotate-90{rotate:calc(90deg * -1)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-rows-\[0fr\]{grid-template-rows:0fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.space-y-2{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-5{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-6{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-10{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); }}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.space-x-2{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }}.space-x-3{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); }}.space-x-5{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); }}.place-self-center{place-self:center}.self-center{align-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-\[0\.25rem\]{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e-\[0\.25rem\]{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y-\[10px\]{border-block-style:var(--tw-border-style);border-block-width:10px}.border-s-0{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.border-s-1{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-s-\[0\.125rem\]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:.125rem}.border-e-0{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-neutral-100{border-color:rgba(var(--color-neutral-100),1)}.border-neutral-200{border-color:rgba(var(--color-neutral-200),1)}.border-neutral-300{border-color:rgba(var(--color-neutral-300),1)}.border-primary-400{border-color:rgba(var(--color-primary-400),1)}.border-primary-500{border-color:rgba(var(--color-primary-500),1)}.border-secondary-500{border-color:rgba(var(--color-secondary-500),1)}.border-transparent{border-color:transparent}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders); :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-neutral-600), 1); &:hover { color: rgba(var(--color-primary-400), 1); } } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: rgba(var(--color-neutral-200), 1); background-color: rgba(var(--color-neutral-700), 1); } :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: rgba(var(--color-primary-400), 1); } :where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: color-mix(in oklab, oklch(21% 0.006 285.885) 70%, transparent); } :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border: 0.8px solid rgba(var(--color-neutral-500), 1); }}.bg-\[\#6d6d6d\]{background-color:#6d6d6d}.bg-black{background-color:#000}.bg-neutral{background-color:rgba(var(--color-neutral),1)}.bg-neutral-50{background-color:rgba(var(--color-neutral-50),1)}.bg-neutral-50\/97{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-50),1),1) 97%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-50),1) 97%,transparent);}}.bg-neutral-100{background-color:rgba(var(--color-neutral-100),1)}.bg-neutral-100\/75{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-100),1),1) 75%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-100),1) 75%,transparent);}}.bg-neutral-300{background-color:rgba(var(--color-neutral-300),1)}.bg-neutral-500\/50{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-500),1),1) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-500),1) 50%,transparent);}}.bg-neutral\/25{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral),1),1) 25%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral),1) 25%,transparent);}}.bg-neutral\/50{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral),1),1) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral),1) 50%,transparent);}}.bg-primary-100{background-color:rgba(var(--color-primary-100),1)}.bg-primary-200{background-color:rgba(var(--color-primary-200),1)}.bg-primary-200\/80{background-color:color-mix(in srgb,rgba(rgba(var(--color-primary-200),1),1) 80%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-primary-200),1) 80%,transparent);}}.bg-primary-500{background-color:rgba(var(--color-primary-500),1)}.bg-primary-600{background-color:rgba(var(--color-primary-600),1)}.bg-transparent{background-color:initial}.bg-white{background-color:#fff}.bg-linear-60{--tw-gradient-position:60deg;@supports(background-image:linear-gradient(in lab,red,red)){--tw-gradient-position: 60deg in oklab;}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-neutral{--tw-gradient-from:rgba(var(--color-neutral), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-500{--tw-gradient-from:rgba(var(--color-primary-500), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-60\%{--tw-gradient-from-position:60%}.to-neutral{--tw-gradient-to:rgba(var(--color-neutral), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-100{--tw-gradient-to:rgba(var(--color-neutral-100), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary-600{--tw-gradient-to:rgba(var(--color-secondary-600), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-scale-down{object-fit:scale-down}.object-left{object-position:left}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[0\.4rem\]{padding-inline:.4rem}.px-\[30px\]{padding-inline:30px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[0\.4rem\]{padding-block:.4rem}.py-\[1px\]{padding-block:1px}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pl-0{padding-left:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.-indent-\[999px\]{text-indent:calc(999px * -1)}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-normal{white-space:normal}.\!text-neutral{color:rgba(var(--color-neutral),1)!important}.text-inherit{color:inherit}.text-neutral-50{color:rgba(var(--color-neutral-50),1)}.text-neutral-200{color:rgba(var(--color-neutral-200),1)}.text-neutral-300{color:rgba(var(--color-neutral-300),1)}.text-neutral-400{color:rgba(var(--color-neutral-400),1)}.text-neutral-500{color:rgba(var(--color-neutral-500),1)}.text-neutral-600{color:rgba(var(--color-neutral-600),1)}.text-neutral-700{color:rgba(var(--color-neutral-700),1)}.text-neutral-800{color:rgba(var(--color-neutral-800),1)}.text-neutral-900{color:rgba(var(--color-neutral-900),1)}.text-primary-100{color:rgba(var(--color-primary-100),1)}.text-primary-300{color:rgba(var(--color-primary-300),1)}.text-primary-400{color:rgba(var(--color-primary-400),1)}.text-primary-500{color:rgba(var(--color-primary-500),1)}.text-primary-600{color:rgba(var(--color-primary-600),1)}.text-primary-700{color:rgba(var(--color-primary-700),1)}.text-primary-800{color:rgba(var(--color-primary-800),1)}.text-transparent{color:transparent}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.\!no-underline{text-decoration-line:none!important}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-neutral-300{text-decoration-color:rgba(var(--color-neutral-300),1)}.decoration-primary-500{text-decoration-color:rgba(var(--color-primary-500),1)}.underline-offset-auto{text-underline-offset:auto}.\!opacity-0{opacity:0%!important}.\!opacity-100{opacity:100%!important}.opacity-0{opacity:0%}.opacity-30{opacity:30%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-65{opacity:65%}.opacity-100{opacity:100%}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-normal{mix-blend-mode:normal}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary-500{--tw-ring-color:rgba(var(--color-primary-500), 1)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur\!{--tw-blur:blur(8px) !important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-brightness-112{--tw-backdrop-brightness:brightness(112%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-saturate-220{--tw-backdrop-saturate:saturate(220%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,_opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:150ms;transition-duration:150ms}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-\[350ms\]{--tw-duration:350ms;transition-duration:350ms}.duration-\[600ms\]{--tw-duration:600ms;transition-duration:600ms}.ease-\[cubic-bezier\(0\,0\,0\.15\,1\)\,_cubic-bezier\(0\,0\,0\.15\,1\)\]{--tw-ease:cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);transition-timing-function:cubic-bezier(0,0,.15,1),cubic-bezier(0,0,.15,1)}.ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\]{--tw-ease:cubic-bezier(0.25,0.1,0.25,1.0);transition-timing-function:cubic-bezier(.25,.1,.25,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\!\[clip\:rect\(0\,0\,0\,0\)\]{clip:rect(0,0,0,0)!important}.group-open\:rotate-0{&:is(:where(.group):is([open],:popover-open,:open) *) { rotate:0deg; }}.group-hover\:scale-110{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-scale-x:110%; --tw-scale-y:110%; --tw-scale-z:110%; scale:var(--tw-scale-x) var(--tw-scale-y); } }}.group-hover\:text-primary-500{&:is(:where(.group):hover *) { @media (hover:hover) { color:rgba(var(--color-primary-500),1); } }}.group-hover\:opacity-100{&:is(:where(.group):hover *) { @media (hover:hover) { opacity:100%; } }}.group-hover\:ring-2{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } }}.group-hover\:ring-primary-500{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-ring-color:rgba(var(--color-primary-500),1); } }}.group-data-\[twe-input-focused\]\:border-x-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-style:var(--tw-border-style); border-inline-width:0px; }}.group-data-\[twe-input-focused\]\:border-s-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-start-style:var(--tw-border-style); border-inline-start-width:0px; }}.group-data-\[twe-input-focused\]\:border-e-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; }}.group-data-\[twe-input-focused\]\:border-t{&:is(:where(.group)[data-twe-input-focused] *) { border-top-style:var(--tw-border-style); border-top-width:1px; }}.group-data-\[twe-input-focused\]\:border-solid{&:is(:where(.group)[data-twe-input-focused] *) { --tw-border-style:solid; border-style:solid; }}.group-data-\[twe-input-focused\]\:border-white{&:is(:where(.group)[data-twe-input-focused] *) { border-color:#fff; }}.group-data-\[twe-input-focused\]\:border-t-transparent{&:is(:where(.group)[data-twe-input-focused] *) { border-top-color:transparent; }}.group-data-\[twe-input-focused\]\:shadow-white{&:is(:where(.group)[data-twe-input-focused] *) { --tw-shadow-color:#fff; @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,#fff var(--tw-shadow-alpha),transparent); } }}.group-data-\[twe-input-state-active\]\:border-x-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-style:var(--tw-border-style); border-inline-width:0px; }}.group-data-\[twe-input-state-active\]\:border-s-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-start-style:var(--tw-border-style); border-inline-start-width:0px; }}.group-data-\[twe-input-state-active\]\:border-e-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; }}.group-data-\[twe-input-state-active\]\:border-t{&:is(:where(.group)[data-twe-input-state-active] *) { border-top-style:var(--tw-border-style); border-top-width:1px; }}.group-data-\[twe-input-state-active\]\:border-solid{&:is(:where(.group)[data-twe-input-state-active] *) { --tw-border-style:solid; border-style:solid; }}.group-data-\[twe-input-state-active\]\:border-t-transparent{&:is(:where(.group)[data-twe-input-state-active] *) { border-top-color:transparent; }}.peer-checked\:visible{&:is(:where(.peer):checked ~ *) { visibility:visible; }}.peer-checked\:opacity-100{&:is(:where(.peer):checked ~ *) { opacity:100%; }}.peer-checked\/full\:grid-rows-\[1fr\]{&:is(:where(.peer\/full):checked ~ *) { grid-template-rows:1fr; }}.before\:absolute{&::before { content:var(--tw-content); position:absolute; }}.before\:inset-0{&::before { content:var(--tw-content); inset:calc(var(--spacing) * 0); }}.after\:clear-both{&::after { content:var(--tw-content); clear:both; }}.after\:block{&::after { content:var(--tw-content); display:block; }}.after\:content-\[\'\'\]{&::after { --tw-content:''; content:var(--tw-content); }}.first\:mt-8{&:first-child { margin-top:calc(var(--spacing) * 8); }}.empty\:hidden{&:empty { display:none; }}.hover\:border-transparent{&:hover { @media (hover:hover) { border-color:transparent; } }}.hover\:\!bg-primary-500{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-500),1)!important; } }}.hover\:bg-neutral-200{&:hover { @media (hover:hover) { background-color:rgba(var(--color-neutral-200),1); } }}.hover\:bg-primary-100{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-100),1); } }}.hover\:bg-primary-500{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-500),1); } }}.hover\:bg-primary-600{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-600),1); } }}.hover\:text-neutral{&:hover { @media (hover:hover) { color:rgba(var(--color-neutral),1); } }}.hover\:text-neutral-700{&:hover { @media (hover:hover) { color:rgba(var(--color-neutral-700),1); } }}.hover\:text-primary-400{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } }}.hover\:text-primary-500{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-500),1); } }}.hover\:text-primary-600{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-600),1); } }}.hover\:text-primary-700{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-700),1); } }}.hover\:no-underline{&:hover { @media (hover:hover) { text-decoration-line:none; } }}.hover\:underline{&:hover { @media (hover:hover) { text-decoration-line:underline; } }}.hover\:decoration-primary-400{&:hover { @media (hover:hover) { text-decoration-color:rgba(var(--color-primary-400),1); } }}.hover\:decoration-2{&:hover { @media (hover:hover) { text-decoration-thickness:2px; } }}.hover\:underline-offset-2{&:hover { @media (hover:hover) { text-underline-offset:2px; } }}.hover\:opacity-90{&:hover { @media (hover:hover) { opacity:90%; } }}.hover\:outline-none{&:hover { @media (hover:hover) { --tw-outline-style:none; outline-style:none; } }}.focus\:translate-y-0{&:focus { --tw-translate-y:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y); }}.focus\:border-primary-500{&:focus { border-color:rgba(var(--color-primary-500),1); }}.focus\:bg-primary-100{&:focus { background-color:rgba(var(--color-primary-100),1); }}.focus\:no-underline{&:focus { text-decoration-line:none; }}.focus\:opacity-90{&:focus { opacity:90%; }}.focus\:ring-primary-500{&:focus { --tw-ring-color:rgba(var(--color-primary-500),1); }}.focus\:outline-2{&:focus { outline-style:var(--tw-outline-style); outline-width:2px; }}.focus\:outline-transparent{&:focus { outline-color:transparent; }}.focus\:outline-dotted{&:focus { --tw-outline-style:dotted; outline-style:dotted; }}.focus\:outline-none{&:focus { --tw-outline-style:none; outline-style:none; }}.data-\[popper-reference-hidden\]\:hidden{&[data-popper-reference-hidden] { display: none; }}.data-\[twe-carousel-fade\]\:z-0{&[data-twe-carousel-fade] { z-index: 0; }}.data-\[twe-carousel-fade\]\:z-\[1\]{&[data-twe-carousel-fade] { z-index: 1; }}.data-\[twe-carousel-fade\]\:opacity-0{&[data-twe-carousel-fade] { opacity: 0%; }}.data-\[twe-carousel-fade\]\:opacity-100{&[data-twe-carousel-fade] { opacity: 100%; }}.data-\[twe-carousel-fade\]\:delay-600{&[data-twe-carousel-fade] { transition-delay: 600ms; }}.data-\[twe-carousel-fade\]\:duration-\[600ms\]{&[data-twe-carousel-fade] { --tw-duration: 600ms; transition-duration: 600ms; }}.motion-reduce\:transition-none{@media(prefers-reduced-motion:reduce){transition-property: none;}}.sm\:me-7{@media(width >= 640px){margin-inline-end: calc(var(--spacing) * 7);}}.sm\:mt-16{@media(width >= 640px){margin-top: calc(var(--spacing) * 16);}}.sm\:mb-0{@media(width >= 640px){margin-bottom: calc(var(--spacing) * 0);}}.sm\:w-1\/2{@media(width >= 640px){width: calc(1/2 * 100%);}}.sm\:grid-cols-2{@media(width >= 640px){grid-template-columns: repeat(2,minmax(0,1fr));}}.sm\:flex-row{@media(width >= 640px){flex-direction: row;}}.sm\:overflow-hidden{@media(width >= 640px){overflow: hidden;}}.sm\:p-6{@media(width >= 640px){padding: calc(var(--spacing) * 6);}}.sm\:px-6{@media(width >= 640px){padding-inline: calc(var(--spacing) * 6);}}.sm\:px-14{@media(width >= 640px){padding-inline: calc(var(--spacing) * 14);}}.sm\:py-24{@media(width >= 640px){padding-block: calc(var(--spacing) * 24);}}.sm\:text-lg{@media(width >= 640px){font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));}}.sm\:last\:me-0{@media(width >= 640px){&:last-child{margin-inline-end:calc(var(--spacing) * 0)}}}.md\:-me-16{@media(width >= 853px){margin-inline-end: calc(var(--spacing) * -16);}}.md\:mt-0{@media(width >= 853px){margin-top: calc(var(--spacing) * 0);}}.md\:mr-7{@media(width >= 853px){margin-right: calc(var(--spacing) * 7);}}.md\:flex{@media(width >= 853px){display: flex;}}.md\:hidden{@media(width >= 853px){display: none;}}.md\:h-56{@media(width >= 853px){height: calc(var(--spacing) * 56);}}.md\:h-\[200px\]{@media(width >= 853px){height: 200px;}}.md\:w-1\/3{@media(width >= 853px){width: calc(1/3 * 100%);}}.md\:w-auto{@media(width >= 853px){width: auto;}}.md\:grid-cols-3{@media(width >= 853px){grid-template-columns: repeat(3,minmax(0,1fr));}}.md\:flex-row{@media(width >= 853px){flex-direction: row;}}.md\:justify-start{@media(width >= 853px){justify-content: flex-start;}}.md\:p-\[10vh\]{@media(width >= 853px){padding: 10vh;}}.md\:px-24{@media(width >= 853px){padding-inline: calc(var(--spacing) * 24);}}.lg\:absolute{@media(width >= 1024px){position: absolute;}}.lg\:relative{@media(width >= 1024px){position: relative;}}.lg\:sticky{@media(width >= 1024px){position: sticky;}}.lg\:top-10{@media(width >= 1024px){top: calc(var(--spacing) * 10);}}.lg\:top-\[140px\]{@media(width >= 1024px){top: 140px;}}.lg\:order-last{@media(width >= 1024px){order: 9999;}}.lg\:m-0{@media(width >= 1024px){margin: calc(var(--spacing) * 0);}}.lg\:mx-0{@media(width >= 1024px){margin-inline: calc(var(--spacing) * 0);}}.lg\:mx-auto{@media(width >= 1024px){margin-inline: auto;}}.lg\:ms-auto{@media(width >= 1024px){margin-inline-start: auto;}}.lg\:mt-0{@media(width >= 1024px){margin-top: calc(var(--spacing) * 0);}}.lg\:block{@media(width >= 1024px){display: block;}}.lg\:grid{@media(width >= 1024px){display: grid;}}.lg\:hidden{@media(width >= 1024px){display: none;}}.lg\:h-72{@media(width >= 1024px){height: calc(var(--spacing) * 72);}}.lg\:h-full{@media(width >= 1024px){height: 100%;}}.lg\:w-1\/4{@media(width >= 1024px){width: calc(1/4 * 100%);}}.lg\:w-auto{@media(width >= 1024px){width: auto;}}.lg\:max-w-2xs{@media(width >= 1024px){max-width: var(--container-2xs);}}.lg\:max-w-7xl{@media(width >= 1024px){max-width: var(--container-7xl);}}.lg\:max-w-none{@media(width >= 1024px){max-width: none;}}.lg\:grid-flow-col-dense{@media(width >= 1024px){grid-auto-flow: column dense;}}.lg\:grid-cols-2{@media(width >= 1024px){grid-template-columns: repeat(2,minmax(0,1fr));}}.lg\:flex-row{@media(width >= 1024px){flex-direction: row;}}.lg\:gap-24{@media(width >= 1024px){gap: calc(var(--spacing) * 24);}}.lg\:p-\[12vh\]{@media(width >= 1024px){padding: 12vh;}}.lg\:px-0{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 0);}}.lg\:px-8{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 8);}}.lg\:px-32{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 32);}}.lg\:py-16{@media(width >= 1024px){padding-block: calc(var(--spacing) * 16);}}.lg\:py-32{@media(width >= 1024px){padding-block: calc(var(--spacing) * 32);}}.lg\:ps-8{@media(width >= 1024px){padding-inline-start: calc(var(--spacing) * 8);}}.xl\:w-1\/4{@media(width >= 1280px){width: calc(1/4 * 100%);}}.xl\:grid-cols-4{@media(width >= 1280px){grid-template-columns: repeat(4,minmax(0,1fr));}}.\32 xl\:grid-cols-5{@media(width >= 1536px){grid-template-columns: repeat(5,minmax(0,1fr));}}.ltr\:-ml-12{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { margin-left:calc(var(--spacing) * -12); }}.ltr\:block{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { display:block; }}.ltr\:hidden{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { display:none; }}.rtl\:-mr-\[79px\]{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(79px * -1); }}.rtl\:block{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { display:block; }}.rtl\:hidden{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { display:none; }}.rtl\:rotate-180{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { rotate:180deg; }}.dark\:block{&:is(.dark *) { display:block; }}.dark\:flex{&:is(.dark *) { display:flex; }}.dark\:hidden{&:is(.dark *) { display:none; }}.dark\:border-neutral-400{&:is(.dark *) { border-color:rgba(var(--color-neutral-400),1); }}.dark\:border-neutral-600{&:is(.dark *) { border-color:rgba(var(--color-neutral-600),1); }}.dark\:border-neutral-700{&:is(.dark *) { border-color:rgba(var(--color-neutral-700),1); }}.dark\:border-primary-300{&:is(.dark *) { border-color:rgba(var(--color-primary-300),1); }}.dark\:border-primary-600{&:is(.dark *) { border-color:rgba(var(--color-primary-600),1); }}.dark\:border-white\/10{&:is(.dark *) { border-color:color-mix(in oklab,#fff 10%,transparent); }}.dark\:prose-invert{&:is(.dark *) { --tw-prose-body:var(--tw-prose-invert-body); --tw-prose-headings:var(--tw-prose-invert-headings); --tw-prose-lead:var(--tw-prose-invert-lead); --tw-prose-links:var(--tw-prose-invert-links); --tw-prose-bold:var(--tw-prose-invert-bold); --tw-prose-counters:var(--tw-prose-invert-counters); --tw-prose-bullets:var(--tw-prose-invert-bullets); --tw-prose-hr:var(--tw-prose-invert-hr); --tw-prose-quotes:var(--tw-prose-invert-quotes); --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders); --tw-prose-captions:var(--tw-prose-invert-captions); --tw-prose-kbd:var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows); --tw-prose-code:var(--tw-prose-invert-code); --tw-prose-pre-code:var(--tw-prose-invert-pre-code); --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg); --tw-prose-th-borders:var(--tw-prose-invert-th-borders); --tw-prose-td-borders:var(--tw-prose-invert-td-borders);:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-neutral-600),1); &:hover { color:rgba(var(--color-primary-400),1); } }:where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color:rgba(var(--color-neutral-200),1); background-color:rgba(var(--color-neutral-700),1); }:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color:rgba(var(--color-primary-400),1); }:where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color:color-mix(in oklab,oklch(21% 0.006 285.885) 70%,transparent); }:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-primary-400),1); }:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-primary-400),1); }:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border:0.8px solid rgba(var(--color-neutral-500),1); } }}.dark\:bg-neutral-400{&:is(.dark *) { background-color:rgba(var(--color-neutral-400),1); }}.dark\:bg-neutral-600{&:is(.dark *) { background-color:rgba(var(--color-neutral-600),1); }}.dark\:bg-neutral-700{&:is(.dark *) { background-color:rgba(var(--color-neutral-700),1); }}.dark\:bg-neutral-800{&:is(.dark *) { background-color:rgba(var(--color-neutral-800),1); }}.dark\:bg-neutral-800\/25{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 25%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 25%,transparent); } }}.dark\:bg-neutral-800\/50{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 50%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 50%,transparent); } }}.dark\:bg-neutral-800\/60{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 60%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 60%,transparent); } }}.dark\:bg-neutral-900{&:is(.dark *) { background-color:rgba(var(--color-neutral-900),1); }}.dark\:bg-neutral-900\/50{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-900),1),1) 50%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-900),1) 50%,transparent); } }}.dark\:bg-neutral-900\/99{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-900),1),1) 99%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-900),1) 99%,transparent); } }}.dark\:bg-primary-300{&:is(.dark *) { background-color:rgba(var(--color-primary-300),1); }}.dark\:bg-primary-400{&:is(.dark *) { background-color:rgba(var(--color-primary-400),1); }}.dark\:bg-primary-800{&:is(.dark *) { background-color:rgba(var(--color-primary-800),1); }}.dark\:bg-primary-800\/30{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-primary-800),1),1) 30%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-primary-800),1) 30%,transparent); } }}.dark\:bg-primary-900{&:is(.dark *) { background-color:rgba(var(--color-primary-900),1); }}.dark\:from-neutral-800{&:is(.dark *) { --tw-gradient-from:rgba(var(--color-neutral-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:from-primary-600{&:is(.dark *) { --tw-gradient-from:rgba(var(--color-primary-600),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:to-neutral-800{&:is(.dark *) { --tw-gradient-to:rgba(var(--color-neutral-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:to-secondary-800{&:is(.dark *) { --tw-gradient-to:rgba(var(--color-secondary-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:text-neutral{&:is(.dark *) { color:rgba(var(--color-neutral),1); }}.dark\:text-neutral-100{&:is(.dark *) { color:rgba(var(--color-neutral-100),1); }}.dark\:text-neutral-200{&:is(.dark *) { color:rgba(var(--color-neutral-200),1); }}.dark\:text-neutral-300{&:is(.dark *) { color:rgba(var(--color-neutral-300),1); }}.dark\:text-neutral-400{&:is(.dark *) { color:rgba(var(--color-neutral-400),1); }}.dark\:text-neutral-500{&:is(.dark *) { color:rgba(var(--color-neutral-500),1); }}.dark\:text-neutral-700{&:is(.dark *) { color:rgba(var(--color-neutral-700),1); }}.dark\:text-neutral-800{&:is(.dark *) { color:rgba(var(--color-neutral-800),1); }}.dark\:text-primary-200{&:is(.dark *) { color:rgba(var(--color-primary-200),1); }}.dark\:text-primary-400{&:is(.dark *) { color:rgba(var(--color-primary-400),1); }}.dark\:text-white{&:is(.dark *) { color:#fff; }}.dark\:opacity-60{&:is(.dark *) { opacity:60%; }}.dark\:backdrop-brightness-95{&:is(.dark *) { --tw-backdrop-brightness:brightness(95%); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }}.dark\:backdrop-saturate-180{&:is(.dark *) { --tw-backdrop-saturate:saturate(180%); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }}.dark\:hover\:\!bg-primary-700{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-700),1)!important; } } }}.dark\:hover\:bg-neutral-700{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-neutral-700),1); } } }}.dark\:hover\:bg-primary-400{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-400),1); } } }}.dark\:hover\:bg-primary-900{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-900),1); } } }}.dark\:hover\:text-neutral-200{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-neutral-200),1); } } }}.dark\:hover\:text-neutral-800{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-neutral-800),1); } } }}.dark\:hover\:text-primary-400{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } } }}.dark\:focus\:bg-primary-900{&:is(.dark *) { &:focus { background-color:rgba(var(--color-primary-900),1); } }}.print\:hidden{@media print{display: none;}}.\[\&_\.translation_\.menuhide_span\]\:text-sm\!{& .translation .menuhide span { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; }}.\[\&_\.translation_button_\.icon\]\:text-4xl\!{& .translation button .icon { font-size: var(--text-4xl) !important; line-height: var(--tw-leading, var(--text-4xl--line-height)) !important; }}.\[\&_\.translation_button_span\]\:text-base\!{& .translation button span { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; }}.\[\&_span\]\:text-2xl{& span { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }}}@layer utilities{.highlight-wrapper{position:relative;z-index:0;display:block;overflow:hidden;border-radius:var(--radius-md);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-top:1.7142857em;margin-bottom:1.7142857em}.highlight-wrapper pre,.highlight-wrapper table,.highlight-wrapper div{margin-top:0;margin-bottom:0}.highlight-wrapper:has(.codeblock-title) pre{border-radius:0}.codeblock-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--color-neutral-200),1);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);&:is(.dark *) { border-color:rgba(var(--color-neutral-800),1); } background-color:#fff;&:is(.dark *) { background-color:#0d1117; }}.chroma .lntd,.chroma .lntd pre{margin:calc(var(--spacing) * 0);--tw-border-style:none;border-style:none;padding:calc(var(--spacing) * 0);vertical-align:top}.chroma .lntable{display:block;width:auto;overflow:hidden;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));border-spacing:0}.chroma .hl{margin-inline:calc(var(--spacing) * -4);display:block;width:auto;padding-inline:calc(var(--spacing) * 4)}.chroma .lntd .hl{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0)}.chroma:not(:is(table *))>code{display:block;min-width:max-content}html:not(.dark){.bg { background-color: #fff; } .chroma { background-color: #fff; } .chroma .err { color: #f6f8fa; background-color: #82071e; } .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; } .chroma .hl { background-color: #e5e5e5; } .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #7f7f7f; } .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #7f7f7f; } .chroma .line { display: flex; } .chroma .k { color: #cf222e; } .chroma .kc { color: #cf222e; } .chroma .kd { color: #cf222e; } .chroma .kn { color: #cf222e; } .chroma .kp { color: #cf222e; } .chroma .kr { color: #cf222e; } .chroma .kt { color: #cf222e; } .chroma .na { color: #1f2328; } .chroma .nc { color: #1f2328; } .chroma .no { color: #0550ae; } .chroma .nd { color: #0550ae; } .chroma .ni { color: #6639ba; } .chroma .nl { color: #900; font-weight: bold; } .chroma .nn { color: #24292e; } .chroma .nx { color: #1f2328; } .chroma .nt { color: #0550ae; } .chroma .nb { color: #6639ba; } .chroma .bp { color: #6a737d; } .chroma .nv { color: #953800; } .chroma .vc { color: #953800; } .chroma .vg { color: #953800; } .chroma .vi { color: #953800; } .chroma .vm { color: #953800; } .chroma .nf { color: #6639ba; } .chroma .fm { color: #6639ba; } .chroma .s { color: #0a3069; } .chroma .sa { color: #0a3069; } .chroma .sb { color: #0a3069; } .chroma .sc { color: #0a3069; } .chroma .dl { color: #0a3069; } .chroma .sd { color: #0a3069; } .chroma .s2 { color: #0a3069; } .chroma .se { color: #0a3069; } .chroma .sh { color: #0a3069; } .chroma .si { color: #0a3069; } .chroma .sx { color: #0a3069; } .chroma .sr { color: #0a3069; } .chroma .s1 { color: #0a3069; } .chroma .ss { color: #032f62; } .chroma .m { color: #0550ae; } .chroma .mb { color: #0550ae; } .chroma .mf { color: #0550ae; } .chroma .mh { color: #0550ae; } .chroma .mi { color: #0550ae; } .chroma .il { color: #0550ae; } .chroma .mo { color: #0550ae; } .chroma .o { color: #0550ae; } .chroma .ow { color: #0550ae; } .chroma .p { color: #1f2328; } .chroma .c { color: #57606a; } .chroma .ch { color: #57606a; } .chroma .cm { color: #57606a; } .chroma .c1 { color: #57606a; } .chroma .cs { color: #57606a; } .chroma .cp { color: #57606a; } .chroma .cpf { color: #57606a; } .chroma .gd { color: #82071e; background-color: #ffebe9; } .chroma .ge { color: #1f2328; } .chroma .gi { color: #116329; background-color: #dafbe1; } .chroma .go { color: #1f2328; } .chroma .gl { text-decoration: underline; } .chroma .w { color: #fff; }}html.dark{.bg { color: #e6edf3; background-color: #0d1117; } .chroma { color: #e6edf3; background-color: #0d1117; } .chroma .err { color: #f85149; } .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; } .chroma .hl { background-color: #333; } .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #737679; } .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #6e7681; } .chroma .line { display: flex; } .chroma .k { color: #ff7b72; } .chroma .kc { color: #79c0ff; } .chroma .kd { color: #ff7b72; } .chroma .kn { color: #ff7b72; } .chroma .kp { color: #79c0ff; } .chroma .kr { color: #ff7b72; } .chroma .kt { color: #ff7b72; } .chroma .nc { color: #f0883e; font-weight: bold; } .chroma .no { color: #79c0ff; font-weight: bold; } .chroma .nd { color: #d2a8ff; font-weight: bold; } .chroma .ni { color: #ffa657; } .chroma .ne { color: #f0883e; font-weight: bold; } .chroma .nl { color: #79c0ff; font-weight: bold; } .chroma .nn { color: #ff7b72; } .chroma .py { color: #79c0ff; } .chroma .nt { color: #7ee787; } .chroma .nv { color: #79c0ff; } .chroma .vc { color: #79c0ff; } .chroma .vg { color: #79c0ff; } .chroma .vi { color: #79c0ff; } .chroma .vm { color: #79c0ff; } .chroma .nf { color: #d2a8ff; font-weight: bold; } .chroma .fm { color: #d2a8ff; font-weight: bold; } .chroma .l { color: #a5d6ff; } .chroma .ld { color: #79c0ff; } .chroma .s { color: #a5d6ff; } .chroma .sa { color: #79c0ff; } .chroma .sb { color: #a5d6ff; } .chroma .sc { color: #a5d6ff; } .chroma .dl { color: #79c0ff; } .chroma .sd { color: #a5d6ff; } .chroma .s2 { color: #a5d6ff; } .chroma .se { color: #79c0ff; } .chroma .sh { color: #79c0ff; } .chroma .si { color: #a5d6ff; } .chroma .sx { color: #a5d6ff; } .chroma .sr { color: #79c0ff; } .chroma .s1 { color: #a5d6ff; } .chroma .ss { color: #a5d6ff; } .chroma .m { color: #a5d6ff; } .chroma .mb { color: #a5d6ff; } .chroma .mf { color: #a5d6ff; } .chroma .mh { color: #a5d6ff; } .chroma .mi { color: #a5d6ff; } .chroma .il { color: #a5d6ff; } .chroma .mo { color: #a5d6ff; } .chroma .o { color: #ff7b72; font-weight: bold; } .chroma .ow { color: #ff7b72; font-weight: bold; } .chroma .c { color: #8b949e; font-style: italic; } .chroma .ch { color: #8b949e; font-style: italic; } .chroma .cm { color: #8b949e; font-style: italic; } .chroma .c1 { color: #8b949e; font-style: italic; } .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .gd { color: #ffa198; background-color: #490202; } .chroma .ge { font-style: italic; } .chroma .gr { color: #ffa198; } .chroma .gh { color: #79c0ff; font-weight: bold; } .chroma .gi { color: #56d364; background-color: #0f5323; } .chroma .go { color: #8b949e; } .chroma .gp { color: #8b949e; } .chroma .gs { font-weight: bold; } .chroma .gu { color: #79c0ff; } .chroma .gt { color: #ff7b72; } .chroma .gl { text-decoration: underline; } .chroma .w { color: #6e7681; }}}@layer utilities{.tab__button.tab--active{border-bottom:2px solid rgb(var(--color-primary-500))}.tab__panel{display:none}.tab__panel.tab--active{display:block}}#zen-mode-button{cursor:pointer}.zen-mode{position:relative}body.zen-mode-enable{ #bmc-wbtn, .author { display: none !important; }}.a11y-panel-enter-active{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)forwards}.a11y-panel-leave-active{animation:slideOutToTop .3s cubic-bezier(.4,0,.2,1)forwards}.ios-toggle{position:relative;width:42px;height:24px;background:#e5e5e5;border-radius:12px;cursor:pointer;transition:background-color .3s ease;pointer-events:auto}.ios-toggle input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.ios-toggle::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease,background-color .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.2);z-index:0}.ios-toggle input:checked+.toggle-track::after{transform:translateX(18px)}.ios-toggle input:checked+.toggle-track{background:rgba(var(--color-primary-500),1)}.ios-toggle input:checked~.ios-toggle-ball{transform:translateX(18px)}.ios-toggle.is-checked{background:rgba(var(--color-primary-500),1)}.ios-toggle:has(input:checked){background:rgba(var(--color-primary-500),1)}.ios-toggle:has(input:checked)::after{transform:translateX(18px)}.dark .ios-toggle{background:#404040}.dark .ios-toggle::after{background:#f5f5f5}@layer components{:root{--adm-note-border:oklch(68.5% 0.169 237.323);--adm-note-bg:oklch(97.7% 0.013 236.62);--adm-note-text:oklch(39.1% 0.09 240.876);--adm-tip-border:oklch(69.6% 0.17 162.48);--adm-tip-bg:oklch(97.9% 0.021 166.113);--adm-tip-text:oklch(37.8% 0.077 168.94);--adm-important-border:oklch(62.7% 0.265 303.9);--adm-important-bg:oklch(97.7% 0.014 308.299);--adm-important-text:oklch(38.1% 0.176 304.987);--adm-warning-border:oklch(70.5% 0.213 47.604);--adm-warning-bg:oklch(98% 0.016 73.684);--adm-warning-text:oklch(40.8% 0.123 38.172);--adm-caution-border:oklch(63.7% 0.237 25.331);--adm-caution-bg:oklch(97.1% 0.013 17.38);--adm-caution-text:oklch(39.6% 0.141 25.723);--adm-abstract-border:oklch(71.5% 0.143 215.221);--adm-abstract-bg:oklch(98.4% 0.019 200.873);--adm-abstract-text:oklch(39.8% 0.07 227.392);--adm-bug-border:oklch(64.5% 0.246 16.439);--adm-bug-bg:oklch(96.9% 0.015 12.422);--adm-bug-text:oklch(41% 0.159 10.272);--adm-danger-border:oklch(63.7% 0.237 25.331);--adm-danger-bg:oklch(97.1% 0.013 17.38);--adm-danger-text:oklch(39.6% 0.141 25.723);--adm-example-border:oklch(55.8% 0.288 302.321);--adm-example-bg:oklch(97.7% 0.014 308.299);--adm-example-text:oklch(38.1% 0.176 304.987);--adm-failure-border:oklch(65.6% 0.241 354.308);--adm-failure-bg:oklch(97.1% 0.014 343.198);--adm-failure-text:oklch(40.8% 0.153 2.432);--adm-info-border:oklch(62.3% 0.214 259.815);--adm-info-bg:oklch(97% 0.014 254.604);--adm-info-text:oklch(37.9% 0.146 265.522);--adm-question-border:oklch(76.9% 0.188 70.08);--adm-question-bg:oklch(98.7% 0.022 95.277);--adm-question-text:oklch(41.4% 0.112 45.904);--adm-quote-border:oklch(55.1% 0.027 264.364);--adm-quote-bg:oklch(98.5% 0.002 247.839);--adm-quote-text:oklch(27.8% 0.033 256.848);--adm-success-border:oklch(69.6% 0.17 162.48);--adm-success-bg:oklch(97.9% 0.021 166.113);--adm-success-text:oklch(37.8% 0.077 168.94);--adm-todo-border:oklch(68.5% 0.169 237.323);--adm-todo-bg:oklch(97.7% 0.013 236.62);--adm-todo-text:oklch(44.3% 0.11 240.79)}html.dark{--adm-note-bg:color-mix(in srgb, oklch(44.3% 0.11 240.79), #0f0f0f 50%);--adm-note-text:oklch(95.1% 0.026 236.824);--adm-tip-bg:color-mix(in srgb, oklch(43.2% 0.095 166.913), #0f0f0f 50%);--adm-tip-text:oklch(95% 0.052 163.051);--adm-important-bg:color-mix(in srgb, oklch(43.8% 0.218 303.724), #0f0f0f 50%);--adm-important-text:oklch(94.6% 0.033 307.174);--adm-warning-bg:color-mix(in srgb, oklch(47% 0.157 37.304), #0f0f0f 45%);--adm-warning-text:oklch(95.4% 0.038 75.164);--adm-caution-bg:color-mix(in srgb, oklch(44.4% 0.177 26.899), #0f0f0f 45%);--adm-caution-text:oklch(93.6% 0.032 17.717);--adm-abstract-bg:color-mix(in srgb, oklch(45% 0.085 224.283), #0f0f0f 50%);--adm-abstract-text:oklch(95.6% 0.045 203.388);--adm-bug-bg:color-mix(in srgb, oklch(45.5% 0.188 13.697), #0f0f0f 50%);--adm-bug-text:oklch(94.1% 0.03 12.58);--adm-danger-bg:color-mix(in srgb, oklch(44.4% 0.177 26.899), #0f0f0f 45%);--adm-danger-text:oklch(93.6% 0.032 17.717);--adm-example-bg:color-mix(in srgb, oklch(43.8% 0.218 303.724), #0f0f0f 50%);--adm-example-text:oklch(94.6% 0.033 307.174);--adm-failure-bg:color-mix(in srgb, oklch(45.9% 0.187 3.815), #0f0f0f 50%);--adm-failure-text:oklch(94.8% 0.028 342.258);--adm-info-bg:color-mix(in srgb, oklch(42.4% 0.199 265.638), #0f0f0f 50%);--adm-info-text:oklch(93.2% 0.032 255.585);--adm-question-bg:color-mix(in srgb, oklch(47.3% 0.137 46.201), #0f0f0f 50%);--adm-question-text:oklch(96.2% 0.059 95.617);--adm-quote-bg:color-mix(in srgb, oklch(27.8% 0.033 256.848), #0f0f0f 50%);--adm-quote-text:oklch(96.7% 0.003 264.542);--adm-success-bg:color-mix(in srgb, oklch(43.2% 0.095 166.913), #0f0f0f 50%);--adm-success-text:oklch(95% 0.052 163.051);--adm-todo-bg:color-mix(in srgb, oklch(44.3% 0.11 240.79), #0f0f0f 50%);--adm-todo-text:oklch(95.1% 0.026 236.824)}.admonition-content>:first-child{margin-top:0!important}.admonition-content>:last-child{margin-bottom:0!important}.admonition-content pre{margin-block:0!important}.admonition[data-type=note]{border-color:var(--adm-note-border);background-color:var(--adm-note-bg);color:var(--adm-note-text)}.admonition[data-type=tip]{border-color:var(--adm-tip-border);background-color:var(--adm-tip-bg);color:var(--adm-tip-text)}.admonition[data-type=important]{border-color:var(--adm-important-border);background-color:var(--adm-important-bg);color:var(--adm-important-text)}.admonition[data-type=warning]{border-color:var(--adm-warning-border);background-color:var(--adm-warning-bg);color:var(--adm-warning-text)}.admonition[data-type=caution]{border-color:var(--adm-caution-border);background-color:var(--adm-caution-bg);color:var(--adm-caution-text)}.admonition[data-type=abstract]{border-color:var(--adm-abstract-border);background-color:var(--adm-abstract-bg);color:var(--adm-abstract-text)}.admonition[data-type=bug]{border-color:var(--adm-bug-border);background-color:var(--adm-bug-bg);color:var(--adm-bug-text)}.admonition[data-type=danger]{border-color:var(--adm-danger-border);background-color:var(--adm-danger-bg);color:var(--adm-danger-text)}.admonition[data-type=example]{border-color:var(--adm-example-border);background-color:var(--adm-example-bg);color:var(--adm-example-text)}.admonition[data-type=failure]{border-color:var(--adm-failure-border);background-color:var(--adm-failure-bg);color:var(--adm-failure-text)}.admonition[data-type=info]{border-color:var(--adm-info-border);background-color:var(--adm-info-bg);color:var(--adm-info-text)}.admonition[data-type=question]{border-color:var(--adm-question-border);background-color:var(--adm-question-bg);color:var(--adm-question-text)}.admonition[data-type=quote]{border-color:var(--adm-quote-border);background-color:var(--adm-quote-bg);color:var(--adm-quote-text)}.admonition[data-type=success]{border-color:var(--adm-success-border);background-color:var(--adm-success-bg);color:var(--adm-success-text)}.admonition[data-type=todo]{border-color:var(--adm-todo-border);background-color:var(--adm-todo-bg);color:var(--adm-todo-text)}}html:not(.dark){color-scheme:light}html.dark{color-scheme:dark}body a,body button{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}button,[role=button]{cursor:pointer}.icon svg{height:1em;width:1em}.logo svg{height:5rem;width:5rem}#search-query::-webkit-search-cancel-button,#search-query::-webkit-search-decoration,#search-query::-webkit-search-results-button,#search-query::-webkit-search-results-decoration{display:none}.prose blockquote{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { border-right-style:var(--tw-border-style); border-right-width:4px; } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { border-left-style:var(--tw-border-style); border-left-width:0px; } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 4); }}.prose ul>li,.prose ol>li{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(var(--spacing) * 7); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 2); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-left:calc(var(--spacing) * 0); }}.prose ol>li:before,.prose ul>li:before{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { right:calc(var(--spacing) * 1); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { left:auto; }}.prose thead td:first-child,.prose thead th:first-child{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 0); }}.prose thead td:last-child,.prose thead th:last-child{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-left:calc(var(--spacing) * 0); }}.prose div.min-w-0.max-w-prose>*:first-child{margin-top:calc(var(--spacing) * 3)}#TOCView{max-height:calc(100vh - 150px);min-height:0;overflow-x:hidden}.toc ul,.toc li{list-style-type:none;padding-inline:calc(var(--spacing) * 0);--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.toc ul ul{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { padding-left:calc(var(--spacing) * 4); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 4); }}.toc a{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:rgba(var(--color-neutral-700),1);&:is(.dark *) { color:rgba(var(--color-neutral-300),1); }}.toc ul>li{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(var(--spacing) * 0); }}.highlight{position:relative;z-index:0}.highlight-wrapper:hover>.copy-button{visibility:visible}.copy-button{visibility:hidden;position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);z-index:10;width:calc(var(--spacing) * 20);cursor:pointer;text-overflow:ellipsis;overflow:hidden;border-top-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);background-color:rgba(var(--color-neutral-200),1);padding-block:calc(var(--spacing) * 1);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;color:rgba(var(--color-neutral-700),1);opacity:90%;&:is(.dark *) { background-color:rgba(var(--color-neutral-600),1); } &:is(.dark *) { color:rgba(var(--color-neutral-200),1); }}.copy-button:hover,.copy-button:focus,.copy-button:active,.copy-button:active:hover{background-color:rgba(var(--color-primary-100),1);&:is(.dark *) { background-color:rgba(var(--color-primary-600),1); }}.copy-textarea{position:absolute;z-index:calc(10 * -1);opacity:5%}.katex-display{overflow:auto hidden}.katex-display{padding:1em;width:calc(100% - 1em)}table{display:block;overflow:auto}code{word-wrap:break-word;overflow-wrap:break-word}a{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}.prose-invert .highlight pre>code{background-color:unset}pre{text-align:left}.single_hero_round{max-height:50vh;object-fit:cover}.single_hero_background{width:calc(100% + 1px);z-index:-10}.hero_gradient{width:100%;height:100%}.thumbnail_card{min-width:300px;height:200px}.thumbnail_card_related{height:150px}.thumbnail{width:300px;min-height:180px}@media(width < 853px){.thumbnail{width:100%}}.thumbnail-shadow{box-shadow:5px 5px 20px 1px rgba(0,0,0,.3)}@media(width < 853px){.width-patch{width:80vw}}@media(width >= 853px){.width-patch{width:65ch}}.anchor{display:block;position:relative;top:-150px;height:0;visibility:hidden}[id^=fn],[id^=fnref]{scroll-margin-top:145px}#main-content{scroll-margin-top:-125px}@media(width >= 640px){.article{flex-wrap:wrap}}@media(width >= 853px){.article{flex-wrap:nowrap}}.medium-zoom-image--opened{z-index:100}@layer utilities{.bf-border-color{border-color:rgba(var(--color-neutral-300),1);&:is(.dark *) { border-color:rgba(var(--color-neutral-700),1); }}.bf-border-color-hover{&:hover { @media (hover:hover) { border-color:rgba(var(--color-primary-600),1); } } &:is(.dark *) { &:hover { @media (hover:hover) { border-color:rgba(var(--color-primary-400),1); } } }}.bf-icon-color-hover{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-600),1); } } &:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } } }}.bf-scrollbar{&::-webkit-scrollbar-track { background-color:var(--scrollbar-track); border-radius:var(--scrollbar-track-radius); } &::-webkit-scrollbar-thumb { background-color:var(--scrollbar-thumb); border-radius:var(--scrollbar-thumb-radius); } &::-webkit-scrollbar-corner { background-color:var(--scrollbar-corner); border-radius:var(--scrollbar-corner-radius); } @supports (-moz-appearance:none) { scrollbar-width:thin; scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial); } &::-webkit-scrollbar { display:block; width:8px; height:8px; } --scrollbar-thumb:oklch(70.8% 0 0);--scrollbar-track:oklch(92.2% 0 0);&:is(.dark *) { --scrollbar-thumb:oklch(43.9% 0 0); } &:is(.dark *) { --scrollbar-track:oklch(26.9% 0 0); }}}body:has(#mobile-menu-toggle:checked){overflow:hidden}@media(min-width:853px){body:has(#mobile-menu-toggle:checked){overflow:visible}}#bmc-wbtn{z-index:50!important}.nested-menu{position:relative}.menuhide{position:absolute;z-index:1000;white-space:nowrap;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s ease-in-out}.nested-menu:hover .menuhide,.nested-menu:focus-within .menuhide{opacity:1;visibility:visible}.active{text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:4px}@layer base{input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-width:1px;border-radius:0;padding-top:.5rem;padding-right:.75rem;padding-bottom:.5rem;padding-left:.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus { outline:2px solid transparent; outline-offset:2px; --tw-ring-inset:var(--tw-empty,); --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); border-color:oklch(54.6% 0.245 262.881); }}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:oklch(54.6% .245 262.881);background-color:#fff;border-color:oklch(55.1% .027 264.364);border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% 0.245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");@media(forced-colors:active){appearance: auto;}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");@media(forced-colors:active){appearance: auto;}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;@media(forced-colors:active){appearance: auto;}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}}@layer base{*{@supports(-moz-appearance:none){scrollbar-color: initial; scrollbar-width: initial;}}}@property --tw-translate-x{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-translate-y{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-translate-z{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-scale-x{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-scale-y{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-scale-z{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-rotate-x{syntax: "*";
+  inherits: false;
+}@property --tw-rotate-y{syntax: "*";
+  inherits: false;
+}@property --tw-rotate-z{syntax: "*";
+  inherits: false;
+}@property --tw-skew-x{syntax: "*";
+  inherits: false;
+}@property --tw-skew-y{syntax: "*";
+  inherits: false;
+}@property --tw-pan-x{syntax: "*";
+  inherits: false;
+}@property --tw-pan-y{syntax: "*";
+  inherits: false;
+}@property --tw-pinch-zoom{syntax: "*";
+  inherits: false;
+}@property --tw-space-y-reverse{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-space-x-reverse{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-border-style{syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}@property --tw-gradient-position{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-from{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-via{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-to{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-stops{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-via-stops{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-from-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}@property --tw-gradient-via-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}@property --tw-gradient-to-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-leading{syntax: "*";
+  inherits: false;
+}@property --tw-font-weight{syntax: "*";
+  inherits: false;
+}@property --tw-tracking{syntax: "*";
+  inherits: false;
+}@property --tw-ordinal{syntax: "*";
+  inherits: false;
+}@property --tw-slashed-zero{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-figure{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-spacing{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-fraction{syntax: "*";
+  inherits: false;
+}@property --tw-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-inset-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-inset-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-ring-color{syntax: "*";
+  inherits: false;
+}@property --tw-ring-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-inset-ring-color{syntax: "*";
+  inherits: false;
+}@property --tw-inset-ring-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-ring-inset{syntax: "*";
+  inherits: false;
+}@property --tw-ring-offset-width{syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}@property --tw-ring-offset-color{syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}@property --tw-ring-offset-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-outline-style{syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}@property --tw-blur{syntax: "*";
+  inherits: false;
+}@property --tw-brightness{syntax: "*";
+  inherits: false;
+}@property --tw-contrast{syntax: "*";
+  inherits: false;
+}@property --tw-grayscale{syntax: "*";
+  inherits: false;
+}@property --tw-hue-rotate{syntax: "*";
+  inherits: false;
+}@property --tw-invert{syntax: "*";
+  inherits: false;
+}@property --tw-opacity{syntax: "*";
+  inherits: false;
+}@property --tw-saturate{syntax: "*";
+  inherits: false;
+}@property --tw-sepia{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-drop-shadow-size{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-blur{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-brightness{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-contrast{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-grayscale{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-hue-rotate{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-invert{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-opacity{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-saturate{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-sepia{syntax: "*";
+  inherits: false;
+}@property --tw-duration{syntax: "*";
+  inherits: false;
+}@property --tw-ease{syntax: "*";
+  inherits: false;
+}@property --tw-content{syntax: "*";
+  initial-value: "";
+  inherits: false;
+}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}html{font-size:13pt}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}
\ No newline at end of file
diff --git a/public/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css b/public/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css
new file mode 100644
index 0000000..84ad088
--- /dev/null
+++ b/public/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css
@@ -0,0 +1,178 @@
+:root{--color-neutral:255, 255, 255;--color-neutral-50:248, 250, 252;--color-neutral-100:241, 245, 249;--color-neutral-200:226, 232, 240;--color-neutral-300:203, 213, 225;--color-neutral-400:148, 163, 184;--color-neutral-500:100, 116, 139;--color-neutral-600:71, 85, 105;--color-neutral-700:51, 65, 85;--color-neutral-800:30, 41, 59;--color-neutral-900:15, 23, 42;--color-primary-50:239, 246, 255;--color-primary-100:219, 234, 254;--color-primary-200:191, 219, 254;--color-primary-300:147, 197, 253;--color-primary-400:96, 165, 250;--color-primary-500:59, 130, 246;--color-primary-600:37, 99, 235;--color-primary-700:29, 78, 216;--color-primary-800:30, 64, 175;--color-primary-900:30, 58, 138;--color-secondary-50:236, 254, 255;--color-secondary-100:207, 250, 254;--color-secondary-200:165, 243, 252;--color-secondary-300:103, 232, 249;--color-secondary-400:34, 211, 238;--color-secondary-500:6, 182, 212;--color-secondary-600:8, 145, 178;--color-secondary-700:14, 116, 144;--color-secondary-800:21, 94, 117;--color-secondary-900:22, 78, 99}/*!tailwindcss v4.1.18 | MIT License | https://tailwindcss.com*//*!Blowfish | MIT License | https://github.com/nunocoracao/blowfish*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;--spacing:0.25rem;--container-2xs:18rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-0.025em;--tracking-normal:0em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports(not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.-start-6{inset-inline-start:calc(var(--spacing) * -6)}.start-\[calc\(max\(-50vw\,-800px\)\+50\%\)\]{inset-inline-start:calc(max(-50vw,-800px) + 50%)}.end-6{inset-inline-end:calc(var(--spacing) * 6)}.end-8{inset-inline-end:calc(var(--spacing) * 8)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.top-5{top:calc(var(--spacing) * 5)}.top-20{top:calc(var(--spacing) * 20)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.-z-10{z-index:calc(10 * -1)}.z-2{z-index:2}.z-10{z-index:10}.z-50{z-index:50}.z-80{z-index:80}.z-100{z-index:100}.z-500{z-index:500}.z-\[1\]{z-index:1}.z-\[999\]{z-index:999}.z-\[1040\]{z-index:1040}.z-\[1070\]{z-index:1070}.z-\[1080\]{z-index:1080}.order-first{order:-9999}.float-left{float:left}.container{width:100%;@media(width >= 640px){max-width: 640px;}@media(width >= 853px){max-width: 853px;}@media(width >= 1024px){max-width: 1024px;}@media(width >= 1280px){max-width: 1280px;}@media(width >= 1536px){max-width: 1536px;}}.\!-m-px{margin:-1px!important}.m-0{margin:calc(var(--spacing) * 0)}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-300{margin:calc(var(--spacing) * 300)}.m-auto{margin:auto}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-\[3px\]{margin-inline:3px}.mx-\[15\%\]{margin-inline:15%}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-3{margin-block:calc(var(--spacing) * 3)}.-ms-5{margin-inline-start:calc(var(--spacing) * -5)}.ms-0{margin-inline-start:calc(var(--spacing) * 0)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-6{margin-inline-start:calc(var(--spacing) * 6)}.ms-7{margin-inline-start:calc(var(--spacing) * 7)}.ms-auto{margin-inline-start:auto}.-me-48{margin-inline-end:calc(var(--spacing) * -48)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-4{margin-inline-end:calc(var(--spacing) * 4)}.me-6{margin-inline-end:calc(var(--spacing) * 6)}.prose{color:var(--tw-prose-body);max-width:65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: none; font-weight: 500; text-decoration-color: rgba(var(--color-primary-300), 1); &:hover { color: rgba(var(--color-primary-600), 1); text-decoration: none; border-radius: 0.09rem; } } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; border: 0.8px solid rgba(var(--color-neutral-300), 1); } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 600; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.9rem; border-radius: 0.25rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; background-color: rgba(var(--color-neutral-200), 1); padding: 0.1rem 0.4rem; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; border-radius: 0.25rem; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; display: none; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; display: none; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: rgba(var(--color-neutral-700), 1);--tw-prose-headings:rgba(var(--color-neutral-800), 1);--tw-prose-lead:rgba(var(--color-neutral-500), 1);--tw-prose-links:rgba(var(--color-primary-600), 1);--tw-prose-bold:inherit;--tw-prose-counters:rgba(var(--color-neutral-800), 1);--tw-prose-bullets:rgba(var(--color-neutral-500), 1);--tw-prose-hr:oklch(92.8% 0.006 264.531);--tw-prose-quotes:rgba(var(--color-neutral-700), 1);--tw-prose-quote-borders:rgba(var(--color-primary-500), 1);--tw-prose-captions:rgba(var(--color-neutral-500), 1);--tw-prose-kbd:oklch(21% 0.034 264.665);--tw-prose-kbd-shadows:color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);--tw-prose-code:rgba(var(--color-secondary-700), 1);--tw-prose-pre-code:rgba(var(--color-neutral-700), 1);--tw-prose-pre-bg:rgba(var(--color-neutral-50), 1);--tw-prose-th-borders:rgba(var(--color-neutral-500), 1);--tw-prose-td-borders:rgba(var(--color-neutral-300), 1);--tw-prose-invert-body:rgba(var(--color-neutral-300), 1);--tw-prose-invert-headings:rgba(var(--color-neutral-50), 1);--tw-prose-invert-lead:rgba(var(--color-neutral-500), 1);--tw-prose-invert-links:rgba(var(--color-primary-400), 1);--tw-prose-invert-bold:rgba(var(--color-neutral), 1);--tw-prose-invert-counters:rgba(var(--color-neutral-400), 1);--tw-prose-invert-bullets:rgba(var(--color-neutral-600), 1);--tw-prose-invert-hr:oklch(37.3% 0.034 259.733);--tw-prose-invert-quotes:rgba(var(--color-neutral-200), 1);--tw-prose-invert-quote-borders:rgba(var(--color-primary-600), 1);--tw-prose-invert-captions:rgba(var(--color-neutral-400), 1);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);--tw-prose-invert-code:rgba(var(--color-secondary-400), 1);--tw-prose-invert-pre-code:rgba(var(--color-neutral-200), 1);--tw-prose-invert-pre-bg:rgba(var(--color-neutral-700), 1);--tw-prose-invert-th-borders:rgba(var(--color-neutral-500), 1);--tw-prose-invert-td-borders:rgba(var(--color-neutral-700), 1);font-size:1rem;line-height:1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: rgba(var(--color-neutral-800), 1); background-color: rgba(var(--color-primary-600), 1); padding: 0.1rem 0.2rem; border-radius: 0.25rem; } :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { display: none; } :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { display: none; } :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-600), 1); } :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-600), 1); }}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.-mt-\[2px\]{margin-top:calc(2px * -1)}.-mt-\[15px\]{margin-top:calc(15px * -1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-\[0\.5rem\]{margin-top:.5rem}.-mr-\[100\%\]{margin-right:calc(100% * -1)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-5{margin-right:calc(var(--spacing) * 5)}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.\!mb-9{margin-bottom:calc(var(--spacing) * 9)!important}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-\[2px\]{margin-bottom:2px}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-2{margin-left:calc(var(--spacing) * 2)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.scrollbar{&::-webkit-scrollbar-track { background-color:var(--scrollbar-track); border-radius:var(--scrollbar-track-radius); } &::-webkit-scrollbar-thumb { background-color:var(--scrollbar-thumb); border-radius:var(--scrollbar-thumb-radius); } &::-webkit-scrollbar-corner { background-color:var(--scrollbar-corner); border-radius:var(--scrollbar-corner-radius); } @supports (-moz-appearance:none) { scrollbar-width:auto; scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial); } &::-webkit-scrollbar { display:block; width:var(--scrollbar-width,16px); height:var(--scrollbar-height,16px); }}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.\!h-px{height:1px!important}.h-0{height:calc(var(--spacing) * 0)}.h-1\/2{height:calc(1/2 * 100%)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-84{height:calc(var(--spacing) * 84)}.h-\[3px\]{height:3px}.h-\[150px\]{height:150px}.h-\[800px\]{height:800px}.h-\[1000px\]{height:1e3px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-3{max-height:calc(var(--spacing) * 3)}.max-h-20{max-height:calc(var(--spacing) * 20)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[130px\]{min-height:130px}.min-h-\[148px\]{min-height:148px}.min-h-full{min-height:100%}.\!w-px{width:1px!important}.w-0{width:calc(var(--spacing) * 0)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-80{width:calc(var(--spacing) * 80)}.w-\[15\%\]{width:15%}.w-\[30px\]{width:30px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-\[200px\]{max-width:200px}.max-w-\[267px\]{max-width:267px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[1\.8rem\]{min-width:1.8rem}.min-w-\[30px\]{min-width:30px}.min-w-\[220px\]{min-width:220px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-8{--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.-rotate-90{rotate:calc(90deg * -1)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-rows-\[0fr\]{grid-template-rows:0fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.space-y-2{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-5{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-6{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-10{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); }}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.space-x-2{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }}.space-x-3{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); }}.space-x-5{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))); }}.place-self-center{place-self:center}.self-center{align-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-\[0\.25rem\]{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e-\[0\.25rem\]{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y-\[10px\]{border-block-style:var(--tw-border-style);border-block-width:10px}.border-s-0{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.border-s-1{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-s-\[0\.125rem\]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:.125rem}.border-e-0{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-neutral-100{border-color:rgba(var(--color-neutral-100),1)}.border-neutral-200{border-color:rgba(var(--color-neutral-200),1)}.border-neutral-300{border-color:rgba(var(--color-neutral-300),1)}.border-primary-400{border-color:rgba(var(--color-primary-400),1)}.border-primary-500{border-color:rgba(var(--color-primary-500),1)}.border-secondary-500{border-color:rgba(var(--color-secondary-500),1)}.border-transparent{border-color:transparent}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders); :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-neutral-600), 1); &:hover { color: rgba(var(--color-primary-400), 1); } } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: rgba(var(--color-neutral-200), 1); background-color: rgba(var(--color-neutral-700), 1); } :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: rgba(var(--color-primary-400), 1); } :where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: color-mix(in oklab, oklch(21% 0.006 285.885) 70%, transparent); } :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color: rgba(var(--color-primary-400), 1); } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border: 0.8px solid rgba(var(--color-neutral-500), 1); }}.bg-\[\#6d6d6d\]{background-color:#6d6d6d}.bg-black{background-color:#000}.bg-neutral{background-color:rgba(var(--color-neutral),1)}.bg-neutral-50{background-color:rgba(var(--color-neutral-50),1)}.bg-neutral-50\/97{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-50),1),1) 97%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-50),1) 97%,transparent);}}.bg-neutral-100{background-color:rgba(var(--color-neutral-100),1)}.bg-neutral-100\/75{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-100),1),1) 75%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-100),1) 75%,transparent);}}.bg-neutral-300{background-color:rgba(var(--color-neutral-300),1)}.bg-neutral-500\/50{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-500),1),1) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral-500),1) 50%,transparent);}}.bg-neutral\/25{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral),1),1) 25%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral),1) 25%,transparent);}}.bg-neutral\/50{background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral),1),1) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-neutral),1) 50%,transparent);}}.bg-primary-100{background-color:rgba(var(--color-primary-100),1)}.bg-primary-200{background-color:rgba(var(--color-primary-200),1)}.bg-primary-200\/80{background-color:color-mix(in srgb,rgba(rgba(var(--color-primary-200),1),1) 80%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,rgba(var(--color-primary-200),1) 80%,transparent);}}.bg-primary-500{background-color:rgba(var(--color-primary-500),1)}.bg-primary-600{background-color:rgba(var(--color-primary-600),1)}.bg-transparent{background-color:initial}.bg-white{background-color:#fff}.bg-linear-60{--tw-gradient-position:60deg;@supports(background-image:linear-gradient(in lab,red,red)){--tw-gradient-position: 60deg in oklab;}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-neutral{--tw-gradient-from:rgba(var(--color-neutral), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-500{--tw-gradient-from:rgba(var(--color-primary-500), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-60\%{--tw-gradient-from-position:60%}.to-neutral{--tw-gradient-to:rgba(var(--color-neutral), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-100{--tw-gradient-to:rgba(var(--color-neutral-100), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary-600{--tw-gradient-to:rgba(var(--color-secondary-600), 1);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-scale-down{object-fit:scale-down}.object-left{object-position:left}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[0\.4rem\]{padding-inline:.4rem}.px-\[30px\]{padding-inline:30px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[0\.4rem\]{padding-block:.4rem}.py-\[1px\]{padding-block:1px}.ps-2{padding-inline-start:calc(var(--spacing) * 2)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pl-0{padding-left:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.-indent-\[999px\]{text-indent:calc(999px * -1)}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-normal{white-space:normal}.\!text-neutral{color:rgba(var(--color-neutral),1)!important}.text-inherit{color:inherit}.text-neutral-50{color:rgba(var(--color-neutral-50),1)}.text-neutral-200{color:rgba(var(--color-neutral-200),1)}.text-neutral-300{color:rgba(var(--color-neutral-300),1)}.text-neutral-400{color:rgba(var(--color-neutral-400),1)}.text-neutral-500{color:rgba(var(--color-neutral-500),1)}.text-neutral-600{color:rgba(var(--color-neutral-600),1)}.text-neutral-700{color:rgba(var(--color-neutral-700),1)}.text-neutral-800{color:rgba(var(--color-neutral-800),1)}.text-neutral-900{color:rgba(var(--color-neutral-900),1)}.text-primary-100{color:rgba(var(--color-primary-100),1)}.text-primary-300{color:rgba(var(--color-primary-300),1)}.text-primary-400{color:rgba(var(--color-primary-400),1)}.text-primary-500{color:rgba(var(--color-primary-500),1)}.text-primary-600{color:rgba(var(--color-primary-600),1)}.text-primary-700{color:rgba(var(--color-primary-700),1)}.text-primary-800{color:rgba(var(--color-primary-800),1)}.text-transparent{color:transparent}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.\!no-underline{text-decoration-line:none!important}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-neutral-300{text-decoration-color:rgba(var(--color-neutral-300),1)}.decoration-primary-500{text-decoration-color:rgba(var(--color-primary-500),1)}.underline-offset-auto{text-underline-offset:auto}.\!opacity-0{opacity:0%!important}.\!opacity-100{opacity:100%!important}.opacity-0{opacity:0%}.opacity-30{opacity:30%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-65{opacity:65%}.opacity-100{opacity:100%}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-normal{mix-blend-mode:normal}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary-500{--tw-ring-color:rgba(var(--color-primary-500), 1)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur\!{--tw-blur:blur(8px) !important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-brightness-112{--tw-backdrop-brightness:brightness(112%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-saturate-220{--tw-backdrop-saturate:saturate(220%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,_opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:150ms;transition-duration:150ms}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-\[350ms\]{--tw-duration:350ms;transition-duration:350ms}.duration-\[600ms\]{--tw-duration:600ms;transition-duration:600ms}.ease-\[cubic-bezier\(0\,0\,0\.15\,1\)\,_cubic-bezier\(0\,0\,0\.15\,1\)\]{--tw-ease:cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);transition-timing-function:cubic-bezier(0,0,.15,1),cubic-bezier(0,0,.15,1)}.ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\]{--tw-ease:cubic-bezier(0.25,0.1,0.25,1.0);transition-timing-function:cubic-bezier(.25,.1,.25,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\!\[clip\:rect\(0\,0\,0\,0\)\]{clip:rect(0,0,0,0)!important}.group-open\:rotate-0{&:is(:where(.group):is([open],:popover-open,:open) *) { rotate:0deg; }}.group-hover\:scale-110{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-scale-x:110%; --tw-scale-y:110%; --tw-scale-z:110%; scale:var(--tw-scale-x) var(--tw-scale-y); } }}.group-hover\:text-primary-500{&:is(:where(.group):hover *) { @media (hover:hover) { color:rgba(var(--color-primary-500),1); } }}.group-hover\:opacity-100{&:is(:where(.group):hover *) { @media (hover:hover) { opacity:100%; } }}.group-hover\:ring-2{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } }}.group-hover\:ring-primary-500{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-ring-color:rgba(var(--color-primary-500),1); } }}.group-data-\[twe-input-focused\]\:border-x-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-style:var(--tw-border-style); border-inline-width:0px; }}.group-data-\[twe-input-focused\]\:border-s-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-start-style:var(--tw-border-style); border-inline-start-width:0px; }}.group-data-\[twe-input-focused\]\:border-e-0{&:is(:where(.group)[data-twe-input-focused] *) { border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; }}.group-data-\[twe-input-focused\]\:border-t{&:is(:where(.group)[data-twe-input-focused] *) { border-top-style:var(--tw-border-style); border-top-width:1px; }}.group-data-\[twe-input-focused\]\:border-solid{&:is(:where(.group)[data-twe-input-focused] *) { --tw-border-style:solid; border-style:solid; }}.group-data-\[twe-input-focused\]\:border-white{&:is(:where(.group)[data-twe-input-focused] *) { border-color:#fff; }}.group-data-\[twe-input-focused\]\:border-t-transparent{&:is(:where(.group)[data-twe-input-focused] *) { border-top-color:transparent; }}.group-data-\[twe-input-focused\]\:shadow-white{&:is(:where(.group)[data-twe-input-focused] *) { --tw-shadow-color:#fff; @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,#fff var(--tw-shadow-alpha),transparent); } }}.group-data-\[twe-input-state-active\]\:border-x-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-style:var(--tw-border-style); border-inline-width:0px; }}.group-data-\[twe-input-state-active\]\:border-s-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-start-style:var(--tw-border-style); border-inline-start-width:0px; }}.group-data-\[twe-input-state-active\]\:border-e-0{&:is(:where(.group)[data-twe-input-state-active] *) { border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; }}.group-data-\[twe-input-state-active\]\:border-t{&:is(:where(.group)[data-twe-input-state-active] *) { border-top-style:var(--tw-border-style); border-top-width:1px; }}.group-data-\[twe-input-state-active\]\:border-solid{&:is(:where(.group)[data-twe-input-state-active] *) { --tw-border-style:solid; border-style:solid; }}.group-data-\[twe-input-state-active\]\:border-t-transparent{&:is(:where(.group)[data-twe-input-state-active] *) { border-top-color:transparent; }}.peer-checked\:visible{&:is(:where(.peer):checked ~ *) { visibility:visible; }}.peer-checked\:opacity-100{&:is(:where(.peer):checked ~ *) { opacity:100%; }}.peer-checked\/full\:grid-rows-\[1fr\]{&:is(:where(.peer\/full):checked ~ *) { grid-template-rows:1fr; }}.before\:absolute{&::before { content:var(--tw-content); position:absolute; }}.before\:inset-0{&::before { content:var(--tw-content); inset:calc(var(--spacing) * 0); }}.after\:clear-both{&::after { content:var(--tw-content); clear:both; }}.after\:block{&::after { content:var(--tw-content); display:block; }}.after\:content-\[\'\'\]{&::after { --tw-content:''; content:var(--tw-content); }}.first\:mt-8{&:first-child { margin-top:calc(var(--spacing) * 8); }}.empty\:hidden{&:empty { display:none; }}.hover\:border-transparent{&:hover { @media (hover:hover) { border-color:transparent; } }}.hover\:\!bg-primary-500{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-500),1)!important; } }}.hover\:bg-neutral-200{&:hover { @media (hover:hover) { background-color:rgba(var(--color-neutral-200),1); } }}.hover\:bg-primary-100{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-100),1); } }}.hover\:bg-primary-500{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-500),1); } }}.hover\:bg-primary-600{&:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-600),1); } }}.hover\:text-neutral{&:hover { @media (hover:hover) { color:rgba(var(--color-neutral),1); } }}.hover\:text-neutral-700{&:hover { @media (hover:hover) { color:rgba(var(--color-neutral-700),1); } }}.hover\:text-primary-400{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } }}.hover\:text-primary-500{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-500),1); } }}.hover\:text-primary-600{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-600),1); } }}.hover\:text-primary-700{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-700),1); } }}.hover\:no-underline{&:hover { @media (hover:hover) { text-decoration-line:none; } }}.hover\:underline{&:hover { @media (hover:hover) { text-decoration-line:underline; } }}.hover\:decoration-primary-400{&:hover { @media (hover:hover) { text-decoration-color:rgba(var(--color-primary-400),1); } }}.hover\:decoration-2{&:hover { @media (hover:hover) { text-decoration-thickness:2px; } }}.hover\:underline-offset-2{&:hover { @media (hover:hover) { text-underline-offset:2px; } }}.hover\:opacity-90{&:hover { @media (hover:hover) { opacity:90%; } }}.hover\:outline-none{&:hover { @media (hover:hover) { --tw-outline-style:none; outline-style:none; } }}.focus\:translate-y-0{&:focus { --tw-translate-y:calc(var(--spacing) * 0); translate:var(--tw-translate-x) var(--tw-translate-y); }}.focus\:border-primary-500{&:focus { border-color:rgba(var(--color-primary-500),1); }}.focus\:bg-primary-100{&:focus { background-color:rgba(var(--color-primary-100),1); }}.focus\:no-underline{&:focus { text-decoration-line:none; }}.focus\:opacity-90{&:focus { opacity:90%; }}.focus\:ring-primary-500{&:focus { --tw-ring-color:rgba(var(--color-primary-500),1); }}.focus\:outline-2{&:focus { outline-style:var(--tw-outline-style); outline-width:2px; }}.focus\:outline-transparent{&:focus { outline-color:transparent; }}.focus\:outline-dotted{&:focus { --tw-outline-style:dotted; outline-style:dotted; }}.focus\:outline-none{&:focus { --tw-outline-style:none; outline-style:none; }}.data-\[popper-reference-hidden\]\:hidden{&[data-popper-reference-hidden] { display: none; }}.data-\[twe-carousel-fade\]\:z-0{&[data-twe-carousel-fade] { z-index: 0; }}.data-\[twe-carousel-fade\]\:z-\[1\]{&[data-twe-carousel-fade] { z-index: 1; }}.data-\[twe-carousel-fade\]\:opacity-0{&[data-twe-carousel-fade] { opacity: 0%; }}.data-\[twe-carousel-fade\]\:opacity-100{&[data-twe-carousel-fade] { opacity: 100%; }}.data-\[twe-carousel-fade\]\:delay-600{&[data-twe-carousel-fade] { transition-delay: 600ms; }}.data-\[twe-carousel-fade\]\:duration-\[600ms\]{&[data-twe-carousel-fade] { --tw-duration: 600ms; transition-duration: 600ms; }}.motion-reduce\:transition-none{@media(prefers-reduced-motion:reduce){transition-property: none;}}.sm\:me-7{@media(width >= 640px){margin-inline-end: calc(var(--spacing) * 7);}}.sm\:mt-16{@media(width >= 640px){margin-top: calc(var(--spacing) * 16);}}.sm\:mb-0{@media(width >= 640px){margin-bottom: calc(var(--spacing) * 0);}}.sm\:w-1\/2{@media(width >= 640px){width: calc(1/2 * 100%);}}.sm\:grid-cols-2{@media(width >= 640px){grid-template-columns: repeat(2,minmax(0,1fr));}}.sm\:flex-row{@media(width >= 640px){flex-direction: row;}}.sm\:overflow-hidden{@media(width >= 640px){overflow: hidden;}}.sm\:p-6{@media(width >= 640px){padding: calc(var(--spacing) * 6);}}.sm\:px-6{@media(width >= 640px){padding-inline: calc(var(--spacing) * 6);}}.sm\:px-14{@media(width >= 640px){padding-inline: calc(var(--spacing) * 14);}}.sm\:py-24{@media(width >= 640px){padding-block: calc(var(--spacing) * 24);}}.sm\:text-lg{@media(width >= 640px){font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));}}.sm\:last\:me-0{@media(width >= 640px){&:last-child{margin-inline-end:calc(var(--spacing) * 0)}}}.md\:-me-16{@media(width >= 853px){margin-inline-end: calc(var(--spacing) * -16);}}.md\:mt-0{@media(width >= 853px){margin-top: calc(var(--spacing) * 0);}}.md\:mr-7{@media(width >= 853px){margin-right: calc(var(--spacing) * 7);}}.md\:flex{@media(width >= 853px){display: flex;}}.md\:hidden{@media(width >= 853px){display: none;}}.md\:h-56{@media(width >= 853px){height: calc(var(--spacing) * 56);}}.md\:h-\[200px\]{@media(width >= 853px){height: 200px;}}.md\:w-1\/3{@media(width >= 853px){width: calc(1/3 * 100%);}}.md\:w-auto{@media(width >= 853px){width: auto;}}.md\:grid-cols-3{@media(width >= 853px){grid-template-columns: repeat(3,minmax(0,1fr));}}.md\:flex-row{@media(width >= 853px){flex-direction: row;}}.md\:justify-start{@media(width >= 853px){justify-content: flex-start;}}.md\:p-\[10vh\]{@media(width >= 853px){padding: 10vh;}}.md\:px-24{@media(width >= 853px){padding-inline: calc(var(--spacing) * 24);}}.lg\:absolute{@media(width >= 1024px){position: absolute;}}.lg\:relative{@media(width >= 1024px){position: relative;}}.lg\:sticky{@media(width >= 1024px){position: sticky;}}.lg\:top-10{@media(width >= 1024px){top: calc(var(--spacing) * 10);}}.lg\:top-\[140px\]{@media(width >= 1024px){top: 140px;}}.lg\:order-last{@media(width >= 1024px){order: 9999;}}.lg\:m-0{@media(width >= 1024px){margin: calc(var(--spacing) * 0);}}.lg\:mx-0{@media(width >= 1024px){margin-inline: calc(var(--spacing) * 0);}}.lg\:mx-auto{@media(width >= 1024px){margin-inline: auto;}}.lg\:ms-auto{@media(width >= 1024px){margin-inline-start: auto;}}.lg\:mt-0{@media(width >= 1024px){margin-top: calc(var(--spacing) * 0);}}.lg\:block{@media(width >= 1024px){display: block;}}.lg\:grid{@media(width >= 1024px){display: grid;}}.lg\:hidden{@media(width >= 1024px){display: none;}}.lg\:h-72{@media(width >= 1024px){height: calc(var(--spacing) * 72);}}.lg\:h-full{@media(width >= 1024px){height: 100%;}}.lg\:w-1\/4{@media(width >= 1024px){width: calc(1/4 * 100%);}}.lg\:w-auto{@media(width >= 1024px){width: auto;}}.lg\:max-w-2xs{@media(width >= 1024px){max-width: var(--container-2xs);}}.lg\:max-w-7xl{@media(width >= 1024px){max-width: var(--container-7xl);}}.lg\:max-w-none{@media(width >= 1024px){max-width: none;}}.lg\:grid-flow-col-dense{@media(width >= 1024px){grid-auto-flow: column dense;}}.lg\:grid-cols-2{@media(width >= 1024px){grid-template-columns: repeat(2,minmax(0,1fr));}}.lg\:flex-row{@media(width >= 1024px){flex-direction: row;}}.lg\:gap-24{@media(width >= 1024px){gap: calc(var(--spacing) * 24);}}.lg\:p-\[12vh\]{@media(width >= 1024px){padding: 12vh;}}.lg\:px-0{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 0);}}.lg\:px-8{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 8);}}.lg\:px-32{@media(width >= 1024px){padding-inline: calc(var(--spacing) * 32);}}.lg\:py-16{@media(width >= 1024px){padding-block: calc(var(--spacing) * 16);}}.lg\:py-32{@media(width >= 1024px){padding-block: calc(var(--spacing) * 32);}}.lg\:ps-8{@media(width >= 1024px){padding-inline-start: calc(var(--spacing) * 8);}}.xl\:w-1\/4{@media(width >= 1280px){width: calc(1/4 * 100%);}}.xl\:grid-cols-4{@media(width >= 1280px){grid-template-columns: repeat(4,minmax(0,1fr));}}.\32 xl\:grid-cols-5{@media(width >= 1536px){grid-template-columns: repeat(5,minmax(0,1fr));}}.ltr\:-ml-12{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { margin-left:calc(var(--spacing) * -12); }}.ltr\:block{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { display:block; }}.ltr\:hidden{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { display:none; }}.rtl\:-mr-\[79px\]{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(79px * -1); }}.rtl\:block{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { display:block; }}.rtl\:hidden{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { display:none; }}.rtl\:rotate-180{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { rotate:180deg; }}.dark\:block{&:is(.dark *) { display:block; }}.dark\:flex{&:is(.dark *) { display:flex; }}.dark\:hidden{&:is(.dark *) { display:none; }}.dark\:border-neutral-400{&:is(.dark *) { border-color:rgba(var(--color-neutral-400),1); }}.dark\:border-neutral-600{&:is(.dark *) { border-color:rgba(var(--color-neutral-600),1); }}.dark\:border-neutral-700{&:is(.dark *) { border-color:rgba(var(--color-neutral-700),1); }}.dark\:border-primary-300{&:is(.dark *) { border-color:rgba(var(--color-primary-300),1); }}.dark\:border-primary-600{&:is(.dark *) { border-color:rgba(var(--color-primary-600),1); }}.dark\:border-white\/10{&:is(.dark *) { border-color:color-mix(in oklab,#fff 10%,transparent); }}.dark\:prose-invert{&:is(.dark *) { --tw-prose-body:var(--tw-prose-invert-body); --tw-prose-headings:var(--tw-prose-invert-headings); --tw-prose-lead:var(--tw-prose-invert-lead); --tw-prose-links:var(--tw-prose-invert-links); --tw-prose-bold:var(--tw-prose-invert-bold); --tw-prose-counters:var(--tw-prose-invert-counters); --tw-prose-bullets:var(--tw-prose-invert-bullets); --tw-prose-hr:var(--tw-prose-invert-hr); --tw-prose-quotes:var(--tw-prose-invert-quotes); --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders); --tw-prose-captions:var(--tw-prose-invert-captions); --tw-prose-kbd:var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows); --tw-prose-code:var(--tw-prose-invert-code); --tw-prose-pre-code:var(--tw-prose-invert-pre-code); --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg); --tw-prose-th-borders:var(--tw-prose-invert-th-borders); --tw-prose-td-borders:var(--tw-prose-invert-td-borders);:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-neutral-600),1); &:hover { color:rgba(var(--color-primary-400),1); } }:where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color:rgba(var(--color-neutral-200),1); background-color:rgba(var(--color-neutral-700),1); }:where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color:rgba(var(--color-primary-400),1); }:where(code:not(pre code)):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color:color-mix(in oklab,oklch(21% 0.006 285.885) 70%,transparent); }:where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-primary-400),1); }:where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration-color:rgba(var(--color-primary-400),1); }:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border:0.8px solid rgba(var(--color-neutral-500),1); } }}.dark\:bg-neutral-400{&:is(.dark *) { background-color:rgba(var(--color-neutral-400),1); }}.dark\:bg-neutral-600{&:is(.dark *) { background-color:rgba(var(--color-neutral-600),1); }}.dark\:bg-neutral-700{&:is(.dark *) { background-color:rgba(var(--color-neutral-700),1); }}.dark\:bg-neutral-800{&:is(.dark *) { background-color:rgba(var(--color-neutral-800),1); }}.dark\:bg-neutral-800\/25{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 25%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 25%,transparent); } }}.dark\:bg-neutral-800\/50{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 50%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 50%,transparent); } }}.dark\:bg-neutral-800\/60{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-800),1),1) 60%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-800),1) 60%,transparent); } }}.dark\:bg-neutral-900{&:is(.dark *) { background-color:rgba(var(--color-neutral-900),1); }}.dark\:bg-neutral-900\/50{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-900),1),1) 50%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-900),1) 50%,transparent); } }}.dark\:bg-neutral-900\/99{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-neutral-900),1),1) 99%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-neutral-900),1) 99%,transparent); } }}.dark\:bg-primary-300{&:is(.dark *) { background-color:rgba(var(--color-primary-300),1); }}.dark\:bg-primary-400{&:is(.dark *) { background-color:rgba(var(--color-primary-400),1); }}.dark\:bg-primary-800{&:is(.dark *) { background-color:rgba(var(--color-primary-800),1); }}.dark\:bg-primary-800\/30{&:is(.dark *) { background-color:color-mix(in srgb,rgba(rgba(var(--color-primary-800),1),1) 30%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,rgba(var(--color-primary-800),1) 30%,transparent); } }}.dark\:bg-primary-900{&:is(.dark *) { background-color:rgba(var(--color-primary-900),1); }}.dark\:from-neutral-800{&:is(.dark *) { --tw-gradient-from:rgba(var(--color-neutral-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:from-primary-600{&:is(.dark *) { --tw-gradient-from:rgba(var(--color-primary-600),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:to-neutral-800{&:is(.dark *) { --tw-gradient-to:rgba(var(--color-neutral-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:to-secondary-800{&:is(.dark *) { --tw-gradient-to:rgba(var(--color-secondary-800),1); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:text-neutral{&:is(.dark *) { color:rgba(var(--color-neutral),1); }}.dark\:text-neutral-100{&:is(.dark *) { color:rgba(var(--color-neutral-100),1); }}.dark\:text-neutral-200{&:is(.dark *) { color:rgba(var(--color-neutral-200),1); }}.dark\:text-neutral-300{&:is(.dark *) { color:rgba(var(--color-neutral-300),1); }}.dark\:text-neutral-400{&:is(.dark *) { color:rgba(var(--color-neutral-400),1); }}.dark\:text-neutral-500{&:is(.dark *) { color:rgba(var(--color-neutral-500),1); }}.dark\:text-neutral-700{&:is(.dark *) { color:rgba(var(--color-neutral-700),1); }}.dark\:text-neutral-800{&:is(.dark *) { color:rgba(var(--color-neutral-800),1); }}.dark\:text-primary-200{&:is(.dark *) { color:rgba(var(--color-primary-200),1); }}.dark\:text-primary-400{&:is(.dark *) { color:rgba(var(--color-primary-400),1); }}.dark\:text-white{&:is(.dark *) { color:#fff; }}.dark\:opacity-60{&:is(.dark *) { opacity:60%; }}.dark\:backdrop-brightness-95{&:is(.dark *) { --tw-backdrop-brightness:brightness(95%); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }}.dark\:backdrop-saturate-180{&:is(.dark *) { --tw-backdrop-saturate:saturate(180%); -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }}.dark\:hover\:\!bg-primary-700{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-700),1)!important; } } }}.dark\:hover\:bg-neutral-700{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-neutral-700),1); } } }}.dark\:hover\:bg-primary-400{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-400),1); } } }}.dark\:hover\:bg-primary-900{&:is(.dark *) { &:hover { @media (hover:hover) { background-color:rgba(var(--color-primary-900),1); } } }}.dark\:hover\:text-neutral-200{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-neutral-200),1); } } }}.dark\:hover\:text-neutral-800{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-neutral-800),1); } } }}.dark\:hover\:text-primary-400{&:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } } }}.dark\:focus\:bg-primary-900{&:is(.dark *) { &:focus { background-color:rgba(var(--color-primary-900),1); } }}.print\:hidden{@media print{display: none;}}.\[\&_\.translation_\.menuhide_span\]\:text-sm\!{& .translation .menuhide span { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; }}.\[\&_\.translation_button_\.icon\]\:text-4xl\!{& .translation button .icon { font-size: var(--text-4xl) !important; line-height: var(--tw-leading, var(--text-4xl--line-height)) !important; }}.\[\&_\.translation_button_span\]\:text-base\!{& .translation button span { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; }}.\[\&_span\]\:text-2xl{& span { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }}}@layer utilities{.highlight-wrapper{position:relative;z-index:0;display:block;overflow:hidden;border-radius:var(--radius-md);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-top:1.7142857em;margin-bottom:1.7142857em}.highlight-wrapper pre,.highlight-wrapper table,.highlight-wrapper div{margin-top:0;margin-bottom:0}.highlight-wrapper:has(.codeblock-title) pre{border-radius:0}.codeblock-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--color-neutral-200),1);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);&:is(.dark *) { border-color:rgba(var(--color-neutral-800),1); } background-color:#fff;&:is(.dark *) { background-color:#0d1117; }}.chroma .lntd,.chroma .lntd pre{margin:calc(var(--spacing) * 0);--tw-border-style:none;border-style:none;padding:calc(var(--spacing) * 0);vertical-align:top}.chroma .lntable{display:block;width:auto;overflow:hidden;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));border-spacing:0}.chroma .hl{margin-inline:calc(var(--spacing) * -4);display:block;width:auto;padding-inline:calc(var(--spacing) * 4)}.chroma .lntd .hl{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0)}.chroma:not(:is(table *))>code{display:block;min-width:max-content}html:not(.dark){.bg { background-color: #fff; } .chroma { background-color: #fff; } .chroma .err { color: #f6f8fa; background-color: #82071e; } .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; } .chroma .hl { background-color: #e5e5e5; } .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #7f7f7f; } .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #7f7f7f; } .chroma .line { display: flex; } .chroma .k { color: #cf222e; } .chroma .kc { color: #cf222e; } .chroma .kd { color: #cf222e; } .chroma .kn { color: #cf222e; } .chroma .kp { color: #cf222e; } .chroma .kr { color: #cf222e; } .chroma .kt { color: #cf222e; } .chroma .na { color: #1f2328; } .chroma .nc { color: #1f2328; } .chroma .no { color: #0550ae; } .chroma .nd { color: #0550ae; } .chroma .ni { color: #6639ba; } .chroma .nl { color: #900; font-weight: bold; } .chroma .nn { color: #24292e; } .chroma .nx { color: #1f2328; } .chroma .nt { color: #0550ae; } .chroma .nb { color: #6639ba; } .chroma .bp { color: #6a737d; } .chroma .nv { color: #953800; } .chroma .vc { color: #953800; } .chroma .vg { color: #953800; } .chroma .vi { color: #953800; } .chroma .vm { color: #953800; } .chroma .nf { color: #6639ba; } .chroma .fm { color: #6639ba; } .chroma .s { color: #0a3069; } .chroma .sa { color: #0a3069; } .chroma .sb { color: #0a3069; } .chroma .sc { color: #0a3069; } .chroma .dl { color: #0a3069; } .chroma .sd { color: #0a3069; } .chroma .s2 { color: #0a3069; } .chroma .se { color: #0a3069; } .chroma .sh { color: #0a3069; } .chroma .si { color: #0a3069; } .chroma .sx { color: #0a3069; } .chroma .sr { color: #0a3069; } .chroma .s1 { color: #0a3069; } .chroma .ss { color: #032f62; } .chroma .m { color: #0550ae; } .chroma .mb { color: #0550ae; } .chroma .mf { color: #0550ae; } .chroma .mh { color: #0550ae; } .chroma .mi { color: #0550ae; } .chroma .il { color: #0550ae; } .chroma .mo { color: #0550ae; } .chroma .o { color: #0550ae; } .chroma .ow { color: #0550ae; } .chroma .p { color: #1f2328; } .chroma .c { color: #57606a; } .chroma .ch { color: #57606a; } .chroma .cm { color: #57606a; } .chroma .c1 { color: #57606a; } .chroma .cs { color: #57606a; } .chroma .cp { color: #57606a; } .chroma .cpf { color: #57606a; } .chroma .gd { color: #82071e; background-color: #ffebe9; } .chroma .ge { color: #1f2328; } .chroma .gi { color: #116329; background-color: #dafbe1; } .chroma .go { color: #1f2328; } .chroma .gl { text-decoration: underline; } .chroma .w { color: #fff; }}html.dark{.bg { color: #e6edf3; background-color: #0d1117; } .chroma { color: #e6edf3; background-color: #0d1117; } .chroma .err { color: #f85149; } .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; } .chroma .hl { background-color: #333; } .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #737679; } .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #6e7681; } .chroma .line { display: flex; } .chroma .k { color: #ff7b72; } .chroma .kc { color: #79c0ff; } .chroma .kd { color: #ff7b72; } .chroma .kn { color: #ff7b72; } .chroma .kp { color: #79c0ff; } .chroma .kr { color: #ff7b72; } .chroma .kt { color: #ff7b72; } .chroma .nc { color: #f0883e; font-weight: bold; } .chroma .no { color: #79c0ff; font-weight: bold; } .chroma .nd { color: #d2a8ff; font-weight: bold; } .chroma .ni { color: #ffa657; } .chroma .ne { color: #f0883e; font-weight: bold; } .chroma .nl { color: #79c0ff; font-weight: bold; } .chroma .nn { color: #ff7b72; } .chroma .py { color: #79c0ff; } .chroma .nt { color: #7ee787; } .chroma .nv { color: #79c0ff; } .chroma .vc { color: #79c0ff; } .chroma .vg { color: #79c0ff; } .chroma .vi { color: #79c0ff; } .chroma .vm { color: #79c0ff; } .chroma .nf { color: #d2a8ff; font-weight: bold; } .chroma .fm { color: #d2a8ff; font-weight: bold; } .chroma .l { color: #a5d6ff; } .chroma .ld { color: #79c0ff; } .chroma .s { color: #a5d6ff; } .chroma .sa { color: #79c0ff; } .chroma .sb { color: #a5d6ff; } .chroma .sc { color: #a5d6ff; } .chroma .dl { color: #79c0ff; } .chroma .sd { color: #a5d6ff; } .chroma .s2 { color: #a5d6ff; } .chroma .se { color: #79c0ff; } .chroma .sh { color: #79c0ff; } .chroma .si { color: #a5d6ff; } .chroma .sx { color: #a5d6ff; } .chroma .sr { color: #79c0ff; } .chroma .s1 { color: #a5d6ff; } .chroma .ss { color: #a5d6ff; } .chroma .m { color: #a5d6ff; } .chroma .mb { color: #a5d6ff; } .chroma .mf { color: #a5d6ff; } .chroma .mh { color: #a5d6ff; } .chroma .mi { color: #a5d6ff; } .chroma .il { color: #a5d6ff; } .chroma .mo { color: #a5d6ff; } .chroma .o { color: #ff7b72; font-weight: bold; } .chroma .ow { color: #ff7b72; font-weight: bold; } .chroma .c { color: #8b949e; font-style: italic; } .chroma .ch { color: #8b949e; font-style: italic; } .chroma .cm { color: #8b949e; font-style: italic; } .chroma .c1 { color: #8b949e; font-style: italic; } .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic; } .chroma .gd { color: #ffa198; background-color: #490202; } .chroma .ge { font-style: italic; } .chroma .gr { color: #ffa198; } .chroma .gh { color: #79c0ff; font-weight: bold; } .chroma .gi { color: #56d364; background-color: #0f5323; } .chroma .go { color: #8b949e; } .chroma .gp { color: #8b949e; } .chroma .gs { font-weight: bold; } .chroma .gu { color: #79c0ff; } .chroma .gt { color: #ff7b72; } .chroma .gl { text-decoration: underline; } .chroma .w { color: #6e7681; }}}@layer utilities{.tab__button.tab--active{border-bottom:2px solid rgb(var(--color-primary-500))}.tab__panel{display:none}.tab__panel.tab--active{display:block}}#zen-mode-button{cursor:pointer}.zen-mode{position:relative}body.zen-mode-enable{ #bmc-wbtn, .author { display: none !important; }}.a11y-panel-enter-active{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)forwards}.a11y-panel-leave-active{animation:slideOutToTop .3s cubic-bezier(.4,0,.2,1)forwards}.ios-toggle{position:relative;width:42px;height:24px;background:#e5e5e5;border-radius:12px;cursor:pointer;transition:background-color .3s ease;pointer-events:auto}.ios-toggle input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.ios-toggle::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease,background-color .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.2);z-index:0}.ios-toggle input:checked+.toggle-track::after{transform:translateX(18px)}.ios-toggle input:checked+.toggle-track{background:rgba(var(--color-primary-500),1)}.ios-toggle input:checked~.ios-toggle-ball{transform:translateX(18px)}.ios-toggle.is-checked{background:rgba(var(--color-primary-500),1)}.ios-toggle:has(input:checked){background:rgba(var(--color-primary-500),1)}.ios-toggle:has(input:checked)::after{transform:translateX(18px)}.dark .ios-toggle{background:#404040}.dark .ios-toggle::after{background:#f5f5f5}@layer components{:root{--adm-note-border:oklch(68.5% 0.169 237.323);--adm-note-bg:oklch(97.7% 0.013 236.62);--adm-note-text:oklch(39.1% 0.09 240.876);--adm-tip-border:oklch(69.6% 0.17 162.48);--adm-tip-bg:oklch(97.9% 0.021 166.113);--adm-tip-text:oklch(37.8% 0.077 168.94);--adm-important-border:oklch(62.7% 0.265 303.9);--adm-important-bg:oklch(97.7% 0.014 308.299);--adm-important-text:oklch(38.1% 0.176 304.987);--adm-warning-border:oklch(70.5% 0.213 47.604);--adm-warning-bg:oklch(98% 0.016 73.684);--adm-warning-text:oklch(40.8% 0.123 38.172);--adm-caution-border:oklch(63.7% 0.237 25.331);--adm-caution-bg:oklch(97.1% 0.013 17.38);--adm-caution-text:oklch(39.6% 0.141 25.723);--adm-abstract-border:oklch(71.5% 0.143 215.221);--adm-abstract-bg:oklch(98.4% 0.019 200.873);--adm-abstract-text:oklch(39.8% 0.07 227.392);--adm-bug-border:oklch(64.5% 0.246 16.439);--adm-bug-bg:oklch(96.9% 0.015 12.422);--adm-bug-text:oklch(41% 0.159 10.272);--adm-danger-border:oklch(63.7% 0.237 25.331);--adm-danger-bg:oklch(97.1% 0.013 17.38);--adm-danger-text:oklch(39.6% 0.141 25.723);--adm-example-border:oklch(55.8% 0.288 302.321);--adm-example-bg:oklch(97.7% 0.014 308.299);--adm-example-text:oklch(38.1% 0.176 304.987);--adm-failure-border:oklch(65.6% 0.241 354.308);--adm-failure-bg:oklch(97.1% 0.014 343.198);--adm-failure-text:oklch(40.8% 0.153 2.432);--adm-info-border:oklch(62.3% 0.214 259.815);--adm-info-bg:oklch(97% 0.014 254.604);--adm-info-text:oklch(37.9% 0.146 265.522);--adm-question-border:oklch(76.9% 0.188 70.08);--adm-question-bg:oklch(98.7% 0.022 95.277);--adm-question-text:oklch(41.4% 0.112 45.904);--adm-quote-border:oklch(55.1% 0.027 264.364);--adm-quote-bg:oklch(98.5% 0.002 247.839);--adm-quote-text:oklch(27.8% 0.033 256.848);--adm-success-border:oklch(69.6% 0.17 162.48);--adm-success-bg:oklch(97.9% 0.021 166.113);--adm-success-text:oklch(37.8% 0.077 168.94);--adm-todo-border:oklch(68.5% 0.169 237.323);--adm-todo-bg:oklch(97.7% 0.013 236.62);--adm-todo-text:oklch(44.3% 0.11 240.79)}html.dark{--adm-note-bg:color-mix(in srgb, oklch(44.3% 0.11 240.79), #0f0f0f 50%);--adm-note-text:oklch(95.1% 0.026 236.824);--adm-tip-bg:color-mix(in srgb, oklch(43.2% 0.095 166.913), #0f0f0f 50%);--adm-tip-text:oklch(95% 0.052 163.051);--adm-important-bg:color-mix(in srgb, oklch(43.8% 0.218 303.724), #0f0f0f 50%);--adm-important-text:oklch(94.6% 0.033 307.174);--adm-warning-bg:color-mix(in srgb, oklch(47% 0.157 37.304), #0f0f0f 45%);--adm-warning-text:oklch(95.4% 0.038 75.164);--adm-caution-bg:color-mix(in srgb, oklch(44.4% 0.177 26.899), #0f0f0f 45%);--adm-caution-text:oklch(93.6% 0.032 17.717);--adm-abstract-bg:color-mix(in srgb, oklch(45% 0.085 224.283), #0f0f0f 50%);--adm-abstract-text:oklch(95.6% 0.045 203.388);--adm-bug-bg:color-mix(in srgb, oklch(45.5% 0.188 13.697), #0f0f0f 50%);--adm-bug-text:oklch(94.1% 0.03 12.58);--adm-danger-bg:color-mix(in srgb, oklch(44.4% 0.177 26.899), #0f0f0f 45%);--adm-danger-text:oklch(93.6% 0.032 17.717);--adm-example-bg:color-mix(in srgb, oklch(43.8% 0.218 303.724), #0f0f0f 50%);--adm-example-text:oklch(94.6% 0.033 307.174);--adm-failure-bg:color-mix(in srgb, oklch(45.9% 0.187 3.815), #0f0f0f 50%);--adm-failure-text:oklch(94.8% 0.028 342.258);--adm-info-bg:color-mix(in srgb, oklch(42.4% 0.199 265.638), #0f0f0f 50%);--adm-info-text:oklch(93.2% 0.032 255.585);--adm-question-bg:color-mix(in srgb, oklch(47.3% 0.137 46.201), #0f0f0f 50%);--adm-question-text:oklch(96.2% 0.059 95.617);--adm-quote-bg:color-mix(in srgb, oklch(27.8% 0.033 256.848), #0f0f0f 50%);--adm-quote-text:oklch(96.7% 0.003 264.542);--adm-success-bg:color-mix(in srgb, oklch(43.2% 0.095 166.913), #0f0f0f 50%);--adm-success-text:oklch(95% 0.052 163.051);--adm-todo-bg:color-mix(in srgb, oklch(44.3% 0.11 240.79), #0f0f0f 50%);--adm-todo-text:oklch(95.1% 0.026 236.824)}.admonition-content>:first-child{margin-top:0!important}.admonition-content>:last-child{margin-bottom:0!important}.admonition-content pre{margin-block:0!important}.admonition[data-type=note]{border-color:var(--adm-note-border);background-color:var(--adm-note-bg);color:var(--adm-note-text)}.admonition[data-type=tip]{border-color:var(--adm-tip-border);background-color:var(--adm-tip-bg);color:var(--adm-tip-text)}.admonition[data-type=important]{border-color:var(--adm-important-border);background-color:var(--adm-important-bg);color:var(--adm-important-text)}.admonition[data-type=warning]{border-color:var(--adm-warning-border);background-color:var(--adm-warning-bg);color:var(--adm-warning-text)}.admonition[data-type=caution]{border-color:var(--adm-caution-border);background-color:var(--adm-caution-bg);color:var(--adm-caution-text)}.admonition[data-type=abstract]{border-color:var(--adm-abstract-border);background-color:var(--adm-abstract-bg);color:var(--adm-abstract-text)}.admonition[data-type=bug]{border-color:var(--adm-bug-border);background-color:var(--adm-bug-bg);color:var(--adm-bug-text)}.admonition[data-type=danger]{border-color:var(--adm-danger-border);background-color:var(--adm-danger-bg);color:var(--adm-danger-text)}.admonition[data-type=example]{border-color:var(--adm-example-border);background-color:var(--adm-example-bg);color:var(--adm-example-text)}.admonition[data-type=failure]{border-color:var(--adm-failure-border);background-color:var(--adm-failure-bg);color:var(--adm-failure-text)}.admonition[data-type=info]{border-color:var(--adm-info-border);background-color:var(--adm-info-bg);color:var(--adm-info-text)}.admonition[data-type=question]{border-color:var(--adm-question-border);background-color:var(--adm-question-bg);color:var(--adm-question-text)}.admonition[data-type=quote]{border-color:var(--adm-quote-border);background-color:var(--adm-quote-bg);color:var(--adm-quote-text)}.admonition[data-type=success]{border-color:var(--adm-success-border);background-color:var(--adm-success-bg);color:var(--adm-success-text)}.admonition[data-type=todo]{border-color:var(--adm-todo-border);background-color:var(--adm-todo-bg);color:var(--adm-todo-text)}}html:not(.dark){color-scheme:light}html.dark{color-scheme:dark}body a,body button{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}button,[role=button]{cursor:pointer}.icon svg{height:1em;width:1em}.logo svg{height:5rem;width:5rem}#search-query::-webkit-search-cancel-button,#search-query::-webkit-search-decoration,#search-query::-webkit-search-results-button,#search-query::-webkit-search-results-decoration{display:none}.prose blockquote{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { border-right-style:var(--tw-border-style); border-right-width:4px; } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { border-left-style:var(--tw-border-style); border-left-width:0px; } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 4); }}.prose ul>li,.prose ol>li{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(var(--spacing) * 7); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 2); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-left:calc(var(--spacing) * 0); }}.prose ol>li:before,.prose ul>li:before{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { right:calc(var(--spacing) * 1); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { left:auto; }}.prose thead td:first-child,.prose thead th:first-child{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 0); }}.prose thead td:last-child,.prose thead th:last-child{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-left:calc(var(--spacing) * 0); }}.prose div.min-w-0.max-w-prose>*:first-child{margin-top:calc(var(--spacing) * 3)}#TOCView{max-height:calc(100vh - 150px);min-height:0;overflow-x:hidden}.toc ul,.toc li{list-style-type:none;padding-inline:calc(var(--spacing) * 0);--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.toc ul ul{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) { padding-left:calc(var(--spacing) * 4); } &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right:calc(var(--spacing) * 4); }}.toc a{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:rgba(var(--color-neutral-700),1);&:is(.dark *) { color:rgba(var(--color-neutral-300),1); }}.toc ul>li{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { margin-right:calc(var(--spacing) * 0); }}.highlight{position:relative;z-index:0}.highlight-wrapper:hover>.copy-button{visibility:visible}.copy-button{visibility:hidden;position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);z-index:10;width:calc(var(--spacing) * 20);cursor:pointer;text-overflow:ellipsis;overflow:hidden;border-top-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);background-color:rgba(var(--color-neutral-200),1);padding-block:calc(var(--spacing) * 1);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;color:rgba(var(--color-neutral-700),1);opacity:90%;&:is(.dark *) { background-color:rgba(var(--color-neutral-600),1); } &:is(.dark *) { color:rgba(var(--color-neutral-200),1); }}.copy-button:hover,.copy-button:focus,.copy-button:active,.copy-button:active:hover{background-color:rgba(var(--color-primary-100),1);&:is(.dark *) { background-color:rgba(var(--color-primary-600),1); }}.copy-textarea{position:absolute;z-index:calc(10 * -1);opacity:5%}.katex-display{overflow:auto hidden}.katex-display{padding:1em;width:calc(100% - 1em)}table{display:block;overflow:auto}code{word-wrap:break-word;overflow-wrap:break-word}a{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}.prose-invert .highlight pre>code{background-color:unset}pre{text-align:left}.single_hero_round{max-height:50vh;object-fit:cover}.single_hero_background{width:calc(100% + 1px);z-index:-10}.hero_gradient{width:100%;height:100%}.thumbnail_card{min-width:300px;height:200px}.thumbnail_card_related{height:150px}.thumbnail{width:300px;min-height:180px}@media(width < 853px){.thumbnail{width:100%}}.thumbnail-shadow{box-shadow:5px 5px 20px 1px rgba(0,0,0,.3)}@media(width < 853px){.width-patch{width:80vw}}@media(width >= 853px){.width-patch{width:65ch}}.anchor{display:block;position:relative;top:-150px;height:0;visibility:hidden}[id^=fn],[id^=fnref]{scroll-margin-top:145px}#main-content{scroll-margin-top:-125px}@media(width >= 640px){.article{flex-wrap:wrap}}@media(width >= 853px){.article{flex-wrap:nowrap}}.medium-zoom-image--opened{z-index:100}@layer utilities{.bf-border-color{border-color:rgba(var(--color-neutral-300),1);&:is(.dark *) { border-color:rgba(var(--color-neutral-700),1); }}.bf-border-color-hover{&:hover { @media (hover:hover) { border-color:rgba(var(--color-primary-600),1); } } &:is(.dark *) { &:hover { @media (hover:hover) { border-color:rgba(var(--color-primary-400),1); } } }}.bf-icon-color-hover{&:hover { @media (hover:hover) { color:rgba(var(--color-primary-600),1); } } &:is(.dark *) { &:hover { @media (hover:hover) { color:rgba(var(--color-primary-400),1); } } }}.bf-scrollbar{&::-webkit-scrollbar-track { background-color:var(--scrollbar-track); border-radius:var(--scrollbar-track-radius); } &::-webkit-scrollbar-thumb { background-color:var(--scrollbar-thumb); border-radius:var(--scrollbar-thumb-radius); } &::-webkit-scrollbar-corner { background-color:var(--scrollbar-corner); border-radius:var(--scrollbar-corner-radius); } @supports (-moz-appearance:none) { scrollbar-width:thin; scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial); } &::-webkit-scrollbar { display:block; width:8px; height:8px; } --scrollbar-thumb:oklch(70.8% 0 0);--scrollbar-track:oklch(92.2% 0 0);&:is(.dark *) { --scrollbar-thumb:oklch(43.9% 0 0); } &:is(.dark *) { --scrollbar-track:oklch(26.9% 0 0); }}}body:has(#mobile-menu-toggle:checked){overflow:hidden}@media(min-width:853px){body:has(#mobile-menu-toggle:checked){overflow:visible}}#bmc-wbtn{z-index:50!important}.nested-menu{position:relative}.menuhide{position:absolute;z-index:1000;white-space:nowrap;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s ease-in-out}.nested-menu:hover .menuhide,.nested-menu:focus-within .menuhide{opacity:1;visibility:visible}.active{text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:4px}@layer base{input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-width:1px;border-radius:0;padding-top:.5rem;padding-right:.75rem;padding-bottom:.5rem;padding-left:.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus { outline:2px solid transparent; outline-offset:2px; --tw-ring-inset:var(--tw-empty,); --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); border-color:oklch(54.6% 0.245 262.881); }}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:oklch(54.6% .245 262.881);background-color:#fff;border-color:oklch(55.1% .027 264.364);border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% 0.245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");@media(forced-colors:active){appearance: auto;}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");@media(forced-colors:active){appearance: auto;}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;@media(forced-colors:active){appearance: auto;}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}}@layer base{*{@supports(-moz-appearance:none){scrollbar-color: initial; scrollbar-width: initial;}}}@property --tw-translate-x{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-translate-y{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-translate-z{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-scale-x{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-scale-y{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-scale-z{syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}@property --tw-rotate-x{syntax: "*";
+  inherits: false;
+}@property --tw-rotate-y{syntax: "*";
+  inherits: false;
+}@property --tw-rotate-z{syntax: "*";
+  inherits: false;
+}@property --tw-skew-x{syntax: "*";
+  inherits: false;
+}@property --tw-skew-y{syntax: "*";
+  inherits: false;
+}@property --tw-pan-x{syntax: "*";
+  inherits: false;
+}@property --tw-pan-y{syntax: "*";
+  inherits: false;
+}@property --tw-pinch-zoom{syntax: "*";
+  inherits: false;
+}@property --tw-space-y-reverse{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-space-x-reverse{syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}@property --tw-border-style{syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}@property --tw-gradient-position{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-from{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-via{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-to{syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}@property --tw-gradient-stops{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-via-stops{syntax: "*";
+  inherits: false;
+}@property --tw-gradient-from-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}@property --tw-gradient-via-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}@property --tw-gradient-to-position{syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-leading{syntax: "*";
+  inherits: false;
+}@property --tw-font-weight{syntax: "*";
+  inherits: false;
+}@property --tw-tracking{syntax: "*";
+  inherits: false;
+}@property --tw-ordinal{syntax: "*";
+  inherits: false;
+}@property --tw-slashed-zero{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-figure{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-spacing{syntax: "*";
+  inherits: false;
+}@property --tw-numeric-fraction{syntax: "*";
+  inherits: false;
+}@property --tw-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-inset-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-inset-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-ring-color{syntax: "*";
+  inherits: false;
+}@property --tw-ring-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-inset-ring-color{syntax: "*";
+  inherits: false;
+}@property --tw-inset-ring-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-ring-inset{syntax: "*";
+  inherits: false;
+}@property --tw-ring-offset-width{syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}@property --tw-ring-offset-color{syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}@property --tw-ring-offset-shadow{syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}@property --tw-outline-style{syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}@property --tw-blur{syntax: "*";
+  inherits: false;
+}@property --tw-brightness{syntax: "*";
+  inherits: false;
+}@property --tw-contrast{syntax: "*";
+  inherits: false;
+}@property --tw-grayscale{syntax: "*";
+  inherits: false;
+}@property --tw-hue-rotate{syntax: "*";
+  inherits: false;
+}@property --tw-invert{syntax: "*";
+  inherits: false;
+}@property --tw-opacity{syntax: "*";
+  inherits: false;
+}@property --tw-saturate{syntax: "*";
+  inherits: false;
+}@property --tw-sepia{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow-color{syntax: "*";
+  inherits: false;
+}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}@property --tw-drop-shadow-size{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-blur{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-brightness{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-contrast{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-grayscale{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-hue-rotate{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-invert{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-opacity{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-saturate{syntax: "*";
+  inherits: false;
+}@property --tw-backdrop-sepia{syntax: "*";
+  inherits: false;
+}@property --tw-duration{syntax: "*";
+  inherits: false;
+}@property --tw-ease{syntax: "*";
+  inherits: false;
+}@property --tw-content{syntax: "*";
+  initial-value: "";
+  inherits: false;
+}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}html{font-size:14pt}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 1a12eca..5382323 100644
--- a/public/index.html
+++ b/public/index.html
@@ -126,8 +126,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.b5bc3f4587655153415b7825fd1716f97df9c99f87c23f81146f4dd4f9f49f04ad031e3b5f0ee5c0416707a1455ca2cfa8fc1f3a19ece1486b0126dcd310a63e.css"
+    integrity="sha512-tbw/RYdlUVNBW3gl/RcW&#43;X35yZ&#43;Hwj&#43;BFG9N1Pn0nwStAx47Xw7lwEFnB6FFXKLPqPwfOhns4UhrASbc0xCmPg==">
 
   
   
diff --git a/public/index.json b/public/index.json
index 8ba9e3c..f5d5c9c 100644
--- a/public/index.json
+++ b/public/index.json
@@ -1,2 +1,2 @@
 
-[{"content":"Hugo даёт стандартные shortcodes. Blowfish добавляет свои — для типичных задач блога.\nAlert # alert выводит стилизованный блок-уведомление. Нужен когда важную информацию нельзя пропустить.\nПараметр Описание icon Опционально. Иконка слева.\nПо умолчанию: triangle-exclamation (см. icon) iconColor Опционально. Цвет иконки в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. cardColor Опционально. Цвет фона карточки в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. textColor Опционально. Цвет текста в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. Внутри — Markdown, форматируй как угодно.\nПример 1: Без параметров\n{{\u0026lt; alert \u0026gt;}} **Внимание!** Это действие необратимо! {{\u0026lt; /alert \u0026gt;}} Warning! This action is destructive! Пример 2: Безымянный параметр\n{{\u0026lt; alert \u0026#34;twitter\u0026#34; \u0026gt;}} Не забудь [подписаться](https://twitter.com/nunocoracao) в Twitter. {{\u0026lt; /alert \u0026gt;}} Don\u0026rsquo;t forget to follow me on Twitter. Пример 3: Именованные параметры\n{{\u0026lt; alert icon=\u0026#34;fire\u0026#34; cardColor=\u0026#34;#e63946\u0026#34; iconColor=\u0026#34;#1d3557\u0026#34; textColor=\u0026#34;#f1faee\u0026#34; \u0026gt;}} Это ошибка! {{\u0026lt; /alert \u0026gt;}} This is an error! Admonition # Admonition — визуальные блоки-выноски для акцентирования внимания.\nРаботает как alert, но через render hooks Hugo. Ключевое отличие — синтаксис Markdown, переносимый между платформами. Shortcodes — специфика Hugo. Синтаксис похож на GitHub alerts:\n\u0026gt; [!TIP] \u0026gt; Admonition типа Tip. \u0026gt; [!TIP]+ Свой заголовок + Своя иконка \u0026gt; Сворачиваемый admonition с кастомным заголовком. {icon=\u0026#34;twitter\u0026#34;} Tip A Tip type admonition.\nCustom Title + Custom Icon A collapsible admonition with custom title.\nЗнак alert (+ или -) — опционален, управляет сворачиванием. Работает только в Obsidian.\nПоддерживаемые типы Допустимые типы: GitHub alert types и Obsidian callout types. Регистр не важен.\nGitHub: NOTE, TIP, IMPORTANT, WARNING, CAUTION\nObsidian: note, abstract, info, todo, tip, success, question, warning, failure, danger, bug, example, quote\nКастомизация admonition См. руководство по кастомизации admonition.\nAccordion # accordion — сворачиваемые панели. Элементы задаются через accordionItem. Параметр mode управляет одновременным открытием нескольких элементов.\nПараметр Описание mode Опционально. collapse (один открыт) или open (несколько открыты). По умолчанию collapse. separated Опционально. true — каждый элемент как отдельная карточка. По умолчанию false (единый список). Параметры accordionItem:\nПараметр Описание title Обязательно. Заголовок в шапке элемента. open Опционально. true — элемент открыт по умолчанию. header Опционально. Алиас для title, для совместимости. icon Опционально. Иконка перед заголовком. Пример 1: mode=\u0026quot;open\u0026quot; (несколько элементов открыты) + separated=true\n{{\u0026lt; accordion mode=\u0026#34;open\u0026#34; separated=true \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Пример Markdown\u0026#34; icon=\u0026#34;code\u0026#34; open=true \u0026gt;}} Этот элемент демонстрирует рендеринг Markdown: - **Жирный текст** - Списки - `inline code` {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Пример shortcode\u0026#34; md=false \u0026gt;}} Этот элемент демонстрирует рендеринг shortcode с \u0026lt;code\u0026gt;md=false\u0026lt;/code\u0026gt;: {{\u0026lt; alert \u0026gt;}}Это inline alert.{{\u0026lt; /alert \u0026gt;}} {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; /accordion \u0026gt;}} Markdown example This item demonstrates Markdown rendering:\nBold text Lists inline code Shortcode example This item demonstrates shortcode rendering with md=false: This is an inline alert. Пример 2: mode=\u0026quot;collapse\u0026quot; (только один элемент открыт)\n{{\u0026lt; accordion mode=\u0026#34;collapse\u0026#34; \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Первый элемент\u0026#34; open=true \u0026gt;}} Этот элемент использует Markdown с коротким списком: 1. Один 2. Два 3. Три {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Второй элемент\u0026#34; md=false \u0026gt;}} Этот элемент включает другой shortcode: {{\u0026lt; badge \u0026gt;}}Tip{{\u0026lt; /badge \u0026gt;}} {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; /accordion \u0026gt;}} First item This item uses Markdown with a short list:\nOne Two Three Second item This item includes another shortcode: Tip Article # article встраивает статью в markdown-файл. Параметр link — .RelPermalink встраиваемой статьи. Shortcode не отображает родительскую страницу. Важно: если сайт в подпапке (например, /blowfish/), включай этот путь в ссылку.\nПараметр Описание link Обязательно. .RelPermalink целевой статьи. showSummary Опционально. Показывать краткое описание статьи. По умолчанию — из конфигурации сайта. compactSummary Опционально. Компактный режим отображения описания. По умолчанию false. Пример:\n{{\u0026lt; article link=\u0026#34;/docs/welcome/\u0026#34; showSummary=true compactSummary=true \u0026gt;}} Badge # badge — стилизованный бейдж для метаданных.\nПример:\n{{\u0026lt; badge \u0026gt;}} Новая статья! {{\u0026lt; /badge \u0026gt;}} New article! Button # button — стилизованная кнопка для основного действия. Три опциональных параметра: href, target, rel — URL, target и relation ссылки.\nПример:\n{{\u0026lt; button href=\u0026#34;#button\u0026#34; target=\u0026#34;_self\u0026#34; \u0026gt;}} Призыв к действию {{\u0026lt; /button \u0026gt;}} Call to action Carousel # carousel — интерактивная карусель изображений. Адаптивная, занимает место одного изображения по вертикали. Все изображения на полную ширину родительского контейнера с заданным соотношением сторон (по умолчанию 16:9).\nПараметр Описание images Обязательно. Regex-строка для поиска изображений или URL. captions Опционально. Список пар ключ:подпись. Ключи — имена файлов (локальные) или полные URL (внешние). Подписи поддерживают Markdown. aspectRatio Опционально. Соотношение сторон. По умолчанию 16-9. interval Опционально. Интервал автопрокрутки в миллисекундах. По умолчанию 2000 (2с). Подписи сопоставляются по ключу. Для локальных — имя файла (например, 01.jpg). Для внешних — полный URL.\nПример 1: Соотношение 16:9, явный список изображений\n{{\u0026lt; carousel images=\u0026#34;{gallery/03.jpg,gallery/01.jpg,gallery/02.jpg,gallery/04.jpg}\u0026#34; \u0026gt;}} Previous Next Пример 2: Соотношение 21:9, regex для изображений\n{{\u0026lt; carousel images=\u0026#34;gallery/*\u0026#34; aspectRatio=\u0026#34;21-9\u0026#34; interval=\u0026#34;2500\u0026#34; \u0026gt;}} Previous Next Пример 3: Подписи к изображениям\n{{\u0026lt; carousel images=\u0026#34;gallery/*\u0026#34; captions=\u0026#34;{01.jpg:Первое изображение с *форматированием*,02.jpg:Второе изображение со [ссылкой](https://example.com)}\u0026#34; \u0026gt;}} First image with formatting Second image with a link Previous Next Chart # chart — графики через библиотеку Chart.js. Поддерживает разные типы диаграмм. Параметры — между тегами shortcode, Chart.js делает остальное.\nСинтаксис и типы диаграмм — в официальной документации Chart.js.\nПример:\n{{\u0026lt; chart \u0026gt;}} type: \u0026#39;bar\u0026#39;, data: { labels: [\u0026#39;Tomato\u0026#39;, \u0026#39;Blueberry\u0026#39;, \u0026#39;Banana\u0026#39;, \u0026#39;Lime\u0026#39;, \u0026#39;Orange\u0026#39;], datasets: [{ label: \u0026#39;# of votes\u0026#39;, data: [12, 19, 3, 5, 3], }] } {{\u0026lt; /chart \u0026gt;}} Еще примеры диаграмм:\nBar chart # Line chart # Doughnut chart # Code Importer # Импорт кода из внешних источников без копипасты.\nПараметр Описание url Обязательно. URL внешнего файла с кодом. type Тип кода для подсветки синтаксиса. startLine Опционально. Начальная строка импорта. endLine Опционально. Конечная строка импорта. Пример:\n{{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/layouts/shortcodes/mdimporter.html\u0026#34; type=\u0026#34;go\u0026#34; \u0026gt;}} {{ $url := .Get \u0026#34;url\u0026#34; }} {{ with resources.GetRemote (urls.Parse $url) }} {{ .Content | markdownify }} {{ else }} {{ warnf \u0026#34;mdimporter shortcode: unable to fetch %q: %s\u0026#34; $url .Position }} {{ end }} {{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/config/_default/hugo.toml\u0026#34; type=\u0026#34;toml\u0026#34; startLine=\u0026#34;11\u0026#34; endLine=\u0026#34;18\u0026#34; \u0026gt;}} enableRobotsTXT = true summaryLength = 0 buildDrafts = false buildFuture = false enableEmoji = true Codeberg Card # codeberg — карточка репозитория Codeberg через API. Показывает актуальную статистику: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo Пример:\n{{\u0026lt; codeberg repo=\u0026#34;forgejo/forgejo\u0026#34; \u0026gt;}} \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e forgejo/forgejo Beyond coding. We forge. Go 3773 648 Figure # figure — вставка изображений. Заменяет базовый Hugo figure, добавляет оптимизацию производительности.\nЕсли изображение — page resource, Hugo Pipes оптимизирует и масштабирует его под разные разрешения. Статические ассеты и внешние URL вставляются как есть.\nПараметр Описание src Обязательно. Локальный путь/имя файла или URL. Порядок поиска: page resource, затем assets/, затем static/. alt Альтернативный текст для изображения. caption Markdown-подпись под изображением. class Дополнительные CSS-классы для изображения. figureClass Дополнительные CSS-классы для обёртки \u0026lt;figure\u0026gt;. Полезно для галерей. href URL для ссылки на изображении. target Атрибут target для href URL. nozoom nozoom=true отключает \u0026ldquo;зум\u0026rdquo; изображения. Полезно в сочетании с href. default Возврат к стандартному поведению Hugo figure. default=true, далее — обычный синтаксис Hugo shortcode. Blowfish автоматически конвертирует изображения в стандартном Markdown-синтаксисе:\n![Alt text](image.jpg \u0026#34;Image caption\u0026#34;) Пример:\n{{\u0026lt; figure src=\u0026#34;abstract.jpg\u0026#34; alt=\u0026#34;Abstract purple artwork\u0026#34; caption=\u0026#34;Photo by [Jr Korpa](https://unsplash.com/@jrkorpa) on [Unsplash](https://unsplash.com/)\u0026#34; \u0026gt;}} \u0026lt;!-- ИЛИ --\u0026gt; ![Abstract purple artwork](abstract.jpg \u0026#34;Photo by [Jr Korpa](https://unsplash.com/@jrkorpa) on [Unsplash](https://unsplash.com/)\u0026#34;) Photo by Jr Korpa on Unsplash Forgejo Card # forgejo — карточка репозитория Forgejo через API. Актуальная статистика: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo server [String] URL сервера, например https://v11.next.forgejo.org Пример:\n{{\u0026lt; forgejo server=\u0026#34;https://v11.next.forgejo.org\u0026#34; repo=\u0026#34;a/mastodon\u0026#34; \u0026gt;}} a/mastodon Your self-hosted, globally interconnected microblogging community Ruby 0 0 Gallery # gallery — адаптивная галерея с разнообразными компоновками.\nДля изображений используй img теги с классом class=\u0026quot;grid-wXX\u0026quot; — ширина колонки. Доступные ширины: от 10% до 100% с шагом 5%. Пример: 65% → grid-w65. Также доступны 33% и 66% для галерей в 3 колонки. Tailwind-индикаторы для адаптивной сетки.\nДля подписей — figure shortcode внутри gallery. Ширину задавай через figureClass, текст — через caption.\nПример 1: Обычная галерея\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Пример 2: Адаптивная галерея\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Пример 3: Галерея с подписями (через figure)\n{{\u0026lt; gallery \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/01.jpg\u0026#34; alt=\u0026#34;Gallery image 1\u0026#34; caption=\u0026#34;Первая подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/02.jpg\u0026#34; alt=\u0026#34;Gallery image 2\u0026#34; caption=\u0026#34;Вторая подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/03.jpg\u0026#34; alt=\u0026#34;Gallery image 3\u0026#34; caption=\u0026#34;Третья подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; /gallery \u0026gt;}} First caption Second caption Third caption Gist # gist — встраивание GitHub Gist: пользователь, ID, опционально — конкретный файл.\nПараметр Описание [0] [String] GitHub username [1] [String] Gist ID [2] (опционально) [String] Имя файла в Gist Пример 1: Весь Gist\n{{\u0026lt; gist \u0026#34;octocat\u0026#34; \u0026#34;6cad326836d38bd3a7ae\u0026#34; \u0026gt;}} Пример 2: Конкретный файл из Gist\n{{\u0026lt; gist \u0026#34;rauchg\u0026#34; \u0026#34;2052694\u0026#34; \u0026#34;README.md\u0026#34; \u0026gt;}} Gitea Card # gitea — карточка репозитория Gitea через API. Актуальная статистика: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo server [String] URL сервера, например https://git.fsfe.org Пример:\n{{\u0026lt; gitea server=\u0026#34;https://git.fsfe.org\u0026#34; repo=\u0026#34;FSFE/fsfe-website\u0026#34; \u0026gt;}} FSFE/fsfe-website Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ HTML 33 93 GitHub Card # github — карточка GitHub-репозитория с актуальной статистикой: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo showThumbnail Опционально [boolean] Показывать миниатюру репозитория Пример:\n{{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; showThumbnail=true \u0026gt;}} nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2627 684 GitLab Card # gitlab — карточка GitLab Project (репозитория в терминологии GitLab). Актуальная статистика: звёзды, форки. В отличие от github, не показывает основной язык проекта. Поддерживает кастомный URL инстанса GitLab — если доступен endpoint api/v4/projects/, работает с self-hosted и enterprise.\nПараметр Описание projectID [String] Числовой ProjectID GitLab baseURL [String] URL инстанса GitLab, по умолчанию https://gitlab.com/ Пример:\n{{\u0026lt; gitlab projectID=\u0026#34;278964\u0026#34; \u0026gt;}} GitLab.org / GitLab GitLab is an open source end-to-end software development platform with built-in version control, issue tracking, code review, CI/CD, and more. Self-host GitLab on your own servers, in a container, or on a cloud provider. 5921 11861 Hugging Face Card # huggingface — карточка модели или датасета Hugging Face. Актуальная информация: лайки, загрузки, тип и описание.\nПараметр Описание model [String] Модель в формате username/model dataset [String] Датасет в формате username/dataset Важно: Используй либо model, либо dataset — не оба.\nПример 1 (Модель):\n{{\u0026lt; huggingface model=\u0026#34;google-bert/bert-base-uncased\u0026#34; \u0026gt;}} google-bert/bert-base-uncased fill-mask 2569 5.3047036e\u0026#43;07 Пример 2 (Датасет):\n{{\u0026lt; huggingface dataset=\u0026#34;stanfordnlp/imdb\u0026#34; \u0026gt;}} stanfordnlp/imdb Large Movie Review Dataset. This is a dataset for binary sentiment classification containing substantially more data than previous benchmark datasets. We provide a set of 25,000 highly polar movie reviews for training, and 25,000 for testing. There is additional unlabeled data for use as well. Supported Tasks and Leaderboards More Information Needed Languages More Information Needed Dataset Structure… See the full description on the dataset page: https://huggingface.co/datasets/stanfordnlp/imdb. dataset 362 92543 Icon # icon — SVG-иконка, масштабируется под текущий размер текста. Единственный параметр — имя иконки.\nПример:\n{{\u0026lt; icon \u0026#34;github\u0026#34; \u0026gt;}} Результат: Иконки загружаются через Hugo pipelines — максимальная гибкость. Blowfish включает набор встроенных иконок для соцсетей, ссылок и прочего.\nСвои иконки: положи SVG в assets/icons/ проекта. В shortcode используй имя файла без .svg.\nKaTeX # katex — математические выражения через KaTeX. Синтаксис — в справочнике TeX-функций.\nShortcode достаточно вставить один раз на странице — KaTeX автоматически отрендерит всю разметку. Поддерживаются inline и block нотации.\nInline: оберни выражение в \\( и \\). Block: используй $$.\nПример:\n{{\u0026lt; katex \u0026gt;}} \\(f(a,b,c) = (a^2+b^2+c^2)^3\\) \\(f(a,b,c) = (a^2+b^2+c^2)^3\\)\nKeyword # keyword — визуальное выделение важных слов и фраз (например, профессиональных навыков). keywordList — группировка нескольких keyword.\nПараметр Описание icon Опциональная иконка для keyword Внутри — Markdown.\nПример 1:\n{{\u0026lt; keyword \u0026gt;}} *Супер* навык {{\u0026lt; /keyword \u0026gt;}} Super skill Пример 2:\n{{\u0026lt; keywordList \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;github\u0026#34; \u0026gt;}} Lorem ipsum dolor. {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;code\u0026#34; \u0026gt;}} **Важный** навык {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; /keywordList \u0026gt;}} {{\u0026lt; keyword \u0026gt;}} *Отдельный* навык {{\u0026lt; /keyword \u0026gt;}} Lorem ipsum dolor Important skill Standalone skill Lead # lead — акцент на начало статьи. Введение или важная информация. Оберни любой Markdown-контент.\nПример:\n{{\u0026lt; lead \u0026gt;}} Когда жизнь даёт тебе лимоны — делай лимонад. {{\u0026lt; /lead \u0026gt;}} When life gives you lemons, make lemonade. List # list — список последних статей. Обязательный параметр limit ограничивает количество. where и value фильтруют статьи по параметрам. Shortcode не отображает родительскую страницу, но учитывает её в limit.\nПараметр Описание limit Обязательно. Количество статей. title Заголовок списка, по умолчанию Recent cardView Карточный вид, по умолчанию false where Переменная для фильтрации, например Type value Значение для where, например для Type — sample Значения where и value используются в запросе where .Site.RegularPages $where $value. Доступные параметры — в документации Hugo. Пример 1:\n{{\u0026lt; list limit=2 \u0026gt;}} Недавние Git Workflow для Hugo блога 23 февраля 2026\u0026middot;5 минут\u0026middot; loading \u0026middot; loading Шпаргалки Git Workflow Hugo Cheatsheet Пример 2:\n{{\u0026lt; list title=\u0026#34;Samples\u0026#34; cardView=true limit=6 where=\u0026#34;Type\u0026#34; value=\u0026#34;sample\u0026#34; \u0026gt;}} Samples LTR/RTL # ltr и rtl — смешивание направлений текста. Пользователи RTL-языков могут вставлять LTR-фрагменты. С % как внешним разделителем — Markdown внутри рендерится нормально (см. Hugo shortcodes).\nПример:\n- Это markdown-список. - Направление по умолчанию — LTR {{% rtl %}} - هذه القائمة باللغة العربية - من اليمين الى اليسار {{% /rtl %}} This is an markdown list. Its per default a LTR direction هذه القائمة باللغة العربية من اليمين الى اليسار Markdown Importer # Импорт markdown-файлов из внешних источников без копипасты.\nПараметр Описание url Обязательно. URL внешнего markdown-файла. Пример:\n{{\u0026lt; mdimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/nunocoracao/master/README.md\u0026#34; \u0026gt;}} Hi there 👋 # 🧠 Principal PM @ Docker (AI, agents, infra) · Creator of Blowfish · Ex-founder · Mentor \u0026amp; advisor\n🚀 Personal blog - n9o.xyz\n🐡 Creator and maintainer of Blowfish @ Blowfish page\n🐳 Principal Product Manager @ Docker - working on cagent\n📚 mentoring @ mentorcruise\nMermaid # mermaid — диаграммы и визуализации через текст. Под капотом Mermaid — широкий набор диаграмм, графиков и форматов.\nПиши синтаксис Mermaid внутри shortcode — плагин сделает остальное.\nСинтаксис и типы диаграмм — в официальной документации Mermaid.\nПример:\n{{\u0026lt; mermaid \u0026gt;}} graph LR; A[Lemons]--\u0026gt;B[Lemonade]; B--\u0026gt;C[Profit] {{\u0026lt; /mermaid \u0026gt;}} graph LR; A[Lemons]--\u003eB[Lemonade]; B--\u003eC[Profit] Swatches # swatches — набор до трёх цветов для демонстрации палитры. Параметры — HEX-коды.\nПример:\n{{\u0026lt; swatches \u0026#34;#64748b\u0026#34; \u0026#34;#3b82f6\u0026#34; \u0026#34;#06b6d4\u0026#34; \u0026gt;}} Результат: Tabs # tabs — вкладки для вариантов одного шага. Пример: инструкции по установке VS Code на разных платформах.\nПараметр Описание group Опционально. Имя группы для синхронизации. Вкладки с одинаковым group переключаются вместе. default Опционально. Метка активной вкладки по умолчанию. Если не задано — первая вкладка. label Обязательно. Текст на кнопке вкладки. icon Опционально. Иконка перед текстом. Пример 1: Базовое использование\n{{\u0026lt; tabs \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Windows\u0026#34; \u0026gt;}} Установка через Chocolatey: ```pwsh choco install vscode.install ``` или через WinGet ```pwsh winget install -e --id Microsoft.VisualStudioCode ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;macOS\u0026#34; \u0026gt;}} ```bash brew install --cask visual-studio-code ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Linux\u0026#34; \u0026gt;}} См. [документацию](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux). {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} Результат:\nWindows macOS Linux Install using Chocolatey:\nchoco install vscode.install or install using WinGet\nwinget install -e --id Microsoft.VisualStudioCode brew install --cask visual-studio-code See documentation. Пример 2: С Group, Default и Icon\n{{\u0026lt; tabs group=\u0026#34;lang\u0026#34; default=\u0026#34;Python\u0026#34; \u0026gt;}} {{\u0026lt; tab label=\u0026#34;JavaScript\u0026#34; icon=\u0026#34;code\u0026#34; \u0026gt;}} ```javascript console.log(\u0026#34;Hello\u0026#34;); ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Python\u0026#34; icon=\u0026#34;sun\u0026#34; \u0026gt;}} ```python print(\u0026#34;Hello\u0026#34;) ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Go\u0026#34; icon=\u0026#34;moon\u0026#34; \u0026gt;}} ```go fmt.Println(\u0026#34;Hello\u0026#34;) ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} {{\u0026lt; tabs group=\u0026#34;lang\u0026#34; default=\u0026#34;Python\u0026#34; \u0026gt;}} {{\u0026lt; tab label=\u0026#34;JavaScript\u0026#34; icon=\u0026#34;code\u0026#34; \u0026gt;}} ```javascript const add = (a, b) =\u0026gt; a + b; ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Python\u0026#34; icon=\u0026#34;sun\u0026#34; \u0026gt;}} ```python def add(a, b): return a + b ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Go\u0026#34; icon=\u0026#34;moon\u0026#34; \u0026gt;}} ```go func add(a, b int) int { return a + b } ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} Результат:\nJavaScript Python Go console.log(\u0026#34;Hello\u0026#34;); print(\u0026#34;Hello\u0026#34;) fmt.Println(\u0026#34;Hello\u0026#34;) JavaScript Python Go const add = (a, b) =\u0026gt; a + b; def add(a, b): return a + b func add(a, b int) int { return a + b } Обе группы вкладок имеют одинаковый group=\u0026quot;lang\u0026quot; — клик по любой вкладке синхронизирует обе группы. default=\u0026quot;Python\u0026quot; делает Python активной вкладкой по умолчанию, icon=\u0026quot;code\u0026quot; добавляет иконку перед текстом.\nTimeline # timeline — визуальная хронология: профессиональный опыт, достижения проекта и т.д. Элементы — через timelineItem.\nПараметр Описание md Рендерить контент как Markdown (true/false) icon Иконка в визуальных элементах таймлайна header Заголовок записи badge Текст в бейдже справа сверху subheader Подзаголовок записи Пример:\n{{\u0026lt; timeline \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;github\u0026#34; header=\u0026#34;header\u0026#34; badge=\u0026#34;badge test\u0026#34; subheader=\u0026#34;subheader\u0026#34; \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Another Awesome Header\u0026#34; badge=\u0026#34;date - present\u0026#34; subheader=\u0026#34;Awesome Subheader\u0026#34; \u0026gt;}} With html code \u0026lt;ul\u0026gt; \u0026lt;li\u0026gt;Coffee\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Tea\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Milk\u0026lt;/li\u0026gt; \u0026lt;/ul\u0026gt; {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;star\u0026#34; header=\u0026#34;Shortcodes\u0026#34; badge=\u0026#34;AWESOME\u0026#34; \u0026gt;}} With other shortcodes {{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Another Awesome Header\u0026#34;\u0026gt;}} {{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; /timeline \u0026gt;}} header badge test subheader Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. Another Awesome Header date - present Awesome Subheader With html code Coffee Tea Milk Shortcodes AWESOME With other shortcodes Another Awesome Header nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2627 684 TypeIt # TypeIt — самый универсальный JS-инструмент для эффекта печатной машинки. Простая конфигурация: одна или несколько строк, переносы, удаление и замена, сложный HTML.\nBlowfish реализует подмножество функций TypeIt через shortcode. Текст — внутри typeit, поведение — через параметры.\nПараметр Описание tag [String] HTML-тег для рендеринга строк. classList [String] CSS-классы для HTML-элемента. initialString [String] Начальная строка, которая будет заменена. speed [number] Скорость печати в миллисекундах между шагами. lifeLike [boolean] Неравномерный темп печати, как у человека. startDelay [number] Задержка перед началом печати после инициализации. breakLines [boolean] Печатать строки друг под другом (true) или удалять и заменять (false). waitUntilVisible [boolean] Начинать при загрузке или когда элемент станет видимым. По умолчанию true. loop [boolean] Зацикливать строки после завершения. Пример 1:\n{{\u0026lt; typeit \u0026gt;}} Lorem ipsum dolor sit amet {{\u0026lt; /typeit \u0026gt;}} Пример 2:\n{{\u0026lt; typeit tag=h1 lifeLike=true \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. {{\u0026lt; /typeit \u0026gt;}} Пример 3:\n{{\u0026lt; typeit tag=h3 speed=50 breakLines=false loop=true \u0026gt;}} \u0026#34;Frankly, my dear, I don\u0026#39;t give a damn.\u0026#34; Gone with the Wind (1939) \u0026#34;I\u0026#39;m gonna make him an offer he can\u0026#39;t refuse.\u0026#34; The Godfather (1972) \u0026#34;Toto, I\u0026#39;ve a feeling we\u0026#39;re not in Kansas anymore.\u0026#34; The Wizard of Oz (1939) {{\u0026lt; /typeit \u0026gt;}} Video # video — встраивание локальных и внешних видео. Shortcode рендерит \u0026lt;figure\u0026gt; с адаптивным плеером и опциональной подписью.\nПараметр Описание src Обязательно. URL видео или локальный путь. Порядок поиска: page resource → assets/ → static/. poster Опциональный URL или путь к постеру. Если не задан — ищет изображение с тем же именем в page bundle. caption Опциональная Markdown-подпись под видео. autoplay true/false. Автовоспроизведение. По умолчанию false. loop true/false. Зацикливание. По умолчанию false. muted true/false. Без звука. По умолчанию false. controls true/false. Стандартные элементы управления браузера. По умолчанию true. playsinline true/false. Встроенное воспроизведение на мобильных. По умолчанию true. preload metadata (загрузить инфо), none (экономить трафик), auto (предзагрузка). По умолчанию metadata. start Опциональное время начала в секундах. end Опциональное время окончания в секундах. ratio Зарезервированное соотношение сторон. 16/9, 4/3, 1/1 или кастомное W/H. По умолчанию 16/9. fit Как видео вписывается в соотношение: contain (без обрезки), cover (обрезка до заполнения), fill (растянуть). По умолчанию contain. Если браузер не воспроизводит видео — плеер покажет fallback-сообщение со ссылкой на скачивание.\nПример:\n{{\u0026lt; video src=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/5/5a/CC0_-_Public_Domain_Dedication_video_bumper.webm\u0026#34; poster=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/e/e0/CC0.jpg\u0026#34; caption=\u0026#34;**Public domain demo** — CC0 video and poster.\u0026#34; loop=true muted=true \u0026gt;}} Your browser cannot play this video. Download video.\nPublic domain demo — CC0 video and poster. Youtube Lite # Лёгкое встраивание YouTube через lite-youtube-embed. Библиотека быстрее и эффективнее стандартных embed.\nПараметр Описание id [String] ID YouTube-видео label [String] Метка видео params [String] Дополнительные параметры воспроизведения Пример 1:\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; \u0026gt;}} Пример 2:\nВсе параметры плеера YouTube для params:\nЭто видео начнётся с 130 секунды (2м10с)\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; params=\u0026#34;start=130\u0026#34; \u0026gt;}} Это видео без элементов управления, начнётся с 130 секунды и остановится через 10 секунд.\nДля объединения нескольких параметров — символ \u0026amp; между ними:\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; params=\u0026#34;start=130\u0026amp;end=10\u0026amp;controls=0\u0026#34; \u0026gt;}} Подробнее — в репозитории youtubeLite и на странице параметров плеера YouTube.\n","externalUrl":null,"permalink":"/cheatsheets/shortcodes/","section":"Шпаргалки","summary":"","title":"Shortcodes","type":"cheatsheets"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/cheatsheet/","section":"Теги","summary":"","title":"Cheatsheet","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/git/","section":"Теги","summary":"","title":"Git","type":"tags"},{"content":" Структура проекта # ~/projects/blog/ ← одна папка, две ветки ├── main ← production (blog.ru) └── dev ← development (dev.blog.ru) Принцип: Одна папка, две ветки. Переключение через git checkout, не через разные директории.\nЗолотые правила # ✅ ВСЕ изменения только через dev\n✅ В main попадает только через git merge dev\n✅ Никогда не редактировать находясь на main\n✅ Всегда git pull перед началом работы\n✅ Проверяй на dev окружении перед публикацией\n❌ Не редактировать на ветке main\n❌ Не делать git push --force в main\n❌ Не забывать git pull перед merge\nПрефиксы для commit сообщений # Основные # feat: - новая функциональность\nfeat: новая статья про Kubernetes feat: добавил комментарии fix: - исправление ошибки\nfix: опечатка в статье fix: сломанная ссылка style: - форматирование, стили\nstyle: настроил CSS для тёмной темы style: исправил отступы docs: - изменения в документации\ndocs: обновил README refactor: - рефакторинг без изменения функций\nrefactor: упростил структуру конфигов chore: - рутинные задачи\nchore: обновил зависимости chore: удалил старые файлы revert: - откат коммита\nrevert: \u0026#34;feat: добавил комментарии\u0026#34; Дополнительные # perf: - улучшение производительности\ntest: - тесты\nbuild: - изменения сборки\nci: - изменения CI/CD\nСоздание новой статьи # cd ~/projects/blog # Переключаемся на dev git checkout dev git pull origin dev # Создаём статью hugo new content posts/название-статьи/index.md # Локальный предпросмотр hugo server -D --bind 0.0.0.0 # Редактируем, сохраняем, проверяем в браузере # Коммитим git add . git commit -m \u0026#34;feat: новая статья про X\u0026#34; git push origin dev # → Автосборка → dev.blog.ru Публикация в production # cd ~/projects/blog # Убеждаемся что dev актуален git checkout dev git pull origin dev # Переключаемся на main и мержим git checkout main git pull origin main git merge dev --no-edit git push origin main # → Автосборка → blog.ru Исправление опечатки # cd ~/projects/blog # ВСЕ изменения через dev! git checkout dev git pull origin dev # Исправляем nano content/posts/статья/index.md # Коммитим git add . git commit -m \u0026#34;fix: опечатка в статье\u0026#34; git push origin dev # Проверяем на dev, если ОК - публикуем git checkout main git merge dev --no-edit git push origin main Обновление темы (Git submodule) # cd ~/projects/blog git checkout dev git pull origin dev # Обновляем тему git submodule update --remote themes/название-темы # Коммитим git add themes/название-темы git commit -m \u0026#34;chore: обновил тему\u0026#34; git push origin dev # Проверяем на dev, если ОК - публикуем git checkout main git merge dev --no-edit git push origin main Откат изменений # Когда откатывать vs когда делать fix # ОТКАТ → Эксперимент провалился:\nФункция не работает Стили сломали дизайн Тестировал - не зашло НОВЫЙ КОММИТ → Исправление правильного:\nОпечатка в статье Обновление информации Улучшение формулировок Вариант 1: Git revert (безопасный) # # Смотрим последние коммиты git log --oneline -5 # Создаём коммит который отменяет изменения git revert HEAD git push origin dev Плюсы: История сохранена\nМинусы: Создаёт дополнительный коммит\nВариант 2: Git reset (жёсткий откат) # # Откатываемся на предыдущий коммит git log --oneline -5 git reset --hard HEAD~1 # Принудительно пушим git push origin dev --force Плюсы: Чистая история\nМинусы: Опасно, нужен --force\nОткат несохранённых изменений # # Откатить один файл git checkout -- путь/к/файлу # Откатить всё git reset --hard HEAD Проверка статуса # # На какой ветке? git branch # * dev ← текущая ветка # Что изменилось? git status # История коммитов git log --oneline -10 # Разница между dev и main git diff main..dev # График веток git log --oneline --graph --all -10 Типичные ошибки и их решения # Случайно начал работать на main # # Отменяем все изменения (НЕ коммитили) git checkout -- . # Переключаемся на dev git checkout dev Случайно сделал git add на main # # Убираем из staging git reset # Переключаемся на dev git checkout dev # Добавляем правильно git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Случайно закоммитил в main # # Откатываем коммит (изменения остаются) git reset --soft HEAD~1 # Переключаемся на dev git checkout dev # Коммитим правильно git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Случайно запушил в main # # Откатываем на main git checkout main git reset --hard HEAD~1 git push origin main --force # Переключаемся на dev и делаем правильно git checkout dev git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Быстрые команды # # Переключиться на dev и подтянуть изменения git checkout dev \u0026amp;\u0026amp; git pull origin dev # Опубликовать dev в main git checkout main \u0026amp;\u0026amp; git pull origin main \u0026amp;\u0026amp; git merge dev --no-edit \u0026amp;\u0026amp; git push origin main # Проверить доступность сайта curl -I https://blog.ru curl -I https://dev.blog.ru Полезные алиасы для ~/.gitconfig # [alias] st = status co = checkout br = branch ci = commit unstage = reset HEAD -- last = log -1 HEAD visual = log --oneline --graph --all -10 dev = checkout dev prod = checkout main После этого можно:\ngit dev # → git checkout dev git prod # → git checkout main git visual # → git log --oneline --graph --all -10 Стандартный workflow # # 1. Начало работы cd ~/projects/blog git checkout dev git pull origin dev # 2. Создаём/редактируем контент hugo new content posts/название/index.md hugo server -D --bind 0.0.0.0 # 3. Коммитим git add . git commit -m \u0026#34;feat: новая статья\u0026#34; git push origin dev # 4. Проверяем на dev окружении # 5. Публикуем в production git checkout main git pull origin main git merge dev --no-edit git push origin main Помни: Dev для экспериментов, main для проверенного контента. Всегда тестируй перед публикацией.\n","date":"23 февраля 2026","externalUrl":null,"permalink":"/cheatsheets/git-workflow/","section":"Шпаргалки","summary":"","title":"Git Workflow для Hugo блога","type":"cheatsheets"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/hugo/","section":"Теги","summary":"","title":"Hugo","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/workflow/","section":"Теги","summary":"","title":"Workflow","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/categories/","section":"Категории","summary":"","title":"Категории","type":"categories"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/","section":"Олег Казанин","summary":"","title":"Олег Казанин","type":"page"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/","section":"Теги","summary":"","title":"Теги","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/categories/%D1%88%D0%BF%D0%B0%D1%80%D0%B3%D0%B0%D0%BB%D0%BA%D0%B8/","section":"Категории","summary":"","title":"Шпаргалки","type":"categories"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/cheatsheets/","section":"Шпаргалки","summary":"","title":"Шпаргалки","type":"cheatsheets"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/devops/","section":"Теги","summary":"","title":"Devops","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/categories/devops-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B8/","section":"Категории","summary":"","title":"DevOps Практики","type":"categories"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/gitea/","section":"Теги","summary":"","title":"Gitea","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/homelab/","section":"Теги","summary":"","title":"Homelab","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/k3s/","section":"Теги","summary":"","title":"K3s","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/categories/kubernetes/","section":"Категории","summary":"","title":"Kubernetes","type":"categories"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/kubernetes/","section":"Теги","summary":"","title":"Kubernetes","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/namespace/","section":"Теги","summary":"","title":"Namespace","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/series/%D0%B1%D0%BB%D0%BE%D0%B3-%D0%BD%D0%B0-hugo-%D0%B2-k3s/","section":"Series","summary":"","title":"Блог На Hugo В K3s","type":"series"},{"content":"В части 5 выяснили почему сайт отдавал 503 через раз. Виновник - брошенный namespace blog с нерабочим nginx, чей IngressRoute всё ещё висел на продакшн домене.\nМораль была проста: чисти за собой. Сегодня делаем именно это - переносим Gitea из старого namespace в oakazanin и удаляем старый namespace навсегда.\nЗаодно разберём универсальный алгоритм миграции, который работает для любого сервиса. Показываю на примере Gitea, но всё описанное применимо к любому stateful сервису — PostgreSQL, MySQL, Nextcloud, MinIO. Принципы одинаковые: экспортируй манифесты, поменяй namespace, создай новое перед удалением старого.\nПочему вообще нужна миграция между namespace # Namespace в Kubernetes - это логическая изоляция. Со временем они накапливаются: сначала default, потом blog, потом public, потом oakazanin. Каждый создавался \u0026ldquo;быстро, временно, потом разберёмся\u0026rdquo;.\nПроблемы начинаются когда:\nОдин домен прописан в IngressRoute двух разных namespace Старый сервис давно не работает, но его ресурсы висят и путают Непонятно где искать логи - в blog или oakazanin? Решение - собрать связанные сервисы в один namespace. В нашем случае всё что относится к блогу и его инфраструктуре живёт в oakazanin.\nТипы сервисов: stateless и stateful # Перед миграцией важно понять с чем имеешь дело.\nStateless сервисы - nginx, hugo-builder, любой под без постоянных данных. Миграция тривиальна: меняешь namespace в манифесте, применяешь, удаляешь старое. Данные не теряются потому что их нет.\nStateful сервисы - Gitea, базы данных, всё что хранит данные на диске. Здесь нужна осторожность: данные живут на PersistentVolume, который привязан к конкретному namespace через PersistentVolumeClaim.\nНаша Gitea - stateful. Репозитории лежат на NFS:\n192.168.11.30:/export/gitea-data └── /data/git/repositories/ ← Git репозитории └── /data/gitea/gitea.db ← База данных SQLite Данные никуда не переносятся - они остаются на NFS. Мы просто создаём новый PV/PVC в целевом namespace, который указывает на тот же NFS путь.\nШаг 1: Убеждаемся что данные целы # Прежде чем трогать что-либо - проверяем что данные на месте:\n# Заходим в работающий под и проверяем репозитории kubectl exec -n blog deployment/gitea -- find /data -maxdepth 3 -type d Видим структуру:\n/data/git/repositories/ /data/gitea/gitea.db /data/gitea/conf Репозитории есть - можно двигаться дальше. Также фиксируем NFS путь:\n# Смотрим откуда PV берёт данные kubectl get pv gitea-pv -o yaml | grep -A3 \u0026#34;nfs:\u0026#34; # Вывод # nfs: # path: /export/gitea-data # server: 192.168.11.30 Шаг 2: Экспортируем текущие манифесты # # Создаём папку для бэкапов mkdir -p ~/k8s-manifests/gitea-migration # Экспортируем все ресурсы из старого namespace kubectl get deployment gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/deployment.yaml kubectl get service gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/service.yaml kubectl get configmap gitea-config -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/configmap.yaml kubectl get pvc gitea-pvc -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/pvc.yaml kubectl get pv gitea-pv -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/pv.yaml kubectl get ingressroute gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/ingressroute.yaml Это страховка - если что-то пойдёт не так, есть откуда восстановиться.\nШаг 3: Готовим чистый манифест для нового namespace # Экспортированные манифесты содержат мусор: uid, resourceVersion, creationTimestamp, status. Всё это нужно убрать и поменять namespace.\nДля PV и PVC дополнительно меняем имена - убираем префиксы старого namespace:\nblog-gitea-pv → gitea-pv blog-gitea-pvc → gitea-pvc Собираем всё в один файл gitea.yaml:\n# PersistentVolume - тот же NFS путь, новое имя apiVersion: v1 kind: PersistentVolume metadata: name: gitea-pv spec: accessModes: - ReadWriteMany capacity: storage: 10Gi mountOptions: - nfsvers=3 - hard - timeo=600 - retrans=2 nfs: path: /export/gitea-data # ← тот же путь! server: 192.168.11.30 persistentVolumeReclaimPolicy: Retain claimRef: apiVersion: v1 kind: PersistentVolumeClaim name: gitea-pvc namespace: oakazanin # ← новый namespace --- # PersistentVolumeClaim - новый namespace, привязан к gitea-pv apiVersion: v1 kind: PersistentVolumeClaim metadata: name: gitea-pvc namespace: oakazanin spec: accessModes: - ReadWriteMany resources: requests: storage: 10Gi storageClassName: \u0026#34;\u0026#34; volumeName: gitea-pv --- # Certificate - cert-manager выпустит новый apiVersion: cert-manager.io/v1 kind: Certificate metadata: name: gitea-tls namespace: oakazanin spec: dnsNames: - git.example.com issuerRef: kind: ClusterIssuer name: letsencrypt-prod secretName: gitea-tls # ... остальные ресурсы: ConfigMap, Deployment, Service, IngressRoute Важный момент про SSL сертификат # Есть два подхода:\nСкопировать существующий секрет:\n# Копируем секрет из старого namespace в новый kubectl get secret gitea-tls -n blog -o yaml | \\ sed \u0026#39;s/namespace: blog/namespace: oakazanin/\u0026#39; | \\ kubectl apply -f - Плюс - мгновенно, нет даунтайма по SSL. Минус - тащим старый секрет.\nДать cert-manager выпустить новый: Просто создаём Certificate объект в новом namespace. cert-manager сам выпустит сертификат через Let\u0026rsquo;s Encrypt за 30-60 секунд.\nВыбираем второй вариант - чистое решение без наследия.\nШаг 4: Применяем в новом namespace # # Применяем манифест kubectl apply -f gitea.yaml Проверяем что всё поднялось:\n# PVC привязался к PV? kubectl get pv gitea-pv kubectl get pvc gitea-pvc -n oakazanin # Pod запустился с данными? kubectl get pods -n oakazanin | grep gitea # Сертификат выпущен? kubectl get certificate gitea-tls -n oakazanin Ожидаемый результат:\ngitea-pv Bound oakazanin/gitea-pvc gitea-pvc Bound gitea-pv gitea-... 1/1 Running gitea-tls True Проверяем что Gitea открывается и данные на месте:\n# Проверяем доступность curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 Шаг 5: Останавливаем старый сервис # Только после того как убедились что новый работает:\n# Останавливаем Gitea в старом namespace (не удаляем - просто 0 реплик) kubectl scale deployment gitea -n blog --replicas=0 # Ждём несколько минут, проверяем что сайт всё ещё работает curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 - трафик идёт через новый namespace Масштабирование до 0 реплик - страховка. Если что-то пошло не так, поднимаем обратно за секунду:\nkubectl scale deployment gitea -n blog --replicas=1 Шаг 6: Зачищаем старый namespace # Когда убедились что всё работает - удаляем в правильном порядке:\n# Сначала удаляем workloads kubectl delete deployment gitea -n blog kubectl delete service gitea -n blog kubectl delete configmap gitea-config -n blog kubectl delete secret gitea-tls -n blog kubectl delete ingressroute gitea gitea-http -n blog # Потом PVC (он держит PV) kubectl delete pvc gitea-pvc -n blog # Потом PV kubectl delete pv blog-gitea-pv # Последним - namespace kubectl delete namespace blog Почему такой порядок? # PVC нельзя удалить пока его использует Pod - K8s заблокирует операцию через finalizer kubernetes.io/pvc-protection. Поэтому сначала удаляем Deployment, ждём пока Pod завершится, потом PVC.\nPV с политикой Retain после удаления переходит в статус Released, но данные на NFS остаются нетронутыми. Это страховка от случайного удаления.\nФинальная проверка # # Namespace удалён? kubectl get namespace | grep blog # (пусто) # Старый PV удалён? kubectl get pv | grep blog # (пусто) # Новый PV работает? kubectl get pv gitea-pv # gitea-pv Bound oakazanin/gitea-pvc # Все сервисы живые? curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://blog.example.com # 200 curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 Универсальность подхода # Этот алгоритм работает не только для Gitea. Те же шаги применимы к любым stateful сервисам:\nPostgreSQL/MySQL:\nЭкспортируешь Deployment, Service, PVC Меняешь namespace PV указывает на тот же NFS путь с базой данных Данные остаются нетронутыми Nextcloud:\nАналогично — файлы на NFS не переносятся Только манифесты меняют namespace Zero downtime если создаёшь новое до удаления старого MinIO (S3-хранилище):\nStateful, работает через PV/PVC Те же принципы — новый namespace, тот же NFS путь Stateless сервисы (nginx, API):\nЕщё проще — нет PV/PVC вообще Только Deployment + Service, меняешь namespace, готово Главный принцип: данные живут на PV, который привязан к NFS. Namespace меняется, путь на NFS остаётся.\nУниверсальный чеклист миграции # Подготовка [ ] Проверить данные в поде (find /data) [ ] Зафиксировать NFS путь (kubectl get pv -o yaml) [ ] Экспортировать манифесты в отдельную папку Создание в новом namespace [ ] Убрать служебные поля (uid, resourceVersion, status) [ ] Поменять namespace во всех манифестах [ ] Переименовать PV/PVC (убрать старые префиксы) [ ] Добавить Certificate объект (не копировать секрет) [ ] Применить манифест [ ] Проверить PVC Bound, Pod Running, Certificate True Переключение [ ] Убедиться что новый сервис работает (curl HTTP 200) [ ] Остановить старый (scale --replicas=0) [ ] Подождать 5 минут, проверить снова Зачистка [ ] Удалить Deployment, Service, ConfigMap, Secret [ ] Удалить IngressRoute [ ] Удалить PVC [ ] Удалить PV [ ] Удалить namespace [ ] Финальная проверка всех сервисов Итог # Вся миграция Gitea заняла около 10 минут. Даунтайм - 0 секунд: новый под поднялся раньше чем остановили старый, сертификат выпустился за ~32 секунды, данные подхватились с NFS автоматически.\nГлавные принципы которые работают:\nОдин namespace - один проект. Все сервисы блога живут в одном namespace. Никакого разброса по трём разным местам.\nСначала создай, потом удаляй. Никогда не удаляй старое до того как убедился что новое работает.\nRetain политика для PV. Данные на NFS переживут любые эксперименты с namespace.\nЧисти за собой. Брошенные IngressRoute и namespace - источник неочевидных проблем в самый неподходящий момент.\nЧто дальше # Блог работает, два окружения настроены, проблемы диагностируются за минуты, namespace чистый.\nВ следующей части добавим лайки и просмотры через Firebase Realtime Database и Cloud Firestore, исправим все ошибки интеграции с Blowfish, и обновим Hugo до 0.155 чтобы inline partials заработали.\nСтек этой части:\nKubernetes 1.30 (K3s) Gitea 1.21.11 NFS для статичных данных cert-manager + Let\u0026rsquo;s Encrypt kubectl для миграции ","date":"18 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-6-namespace-migration/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 6 - миграция между namespace","type":"posts"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/posts/","section":"Статьи","summary":"","title":"Статьи","type":"posts"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/debugging/","section":"Теги","summary":"","title":"Debugging","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/nginx/","section":"Теги","summary":"","title":"Nginx","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/traefik/","section":"Теги","summary":"","title":"Traefik","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/troubleshooting/","section":"Теги","summary":"","title":"Troubleshooting","type":"tags"},{"content":"В части 4 мы разобрались с Git workflow. Всё работает: пушишь в dev - видишь на тестовом окружении, мержишь в main - публикуется на production.\nА потом в один прекрасный день открываешь свой сайт и видишь 503 Service Temporarily Unavailable.\nВчера же все работало! Ты ничего не менял. Что произошло?\nДобро пожаловать в мир эксплуатации Kubernetes, где проблемы тоже возникают и требуют системного подхода без паники.\nЭта статья - алгоритм диагностики от DNS до пода. Проходишь по шагам сверху вниз, находишь проблему за 5 минут. Не гадаешь, не тыкаешь наугад - работаешь по системе.\nАнатомия HTTP запроса в K3s # Прежде чем искать проблему, нужно понять путь запроса от браузера до nginx:\nБраузер ↓ DNS запрос DNS сервер (провайдер или Cloudflare) ↓ Возвращает IP адрес Роутер/Файрвол (OPNsense, MikroTik) ↓ Port Forward 443 → K3s node MetalLB LoadBalancer ↓ External IP Traefik Ingress Controller ↓ IngressRoute matching Kubernetes Service ↓ Endpoint selection Pod (Nginx контейнер) ↓ Volume mount NFS хранилище Проблема может быть на любом из этих уровней. Секрет эффективной диагностики - проверять снаружи внутрь, последовательно исключая рабочие компоненты.\nКогда тыкаешь наугад, проверяя сначала поды, потом DNS, потом снова поды - тратишь время. Когда идёшь по алгоритму - находишь проблему за минуты.\nШаг 1: DNS - доходит ли домен до твоего IP # Первым делом проверяем что домен резолвится в правильный IP. Без этого дальше проверять бессмысленно - браузер просто не знает куда направлять запрос.\nПроверка # # Проверяем DNS резолв (используй свой домен) dig blog.example.com +short # Альтернатива если dig не установлен nslookup blog.example.com Ожидаемый результат # 77.37.XXX.XXX Должен вернуться твой публичный IP адрес (тот который прописан в A-записи у DNS провайдера).\nЧто может пойти не так # Симптом Причина Как проверить Решение Возвращается старый IP DNS кеш не обновился dig blog.example.com @8.8.8.8 Подожди TTL (обычно 300-3600 сек) NXDOMAIN ошибка Домен не делегирован Проверь NS записи у регистратора Настрой DNS правильно Возвращается 127.0.0.1 Локальный override cat /etc/hosts | grep blog Удали строку из /etc/hosts Возвращается несколько IP Round-robin DNS Проверь все ли IP твои Удали лишние A-записи Если DNS правильный - идём дальше.\nШаг 2: Внешний доступ - доходит ли запрос до сервера # Теперь проверяем что запрос физически доходит до сервера. DNS может быть правильным, но файрвол может блокировать трафик.\nПроверка # # Пробуем подключиться извне (важно - НЕ из локальной сети!) curl -v https://blog.example.com 2\u0026gt;\u0026amp;1 | head -30 Важно: Запускай эту команду с внешнего сервера или используй мобильный интернет. Тест из локальной сети ничего не докажет - можешь обходить файрвол.\nСитуация А: Connection refused или timeout # curl: (7) Failed to connect to blog.example.com port 443: Connection refused Запрос вообще не дошёл до сервера. Проблема на сетевом уровне.\nВозможные причины:\n1. Порт 443 закрыт на файрволе/роутере\nПроверь Port Forward правила на OPNsense/MikroTik. Должно быть:\nWAN:443 → 192.168.X.X:443 (IP любой K3s ноды) 2. MetalLB не назначил External IP для Traefik\n# Проверяем MetalLB kubectl get svc -n traefik traefik # Ожидаемый результат NAME TYPE EXTERNAL-IP PORT(S) traefik LoadBalancer 192.168.X.X 80:30080/TCP,443:30443/TCP Если EXTERNAL-IP показывает \u0026lt;pending\u0026gt; - MetalLB не работает или пул IP адресов не настроен.\n3. Traefik под не запущен\n# Проверяем что Traefik работает kubectl get pods -n traefik # Должны быть все Running NAME READY STATUS traefik-xxxxxxxxxx-xxxxx 1/1 Running Ситуация Б: TLS handshake прошёл, но 503 # \u0026lt; HTTP/2 503 \u0026lt; content-type: text/plain; charset=utf-8 \u0026lt; content-length: 20 no available server Отлично - наша ситуация! Traefik работает, SSL сертификат отдаёт, но дальше запрос упирается в стену.\nСообщение no available server означает что Traefik нашёл роутер, но не нашёл живой бэкенд за ним.\nПроблема внутри кластера. Идём глубже.\nСитуация В: SSL certificate problem # curl: (60) SSL certificate problem: unable to get local issuer certificate Сертификат невалидный или не выпущен.\n# Проверяем Certificate объект (используй свой namespace) kubectl get certificate -n blog # Должно быть READY=True NAME READY SECRET AGE blog-tls True blog-tls 2d Если READY=False - cert-manager не смог выпустить сертификат.\n# Смотрим что пошло не так kubectl describe certificate blog-tls -n blog # Ищем секцию Events внизу вывода - там описание проблемы Главное: Запрос доходит до Traefik # # Проверка (с ВНЕШНЕГО сервера!) curl -I https://blog.example.com # Ожидаемый результат (любой из двух) HTTP/2 200 # Всё работает HTTP/2 503 # Traefik работает, но бэкенд недоступен # Если connection refused/timeout - проблема в сети (см. выше) Шаг 3: Traefik - правильно ли маршрутизируется трафик # Traefik получил запрос на твой домен. Что он с ним делает? Смотрим логи.\nПроверка логов Traefik # # Смотрим последние 50 строк логов Traefik kubectl logs -n traefik deployment/traefik --tail=50 # Фильтруем только свой домен (убираем шум от других сервисов) kubectl logs -n traefik deployment/traefik --tail=100 | grep blog.example Что искать в логах # Нормальный запрос:\n{ \u0026#34;request\u0026#34;: \u0026#34;GET / HTTP/2.0\u0026#34;, \u0026#34;status\u0026#34;: 200, \u0026#34;size\u0026#34;: 8994, \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https-xxxxx@kubernetescrd\u0026#34;, \u0026#34;service\u0026#34;: \u0026#34;blog-nginx-blog@kubernetescrd\u0026#34;, \u0026#34;backend\u0026#34;: \u0026#34;http://10.42.2.40:80\u0026#34;, \u0026#34;duration\u0026#34;: 12 } Ключевые поля:\nrouter: Traefik нашёл нужный IngressRoute (blog-blog-https) backend: IP пода nginx куда проксируется запрос (10.42.2.40:80) status: HTTP код ответа от nginx (200 = всё хорошо) Проблемный запрос:\n{ \u0026#34;request\u0026#34;: \u0026#34;GET / HTTP/2.0\u0026#34;, \u0026#34;status\u0026#34;: 503, \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https-xxxxx@kubernetescrd\u0026#34;, \u0026#34;error\u0026#34;: \u0026#34;no available server\u0026#34; } Traefik нашёл роутер, но поле backend отсутствует - под недоступен или не существует.\nПроверяем список IngressRoute # # Смотрим все IngressRoute в кластере kubectl get ingressroute -A # Фильтруем только свой домен kubectl get ingressroute -A | grep blog.example Важный момент: Если один и тот же домен прописан в двух разных IngressRoute из разных namespace - Traefik будет балансировать между ними.\nНапример:\nNAMESPACE NAME AGE blog blog-https 10d # СТАРЫЙ namespace blog-new blog-https 2d # НОВЫЙ namespace Оба IngressRoute имеют match: Host('blog.example.com'). Traefik видит оба, честно балансирует трафик 50/50.\nЕсли один из бэкендов мёртв - половина запросов уходит в пустоту. 503 через раз.\nРешение: Удалить старый IngressRoute:\n# Удаляем дубль из старого namespace kubectl delete ingressroute blog-https blog-http -n blog Проверяем синтаксис match # Traefik очень требователен к синтаксису. Частая ошибка - забыть backticks или скобки.\nНеправильно:\nmatch: Host(blog.example.com) # Нет backticks match: Host `blog.example.com` # Нет скобок вокруг Host match: Host(\u0026#34;blog.example.com\u0026#34;) # Двойные кавычки вместо backticks Правильно:\nmatch: Host(`blog.example.com`) Проверяем:\n# Смотрим манифест IngressRoute kubectl get ingressroute blog-https -n blog -o yaml | grep match: # Должно быть со скобками и backticks match: Host(`blog.example.com`) Главное: Traefik нашёл роутер # # Проверка kubectl logs -n traefik deployment/traefik --tail=50 | grep blog.example # Ожидаемый результат - есть строки с \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https\u0026#34; # Если router не найден - проблема в IngressRoute match синтаксисе Шаг 4: Service - видит ли он поды # Traefik нашёл роутер, проксирует трафик на Service. Но Service может не видеть поды если selector неправильный.\nПроверка endpoints # # Смотрим endpoints для Service (используй своё имя Service) kubectl get endpoints nginx -n blog # Ожидаемый результат - НЕ пустой список IP NAME ENDPOINTS nginx 10.42.0.44:80,10.42.2.40:80 Если видишь \u0026lt;none\u0026gt; - Service не нашёл ни одного пода. Две возможные причины.\nПричина 1: Selector не совпадает с labels # # Смотрим selector у Service kubectl get svc nginx -n blog -o yaml | grep -A3 \u0026#34;selector:\u0026#34; # Вывод selector: app: nginx # Смотрим labels у подов kubectl get pods -n blog --show-labels | grep nginx # Вывод nginx-xxxxxxxxxx-xxxxx 1/1 Running app=nginx-old Видишь проблему? Service ищет app: nginx, а под помечен app: nginx-old. Не совпадает.\nРешение: Исправить Deployment или Service чтобы labels совпадали.\nПричина 2: Поды не Running # # Смотрим статус подов kubectl get pods -n blog # Видим NAME READY STATUS nginx-xxxxxxxxxx-xxxxx 0/1 CreateContainerError Под существует, но не работает. Service правильно не включает его в endpoints. Идём в следующий шаг - разбираемся почему под не запускается.\nГлавное: Service видит поды # # Проверка kubectl get endpoints nginx -n blog # Ожидаемый результат - НЕ пустой nginx 10.42.0.44:80,10.42.2.40:80 # Если \u0026lt;none\u0026gt; - проблема в селекторах или поды не Running Шаг 5: Pod - что происходит внутри контейнера # Самый глубокий уровень. Под не запускается или падает в цикле перезапусков.\nПроверка статуса подов # # Смотрим все поды в namespace kubectl get pods -n blog # Фильтруем только nginx kubectl get pods -n blog | grep nginx Возможные статусы проблем:\nCreateContainerError # Контейнер вообще не может стартануть. Обычно проблема с volumes или образом.\n# Смотрим детали пода (используй своё имя пода) kubectl describe pod nginx-xxxxxxxxxx-xxxxx -n blog | tail -30 Ищем секцию Events внизу вывода. Там будет описание проблемы:\nПример 1: PVC не примонтировался\nEvents: Warning FailedMount MountVolume.SetUp failed for volume \u0026#34;blog-public-pvc\u0026#34;: mount failed: mount.nfs: Connection timed out NFS хранилище недоступно. Возможные причины:\nNFS сервер выключен или перезагружается Неправильный IP или путь в PersistentVolume Файрвол блокирует NFS трафик (порт 2049) Пример 2: Образ не скачался\nEvents: Warning Failed Failed to pull image \u0026#34;nginx:latest\u0026#34;: rpc error: code = Unknown Контейнер не может скачать образ. Обычно это означает что imagePullPolicy: Never, а образ не импортирован на ноду.\n# Проверяем что образ есть на ноде (используй IP своей worker ноды) ssh user@192.168.X.X \u0026#34;sudo k3s crictl images | grep nginx\u0026#34; Если образа нет - импортируй его через k3s ctr images import.\nПример 3: ConfigMap не найден\nEvents: Warning FailedMount ConfigMap \u0026#34;nginx-config\u0026#34; not found Deployment ссылается на несуществующий ConfigMap.\n# Проверяем что ConfigMap существует kubectl get configmap -n blog | grep nginx-config Если нет - создай или исправь имя в Deployment.\nCrashLoopBackOff # Контейнер запускается, но сразу падает. Смотрим логи предыдущего запуска:\n# Логи последнего упавшего контейнера kubectl logs nginx-xxxxxxxxxx-xxxxx -n blog --previous Пример: Nginx падает из-за неправильного конфига\nnginx: [emerg] unexpected \u0026#34;}\u0026#34; in /etc/nginx/nginx.conf:15 nginx: configuration file /etc/nginx/nginx.conf test failed Синтаксическая ошибка в nginx.conf. Проверяем ConfigMap:\n# Смотрим содержимое конфига kubectl get configmap nginx-config -n blog -o yaml Находим ошибку, исправляем, применяем. Под перезапустится автоматически.\nГлавное: Под работает # # Проверка kubectl get pods -n blog | grep nginx # Ожидаемый результат - все Running nginx-xxxxxxxxxx-xxxxx 1/1 Running 0 2d # Если не Running - смотри troubleshooting выше Шаг 6: Контент - есть ли файлы для отдачи # Под работает, Service видит его, Traefik проксирует трафик. Но сайт отдаёт 404 Not Found или пустую страницу.\nПроблема: Hugo Builder не записал файлы на NFS или записал не туда.\nПроверка # # Заходим в под nginx (используй своё имя пода) kubectl exec -it nginx-xxxxxxxxxx-xxxxx -n blog -- sh # Внутри пода смотрим что примонтировалось ls -la /usr/share/nginx/html/ # Должен быть index.html и папки posts, tags, etc Если директория пустая - Hugo Builder не сработал. Проверяем его логи:\n# Логи Hugo Builder kubectl logs -n blog deployment/hugo-builder-prod --tail=50 Ищем строку Build successful! и список созданных файлов. Если её нет:\nWebhook не сработал - проверь настройки webhook в Gitea Hugo упал с ошибкой - читай логи выше, смотри на что ругается Собрал в другую директорию - проверь переменную OUTPUT_DIR в build.sh Главное: Контент на месте # # Проверка (используй своё имя пода) kubectl exec -it nginx-xxxxxxxxxx-xxxxx -n blog -- ls /usr/share/nginx/html/ | head -5 # Ожидаемый результат index.html posts/ tags/ categories/ # Если пусто - Hugo Builder не отработал (см. выше) Быстрый чеклист для любой проблемы # Сохрани эту последовательность - она работает для 95% проблем:\n[ ] DNS: dig домен → правильный IP? [ ] Сеть: curl -v https://домен → доходит до Traefik? [ ] MetalLB: kubectl get svc -n traefik → External IP назначен? [ ] Traefik: kubectl get pods -n traefik → Running? [ ] IngressRoute: kubectl get ingressroute -A | grep домен → нет дублей? [ ] Match синтаксис: Host(`домен`) со скобками и backticks? [ ] Endpoints: kubectl get endpoints -n namespace → не пустые? [ ] Selector: labels подов совпадают с selector Service? [ ] Pods: kubectl get pods -n namespace → все Running? [ ] PVC: kubectl get pvc -n namespace → все Bound? [ ] Контент: kubectl exec ls /usr/share/nginx/html → файлы есть? Проходишь по списку сверху вниз. Останавливаешься на первом [ ] где что-то не так. Чинишь. Проверяешь снова.\nНе прыгай хаотично между уровнями. Алгоритм экономит время.\nРеальный пример: 503 через раз # Мой сайт отдавал 503 примерно в 50% запросов. Половина запросов работала, половина нет.\nПрошёл по алгоритму:\n✅ DNS - правильный IP ✅ Сеть - Traefik отвечает ✅ MetalLB - External IP назначен ✅ Traefik - поды Running ❌ IngressRoute - два роутера на один домен kubectl get ingressroute -A | grep oakazanin NAMESPACE NAME blog blog-https # СТАРЫЙ, бэкенд в CreateContainerError oakazanin blog-https # НОВЫЙ, работает Traefik видел два роутера, честно балансировал трафик 50/50. Каждый второй запрос улетал в мёртвый blog/nginx.\nДиагноз поставлен за 3 минуты. Лечение - одна команда:\n# Удаляем дубль из старого namespace kubectl delete ingressroute blog-https blog-http -n blog Мораль: всегда чисти за собой. Старые namespace с нерабочими сервисами - источник неочевидных проблем.\nОткат и cleanup # Если в процессе диагностики что-то сломал ещё больше - откатываемся:\n# Восстанавливаем предыдущую версию манифеста kubectl apply -f nginx-deployment.yaml # Перезапускаем поды принудительно kubectl rollout restart deployment/nginx -n blog # Смотрим что изменения применились kubectl rollout status deployment/nginx -n blog Золотое правило: Перед экспериментами делай бэкапы манифестов:\n# Экспортируем текущее состояние с датой kubectl get deployment,service,ingressroute -n blog -o yaml \u0026gt; backup-$(date +%Y%m%d).yaml Что дальше # Ты умеешь диагностировать проблемы. Но лучше их вообще не создавать.\nВ следующей части покажу как правильно мигрировать сервисы между namespace - без даунтайма, дублей IngressRoute и других сюрпризов которые приводят к 503.\nРазберём реальный пример: переносим Gitea между namespace с NFS данными, получаем новый SSL за 32 секунды, и удаляем старый namespace навсегда.\nСтек этой части:\nTraefik 2.11 IngressRoute Kubernetes 1.30 (K3s) kubectl CLI curl для внешних проверок dig для DNS диагностики ","date":"17 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-5-debugging/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 5 - что делать когда всё внезапно сломалось","type":"posts"},{"content":"В части 3 мы развернули два окружения - production и development. Один репозиторий, две ветки (main и dev), два пайплайна.\nТеперь встаёт вопрос: как организовать работу локально?\nПроблема # У нас есть:\nРепозиторий в Gitea Две ветки: main (production) и dev (development) Необходимость постоянно переключаться между ними Как это делать на локальной машине? Два варианта.\nВариант А: Две отдельные папки # Клонируем репозиторий дважды - в разные папки:\n~/projects/ ├── blog/ ← ветка main (production) └── blog-dev/ ← ветка dev (development) Логика: Хочу работать с dev - иду в blog-dev. Хочу что-то проверить в production - иду в blog. Без переключения веток.\nКажущиеся преимущества # Параллельная работа. Можно держать открытыми два терминала - в одном hugo server для dev, в другом смотреть production код.\nИзоляция. Каждая папка - своя песочница. Изменения в одной не влияют на другую.\nПростота навигации. cd blog-dev вместо git checkout dev. Меньше команд.\nПривычный паттерн. Многие админы и разработчики держат несколько клонов для разных задач.\nРеальные проблемы # Проблема 1: Рассинхронизация локальных ветокin # Работаю в blog-dev - пишу статьи, коммичу, пушу в origin/dev. Всё хорошо.\nНо локальная ветка dev в папке blog при этом не обновляется. Она отстаёт от origin/dev.\nПриходишь делать merge:\ncd blog git checkout main git merge dev # Already up to date. ← НО есть НЮАНС! Git говорит \u0026ldquo;всё актуально\u0026rdquo;, имея в виду локальную ветку dev, которая отстала на три коммита. Статьи не попадают в production.\nПриходится помнить делать git pull origin dev перед каждым merge. Забыл - публикуешь устаревшую версию.\nПроблема 2: Конфликты при merge # Редактируешь config/params.toml в обеих папках независимо:\nВ blog-dev добавил Firebase конфиг В blog изменил название сайта При merge Git честно сообщает о конфликте:\nCONFLICT (content): Merge conflict in config/params.toml И это повторяется каждый раз когда трогаешь конфигурацию. Потому что две папки - это две независимые истории изменений одного файла.\nПроблема 3: Работа не в той папке # Несколько раз ловил себя на том что редактирую статьи прямо в blog - папке production. Это нарушает весь смысл раздельных окружений.\nПроблема 4: Умственная нагрузка # Постоянный вопрос \u0026ldquo;в какой папке я сейчас?\u0026rdquo; Для простого блога это лишняя когнитивная нагрузка.\nВариант Б: Одна папка с переключением веток # Один клон репозитория, работа через git checkout:\n~/projects/ └── blog/ ← одна папка, две ветки: main и dev Как это работает # Пишу статью:\ncd ~/projects/blog # Переключаюсь на dev git checkout dev # Проверяю что dev актуален git pull origin dev # Запускаю локальный сервер hugo server -D --bind 0.0.0.0 # Создаю статью hugo new content posts/название/index.md # Коммичу и пушу git add . git commit -m \u0026#34;feat: новая статья\u0026#34; git push origin dev Публикую:\n# Убеждаюсь что dev актуален git checkout dev git pull origin dev # Переключаюсь на main и мержу git checkout main git pull origin main git merge dev git push origin main Реальные преимущества # Никакой рассинхронизации. Все ветки в одном репозитории. git pull обновляет всё что нужно.\nНет конфликтов из-за независимых изменений. Когда работаешь в одной папке, params.toml существует в одном экземпляре. Все изменения делаются в dev, в main попадают только через merge.\nКонфликт возможен только если кто-то редактирует main напрямую - а это нарушение workflow.\nНевозможно ошибиться с веткой. git branch показывает где ты сейчас. Случайно отредактировать файлы в main - сложнее.\nМеньше места на диске. Один клон вместо двух. Один .git вместо двух.\nСравнение на практических примерах # Пример 1: Обновление темы Blowfish # Две папки:\ncd blog-dev git submodule update --remote themes/blowfish git add themes/blowfish git commit -m \u0026#34;update: Blowfish theme\u0026#34; git push origin dev # Проверяешь на dev.blog.ru # Если всё ок - мержишь cd ../blog git checkout dev git pull origin dev # ← ЛЕГКО ЗАБЫТЬ git checkout main git merge dev git push origin main Одна папка:\ncd blog git checkout dev git pull origin dev git submodule update --remote themes/blowfish git add themes/blowfish git commit -m \u0026#34;update: Blowfish theme\u0026#34; git push origin dev # Проверяешь на dev.blog.ru # Если всё ок - мержишь git checkout main git pull origin main git merge dev git push origin main Меньше команд, меньше переходов между папками, меньше шансов забыть git pull.\nПример 2: Правка опечатки в production # Нашёл опечатку на blog.ru. Нужно исправить быстро.\nДве папки:\nОпасность: хочется исправить прямо в blog (ветка main). Это нарушает workflow - все изменения должны идти через dev.\nПравильно:\ncd blog-dev git checkout dev # Исправляешь git commit -m \u0026#34;fix: опечатка\u0026#34; git push origin dev cd ../blog git checkout main git pull origin dev # ← опять легко забыть git merge dev git push origin main Одна папка:\ncd blog git checkout dev git pull origin dev # Исправляешь git commit -m \u0026#34;fix: опечатка\u0026#34; git push origin dev git checkout main git merge dev git push origin main Проще, меньше команд, понятнее.\nПример 3: Долгая работа над статьёй # Пишешь большую статью несколько дней. Между сеансами работы кто-то (или ты сам) запушил другие изменения в dev.\nДве папки:\ncd blog-dev # День 1: пишешь git add . git commit -m \u0026#34;wip: статья\u0026#34; # День 2: продолжаешь git pull origin dev # Подтягиваешь чужие изменения # Пишешь дальше git add . git commit -m \u0026#34;feat: закончил статью\u0026#34; git push origin dev Всё так же как и с одной папкой. Разницы нет.\nОдна папка:\ncd blog git checkout dev # День 1: пишешь git add . git commit -m \u0026#34;wip: статья\u0026#34; # День 2: продолжаешь git pull origin dev # Подтягиваешь чужие изменения # Пишешь дальше git add . git commit -m \u0026#34;feat: закончил статью\u0026#34; git push origin dev Идентично. Этот пример работает одинаково в обоих вариантах.\nЧто выбрать? # Если ты только начинаешь - сразу делай одну папку.\nДве папки кажутся удобными, но создают проблемы которые регулярно прерывают работу:\nРассинхронизация веток Конфликты при merge Когнитивная нагрузка Одна папка с переключением веток - стандартный Git workflow, проверенный миллионами разработчиков. Требует чуть больше дисциплины (git checkout dev вместо cd blog-dev), но избавляет от всех проблем выше.\nЗолотое правило: Никогда не редактировать файлы находясь на ветке main. Все изменения - через dev. Всегда.\nМиграция: если начал с двух папок # Если уже работаешь в двух папках - переход простой.\nШаг 1: Убеждаемся что всё запушено # # Проверяем обе папки cd ~/projects/blog-dev git status git push origin dev cd ~/projects/blog git status git push origin main Шаг 2: Синхронизируем ветку dev в основной папке # cd ~/projects/blog # Обновляем локальную ветку dev из remote git checkout dev git pull origin dev # Проверяем что всё актуально git log --oneline -5 # Возвращаемся на main git checkout main Шаг 3: Удаляем вторую папку # # Убеждаемся что в blog-dev нет несохранённых изменений cd ~/projects/blog-dev git status # Должно быть: nothing to commit, working tree clean # Удаляем папку cd ~/projects rm -rf blog-dev Шаг 4: Проверяем что всё работает # cd ~/projects/blog # Переключаемся на dev и запускаем сервер git checkout dev hugo server -D --bind 0.0.0.0 # Открываем http://localhost:1313/ # Видим dev версию сайта Новый workflow: шпаргалка # Создаю статью # cd ~/projects/blog git checkout dev hugo new content posts/название/index.md # Пишу, сохраняю, проверяю в hugo server git add . git commit -m \u0026#34;feat: название статьи\u0026#34; git push origin dev # → dev.blog.ru Публикую статью # git checkout dev git pull origin dev # Убеждаюсь что dev актуален git checkout main git pull origin main # Убеждаюсь что main актуален git merge dev git push origin main # → blog.ru Меняю конфигурацию # git checkout dev # ВСЕ изменения только через dev! nano config/params.toml git add . git commit -m \u0026#34;feat: изменил конфиг\u0026#34; git push origin dev # Проверяю на dev.blog.ru # Если всё ок git checkout main git merge dev git push origin main Что дальше # Workflow выбран, окружения работают. Можно писать статьи.\nНо есть ещё одна тема которую стоит разобрать - что делать когда что-то сломалось. Как диагностировать проблемы когда сайт вдруг начал отдавать 503, или SSL перестал работать, или webhook не срабатывает.\nВ следующей части покажу процесс диагностики на реальном примере - как я чинил blog.ru когда он внезапно стал недоступен из интернета.\nРекомендация этой части:\nОдна папка ~/projects/blog Переключение веток через git checkout Все изменения через dev → merge в main Никогда не редактировать находясь на main ","date":"16 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-4-git-workflow/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 4 - выбор Git workflow","type":"posts"},{"content":"","date":"16 февраля 2026","externalUrl":null,"permalink":"/categories/%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0/","section":"Категории","summary":"","title":"Веб-Разработка","type":"categories"},{"content":"","date":"15 января 2026","externalUrl":null,"permalink":"/tags/basic-auth/","section":"Теги","summary":"","title":"Basic-Auth","type":"tags"},{"content":"В части 2 мы развернули production окружение для ветки main. Каждый пуш в main автоматически обновляет публичный сайт.\nПроблема: нельзя проверить как выглядит статья до публикации. Локальный hugo server показывает одно, а production может выглядеть по-другому из-за версий Hugo, конфигов, CSS.\nНужен второй пайплайн - тестовый контур где можно проверить изменения перед мержем в main.\nАрхитектура dev окружения # Git Push (dev branch) ↓ Gitea ↓ webhook Hugo Builder Dev ├→ Clone dev branch ├→ hugo --minify └→ Output → NFS (dev) ↓ /export/blog-public-dev/ ↓ Nginx Dev (1 реплика) ↓ Traefik Ingress ├→ Basic Auth Middleware └→ dev.blog.ru (SSL) Отличия от production:\nОтдельный Hugo Builder (переменная BRANCH=dev) Отдельный NFS volume (blog-public-dev) Отдельный Nginx (одна реплика вместо двух) Basic Auth - доступ только по логину и паролю Отдельный домен (dev.blog.ru) Всё это живёт в том же namespace что и production. Два независимых пайплайна, нулевое пересечение.\nШаг 1: Hugo Builder для dev # Используем тот же Docker образ что и для production. Разница - в переменной окружения BRANCH.\nФайл: 01-hugo-builder-dev.yaml\napiVersion: apps/v1 kind: Deployment metadata: name: hugo-builder-dev namespace: blog spec: replicas: 1 selector: matchLabels: app: hugo-builder-dev template: metadata: labels: app: hugo-builder-dev spec: containers: - name: hugo-builder image: hugo-builder:latest imagePullPolicy: Never env: - name: BRANCH value: \u0026#34;dev\u0026#34; # Главное отличие - используем dev ветку volumeMounts: - name: public mountPath: /mnt/blog-public resources: requests: cpu: 200m memory: 256Mi limits: cpu: 500m memory: 512Mi volumes: - name: public persistentVolumeClaim: claimName: blog-public-dev-pvc # Отдельный PVC --- apiVersion: v1 kind: Service metadata: name: hugo-builder-dev namespace: blog spec: selector: app: hugo-builder-dev ports: - port: 8080 targetPort: 8080 name: webhook # Применяем манифест kubectl apply -f 01-hugo-builder-dev.yaml # Проверяем что под запустился kubectl get pods -n blog | grep hugo-builder-dev # Смотрим логи kubectl logs -n blog deployment/hugo-builder-dev # Starting webhook listener on port 8080... Шаг 2: Nginx для dev # Одна реплика вместо двух - для тестового окружения высокая доступность не критична.\nФайл: 03-nginx-dev-deployment.yaml\napiVersion: apps/v1 kind: Deployment metadata: name: nginx-dev namespace: blog spec: replicas: 1 # Тестовому окружению достаточно одной реплики selector: matchLabels: app: nginx-dev template: metadata: labels: app: nginx-dev spec: containers: - name: nginx image: nginx:1.25-alpine ports: - containerPort: 80 volumeMounts: - name: html mountPath: /usr/share/nginx/html readOnly: true - name: config mountPath: /etc/nginx/nginx.conf subPath: nginx.conf resources: requests: cpu: 50m memory: 64Mi volumes: - name: html persistentVolumeClaim: claimName: blog-public-dev-pvc # Отдельный PVC - name: config configMap: name: nginx-dev-config --- apiVersion: v1 kind: Service metadata: name: nginx-dev namespace: blog spec: selector: app: nginx-dev ports: - port: 80 targetPort: 80 name: http # Применяем манифест kubectl apply -f 03-nginx-dev-deployment.yaml # Проверяем kubectl get pods -n blog | grep nginx-dev Шаг 3: Basic Auth через Traefik # Dev окружение должно быть закрыто от посторонних. Traefik поддерживает Basic Auth через Middleware.\nСоздаём пароль # # Генерируем htpasswd (логин: dev, пароль: ваш пароль) htpasswd -nb dev your-password # dev:$apr1$...хеш... # Кодируем в base64 для Kubernetes Secret echo -n \u0026#34;dev:$apr1$...хеш...\u0026#34; | base64 # ZGV2OiRhcHIxJC4uLg== Secret с паролем # Файл: 07-basic-auth-secret.yaml\n--- apiVersion: v1 kind: Secret metadata: name: dev-basic-auth namespace: blog type: Opaque data: users: ZGV2OiRhcHIxJC4uLg== # ваш base64 хеш # Применяем секрет kubectl apply -f 07-basic-auth-secret.yaml # Проверяем что секрет создался kubectl get secret -n blog | grep dev-basic-auth Middleware для Basic Auth # Файл: 08-basic-auth-middleware.yaml\n--- apiVersion: traefik.io/v1alpha1 kind: Middleware metadata: name: dev-basic-auth namespace: blog spec: basicAuth: secret: dev-basic-auth removeHeader: true # Убираем заголовок Authorization после проверки # Применяем middleware kubectl apply -f 08-basic-auth-middleware.yaml # Проверяем kubectl get middleware -n blog # NAME AGE # dev-basic-auth 5s Шаг 4: IngressRoute с Basic Auth # Связываем всё вместе: домен → middleware → nginx-dev.\nФайл: 06-ingressroute-dev.yaml\n--- # HTTP (без SSL) apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-dev-http namespace: blog spec: entryPoints: - web routes: - match: Host(`dev.blog.ru`) kind: Rule services: - name: nginx-dev port: 80 --- # HTTPS с Basic Auth apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-dev-https namespace: blog spec: entryPoints: - websecure routes: - match: Host(`dev.blog.ru`) kind: Rule middlewares: - name: dev-basic-auth # Добавляем Basic Auth services: - name: nginx-dev port: 80 tls: secretName: blog-dev-tls # Применяем IngressRoute kubectl apply -f 06-ingressroute-dev.yaml # Проверяем kubectl get ingressroute -n blog | grep dev Шаг 5: SSL сертификат для dev # cert-manager выпустит отдельный сертификат для dev.blog.ru.\nНе забудьте: Добавить A-запись в DNS:\ndev.blog.ru A 77.37.XXX.XXX Файл: 04-certificate-dev.yaml\napiVersion: cert-manager.io/v1 kind: Certificate metadata: name: blog-dev-tls namespace: blog spec: secretName: blog-dev-tls issuerRef: name: letsencrypt-prod kind: ClusterIssuer dnsNames: - dev.blog.ru # Применяем манифест kubectl apply -f 04-certificate-dev.yaml # Ждём получения сертификата (30-60 секунд) kubectl get certificate -n blog # Должно быть READY=True # NAME READY SECRET AGE # blog-dev-tls True blog-dev-tls 45s Шаг 6: Webhook в Gitea для dev # Создаём второй webhook который триггерится на пуши в ветку dev.\nGitea → ваш репозиторий → Settings → Webhooks → Add Webhook → Gitea\nURL: http://hugo-builder-dev.blog.svc.cluster.local:8080 HTTP Method: POST Content Type: application/json Trigger On: Push events Branch filter: dev ← Главное отличие от prod Нажимаем \u0026ldquo;Test Delivery\u0026rdquo; → должен вернуть 200 OK.\nПроверяем логи:\n# Смотрим логи Hugo Builder Dev kubectl logs -n blog deployment/hugo-builder-dev -f # Должно появиться: # Webhook triggered, starting build... # Cloning repository (branch: dev)... # Build successful! Проверка работы # # Создаём тестовую статью в dev cd ~/projects/blog git checkout dev # Создаём статью hugo new content posts/test-dev/index.md echo \u0026#34;Тестовая статья в dev окружении\u0026#34; \u0026gt;\u0026gt; content/posts/test-dev/index.md # Коммитим и пушим git add . git commit -m \u0026#34;test: проверка dev окружения\u0026#34; git push origin dev # Следим за логами Hugo Builder Dev kubectl logs -n blog deployment/hugo-builder-dev -f # Через 5-7 секунд сборка завершится Открываем https://dev.blog.ru в браузере:\nБраузер запросит логин и пароль (Basic Auth) Вводим: логин dev, пароль который задали Видим тестовую статью Критично: Статья появилась на dev.blog.ru, но её нет на blog.ru - окружения изолированы.\nWorkflow: dev → prod # Типичный процесс работы:\n1. Пишу статью в dev:\ncd ~/projects/blog git checkout dev # Создаю статью hugo new content posts/kubernetes-intro/index.md # Пишу контент, коммичу git add . git commit -m \u0026#34;feat: статья про Kubernetes\u0026#34; git push origin dev # → автосборка → dev.blog.ru 2. Проверяю на dev.blog.ru:\nОткрываю https://dev.blog.ru (вводя логин/пароль), читаю статью, проверяю форматирование, ссылки, изображения.\nНахожу опечатку - исправляю локально, пушу в dev снова. Повторяю пока не доволен результатом.\n3. Публикую в production:\n# Всё отлично на dev - мержу в main git checkout main git merge dev git push origin main # → автосборка → blog.ru Статья появляется на публичном сайте.\nИтоговая архитектура # Два полностью независимых пайплайна в одном namespace:\nProduction: main branch → hugo-builder-prod → blog-public-pvc → nginx (x2) → blog.ru Development: dev branch → hugo-builder-dev → blog-public-dev-pvc → nginx-dev (x1) → dev.blog.ru + Basic Auth Общее:\nNamespace: blog Gitea репозиторий Docker образ Hugo Builder Traefik IngressRoute cert-manager Отдельное:\nDeployments Services PersistentVolumes SSL сертификаты Домены Что дальше # Два окружения работают. Можно писать статьи, проверять на dev, публиковать в production.\nНо есть проблема: я долго работал в двух папках - ~/projects/blog (main) и ~/projects/blog-dev (dev). Это создавало конфликты при merge, рассинхронизацию веток и головную боль.\nВ следующей части расскажу как я от этого избавился и почему одна папка с переключением веток лучше чем две отдельные папки.\nСтек этой части:\nHugo Builder Dev (та же версия Hugo) Nginx Dev (одна реплика) Traefik Basic Auth Middleware cert-manager (отдельный сертификат) NFS (отдельный volume) ","date":"15 января 2026","externalUrl":null,"permalink":"/posts/blog-part-3-dev-environment/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 3 - development окружение","type":"posts"},{"content":"","date":"8 января 2026","externalUrl":null,"permalink":"/tags/cert-manager/","section":"Теги","summary":"","title":"Cert-Manager","type":"tags"},{"content":"","date":"8 января 2026","externalUrl":null,"permalink":"/tags/nfs/","section":"Теги","summary":"","title":"Nfs","type":"tags"},{"content":"В первой части мы запустили Hugo локально. Сайт работает пока открыт терминал. Закрыл терминал - сайт умер.\nПора переносить это в K3s.\nАрхитектура деплоя # Git Push ↓ Gitea (внутренний) ↓ webhook POST Hugo Builder ├→ git clone + submodule ├→ hugo --minify └→ output → NFS ↓ /export/blog-public/ ↓ Nginx (x2 реплики) ↓ Traefik Ingress ↓ your-blog.ru (SSL) Пять компонентов:\nNFS - хранилище для статики (OpenMediaVault) Hugo Builder - пересобирает сайт при каждом пуше Nginx - раздаёт статику с NFS cert-manager - автоматический SSL от Let\u0026rsquo;s Encrypt Traefik IngressRoute - маршрутизация с SSL терминацией Шаг 1: NFS хранилище # Hugo собирает статику в HTML/CSS/JS файлы. Nginx раздаёт эти файлы. Значит нужно общее хранилище куда Hugo пишет, а Nginx читает.\nNFS - самый простой вариант для homelab. У меня OpenMediaVault на отдельной машине.\nСоздаём директории на NAS # # Подключаемся к NAS (SSH на нестандартном порту для безопасности) ssh -p 33322 nasadmin@192.168.11.30 # Создаём папки для production и development окружений sudo mkdir -p /srv/storage/blog/blog-public sudo mkdir -p /srv/storage/blog/blog-public-dev # Выдаём права на запись (контейнеры пишут от root) sudo chmod -R 775 /srv/storage/blog/ Почему SSH на порту 33322? Стандартный порт 22 - первая цель сканеров и ботов. Нестандартный порт снижает шум в логах и количество brute-force попыток до нуля. Безопасность через скрытность работает для домашних серверов.\nНастраиваем NFS через OMV Web UI # Storage → Shared Folders → Create:\nName: blog-public Device: основной диск Path: /blog/blog-public Services → NFS → Shares → Create:\nShared folder: blog-public Client: 192.168.11.0/24 Privilege: Read/Write Extra options: rw,sync,no_subtree_check,no_root_squash То же для blog-public-dev.\nКритично: no_root_squash - без этого контейнеры не смогут записывать файлы (они пишут от root внутри контейнера).\nПроверяем экспорт # # Заходим на NAS ssh -p 33322 nasadmin@192.168.11.30 # Проверяем что NFS экспортирует наши шары sudo exportfs -v | grep blog # Ожидаемый вывод - две строки с настройками экспорта: # /export/blog-public 192.168.11.0/24(rw,sync,no_root_squash,...) # /export/blog-public-dev 192.168.11.0/24(rw,sync,no_root_squash,...) Шаг 2: PersistentVolumes в K3s # K3s нужно сказать где лежат NFS шары. Создаём манифест с PersistentVolume ресурсами.\nФайл: 02-pv.yaml\n--- apiVersion: v1 kind: PersistentVolume metadata: name: blog-public-pv spec: capacity: storage: 5Gi accessModes: - ReadWriteMany nfs: server: 192.168.11.30 # IP вашего NAS path: /export/blog-public mountOptions: - nfsvers=3 - hard --- apiVersion: v1 kind: PersistentVolume metadata: name: blog-public-dev-pv spec: capacity: storage: 5Gi accessModes: - ReadWriteMany nfs: server: 192.168.11.30 path: /export/blog-public-dev mountOptions: - nfsvers=3 - hard Почему NFSv3, а не NFSv4? Потому что NFSv4.2 в K3s не работал - поды виснут в ContainerCreating с ошибкой mount.nfs: No such file or directory. NFSv3 работает стабильно. Не надо усложнять то что работает.\n# Применяем манифест kubectl apply -f 02-pv.yaml # Проверяем что PV создались и привязались kubectl get pv | grep blog # blog-public-pv 5Gi RWX Bound blog/blog-public-pvc Шаг 3: Hugo Builder # Нужен контейнер который слушает webhook от Gitea, клонирует репозиторий и собирает Hugo.\nЗачем нужен Hugo Builder? # Проблема: Hugo генерирует статику командой hugo. Где её запускать? На локальной машине? Тогда нужно вручную заливать файлы на сервер после каждого изменения. Неудобно и ломает автоматизацию.\nРешение: Контейнер который живёт в K3s, слушает webhook от Gitea и автоматически пересобирает сайт при каждом git push.\nDockerfile # FROM alpine:3.19 # Устанавливаем всё что нужно Hugo и Git RUN apk add --no-cache \\ git nodejs npm bash curl wget \\ libc6-compat libstdc++ ca-certificates # Скачиваем Hugo Extended v0.155.3 WORKDIR /tmp RUN wget https://github.com/gohugoio/hugo/releases/download/v0.155.3/hugo_extended_0.155.3_linux-amd64.tar.gz \u0026amp;\u0026amp; \\ tar -xzf hugo_extended_0.155.3_linux-amd64.tar.gz \u0026amp;\u0026amp; \\ cp hugo /usr/bin/hugo \u0026amp;\u0026amp; \\ chmod +x /usr/bin/hugo \u0026amp;\u0026amp; \\ rm -rf /tmp/* WORKDIR /workspace # Копируем скрипты COPY webhook-listener.sh /usr/local/bin/ COPY build.sh /usr/local/bin/ RUN chmod +x /usr/local/bin/*.sh EXPOSE 8080 CMD [\u0026#34;/usr/local/bin/webhook-listener.sh\u0026#34;] build.sh - скрипт сборки Hugo # Зачем: Отдельный скрипт сборки нужен чтобы его можно было запускать не только из webhook listener, но и вручную для тестирования. Один скрипт - одна ответственность.\n#!/bin/bash set -e # Остановиться при первой ошибке export GIT_TERMINAL_PROMPT=0 # Не запрашивать пароли интерактивно REPO_URL=\u0026#34;https://git.example.com/user/blog.git\u0026#34; # URL вашего Gitea репозитория BRANCH=\u0026#34;${BRANCH:-main}\u0026#34; # Ветка (передаётся через env) OUTPUT_DIR=\u0026#34;/mnt/blog-public\u0026#34; # Куда складывать собранную статику (NFS) WORK_DIR=\u0026#34;/tmp/build\u0026#34; # Временная папка для клонирования # Чистим рабочую директорию от прошлой сборки rm -rf ${WORK_DIR} mkdir -p ${WORK_DIR} # Клонируем репозиторий (только нужную ветку, без истории) cd ${WORK_DIR} git clone --branch ${BRANCH} --depth 1 ${REPO_URL} site 2\u0026gt;\u0026amp;1 cd site # Подтягиваем тему Blowfish как Git submodule git submodule update --init --recursive --depth 1 2\u0026gt;\u0026amp;1 # Собираем сайт (минифицируем CSS/JS/HTML) hugo --minify --destination ${OUTPUT_DIR} 2\u0026gt;\u0026amp;1 # Проверяем что сборка прошла успешно if [ -f \u0026#34;${OUTPUT_DIR}/index.html\u0026#34; ]; then echo \u0026#34;Build successful!\u0026#34; else echo \u0026#34;Build failed - index.html not found\u0026#34; exit 1 fi # Убираем за собой rm -rf ${WORK_DIR} webhook-listener.sh - слушатель webhook # Зачем: Gitea отправляет HTTP POST запрос при каждом git push. Нужен простой HTTP сервер который принимает этот запрос и запускает сборку. netcat - самый простой способ поднять HTTP listener без зависимостей.\n#!/bin/bash set -e echo \u0026#34;Starting webhook listener on port 8080...\u0026#34; while true; do # Принимаем HTTP запрос через netcat и сразу отвечаем 200 OK echo -e \u0026#34;HTTP/1.1 200 OK\\r\\n\\r\\nWebhook received\u0026#34; | nc -l -p 8080 # Запускаем сборку синхронно (чтобы видеть логи в kubectl logs) echo \u0026#34;$(date): Webhook triggered, starting build...\u0026#34; /usr/local/bin/build.sh echo \u0026#34;$(date): Build completed, waiting for next webhook...\u0026#34; done Сборка и деплой образа # # Собираем Docker образ docker build -t hugo-builder:latest . # Сохраняем в tar файл docker save hugo-builder:latest -o /tmp/hugo-builder.tar # Копируем на все K3s worker ноды for ip in 210 211; do scp /tmp/hugo-builder.tar k3s@192.168.11.$ip:/tmp/ # Импортируем образ в containerd K3s ssh k3s@192.168.11.$ip \u0026#34;sudo k3s ctr images import /tmp/hugo-builder.tar \u0026amp;\u0026amp; rm /tmp/hugo-builder.tar\u0026#34; done Deployment и Service # --- apiVersion: apps/v1 kind: Deployment metadata: name: hugo-builder-prod namespace: blog spec: replicas: 1 selector: matchLabels: app: hugo-builder-prod template: metadata: labels: app: hugo-builder-prod spec: containers: - name: hugo-builder image: hugo-builder:latest imagePullPolicy: Never # Образ локальный, не тянуть из registry env: - name: BRANCH value: \u0026#34;main\u0026#34; # Для prod используем main ветку volumeMounts: - name: public mountPath: /mnt/blog-public # NFS хранилище resources: requests: cpu: 200m memory: 256Mi limits: cpu: 500m memory: 512Mi volumes: - name: public persistentVolumeClaim: claimName: blog-public-pvc --- apiVersion: v1 kind: Service metadata: name: hugo-builder-prod namespace: blog spec: selector: app: hugo-builder-prod ports: - port: 8080 targetPort: 8080 name: webhook # Применяем манифест kubectl apply -f 01-hugo-builder-prod.yaml # Проверяем что под запустился kubectl get pods -n blog | grep hugo-builder # Смотрим логи - должна быть строка \u0026#34;Starting webhook listener\u0026#34; kubectl logs -n blog deployment/hugo-builder-prod Шаг 4: Nginx с Prometheus exporter # Nginx раздаёт статику с того же NFS где Hugo её собрал. Две реплики для минимальной доступности при обновлениях.\nБонус: sidecar контейнер с nginx-prometheus-exporter для мониторинга через Grafana.\n--- apiVersion: apps/v1 kind: Deployment metadata: name: nginx namespace: blog spec: replicas: 2 # Две реплики для доступности selector: matchLabels: app: nginx template: metadata: labels: app: nginx spec: containers: # Основной контейнер - Nginx - name: nginx image: nginx:1.25-alpine ports: - containerPort: 80 volumeMounts: - name: html mountPath: /usr/share/nginx/html readOnly: true # Nginx только читает, не пишет - name: config mountPath: /etc/nginx/nginx.conf subPath: nginx.conf resources: requests: cpu: 50m memory: 64Mi # Sidecar - экспортер метрик для Prometheus - name: nginx-exporter image: nginx/nginx-prometheus-exporter:1.1.0 args: - -nginx.scrape-uri=http://localhost/nginx_status ports: - containerPort: 9113 name: metrics resources: requests: cpu: 10m memory: 16Mi volumes: - name: html persistentVolumeClaim: claimName: blog-public-pvc # NFS хранилище - name: config configMap: name: nginx-config --- apiVersion: v1 kind: Service metadata: name: nginx namespace: blog spec: selector: app: nginx ports: - port: 80 targetPort: 80 name: http - port: 9113 targetPort: 9113 name: metrics # Для Prometheus Шаг 5: SSL сертификаты # cert-manager автоматически получает сертификаты от Let\u0026rsquo;s Encrypt через HTTP-01 challenge.\nВажно: Сначала настрой A-запись у DNS провайдера:\nyour-blog.ru A 77.37.XXX.XXX (ваш внешний IP) www.your-blog.ru A 77.37.XXX.XXX Без этого Let\u0026rsquo;s Encrypt не сможет проверить что домен принадлежит вам.\napiVersion: cert-manager.io/v1 kind: Certificate metadata: name: blog-tls namespace: blog spec: secretName: blog-tls issuerRef: name: letsencrypt-prod kind: ClusterIssuer dnsNames: - your-blog.ru - www.your-blog.ru # Применяем манифест kubectl apply -f 04-certificate.yaml # Ждём 30-60 секунд пока cert-manager получит сертификат kubectl get certificate -n blog # Должно быть READY=True # NAME READY SECRET AGE # blog-tls True blog-tls 45s Шаг 6: IngressRoute через Traefik # Traefik маршрутизирует трафик на Nginx и делает SSL терминацию.\n--- # HTTP → HTTPS редирект (опционально) apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-http namespace: blog spec: entryPoints: - web # Порт 80 routes: - match: Host(`your-blog.ru`) || Host(`www.your-blog.ru`) kind: Rule services: - name: nginx port: 80 --- # HTTPS с SSL apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-https namespace: blog spec: entryPoints: - websecure # Порт 443 routes: - match: Host(`your-blog.ru`) || Host(`www.your-blog.ru`) kind: Rule services: - name: nginx port: 80 tls: secretName: blog-tls # Сертификат от cert-manager # Применяем манифест kubectl apply -f 05-ingressroute.yaml # Проверяем что сайт доступен curl -I https://your-blog.ru # HTTP/2 200 Шаг 7: Webhook в Gitea # Последний шаг - связать Gitea с Hugo Builder.\nGitea → ваш репозиторий → Settings → Webhooks → Add Webhook → Gitea\nURL: http://hugo-builder-prod.blog.svc.cluster.local:8080 HTTP Method: POST Content Type: application/json Trigger On: Push events Branch filter: main Нажимаем \u0026ldquo;Test Delivery\u0026rdquo; - должен вернуть 200 OK.\nПроверяем логи Hugo Builder:\n# Следим за логами в реальном времени kubectl logs -n blog deployment/hugo-builder-prod -f # Должно появиться: # Webhook triggered, starting build... # Cloning repository... # Initializing submodules... # Building Hugo site... # Build successful! Проверка работы # # Меняем статью cd ~/hugo-projects/blog git checkout main echo \u0026#34;## Тестовая правка\u0026#34; \u0026gt;\u0026gt; content/posts/hello-world/index.md # Коммитим и пушим git add . git commit -m \u0026#34;test: проверка автосборки\u0026#34; git push origin main # Следим за логами Hugo Builder kubectl logs -n blog deployment/hugo-builder-prod -f # Через 5-7 секунд сборка завершится # Проверяем что изменение попало на сайт curl -s https://your-blog.ru/posts/hello-world/ | grep \u0026#34;Тестовая правка\u0026#34; Если видите \u0026ldquo;Тестовая правка\u0026rdquo; - всё работает. Каждый git push автоматически обновляет сайт.\nЧто дальше # Production окружение развёрнуто. Но пока только для ветки main.\nВ следующей части добавим development окружение с отдельным Hugo Builder, Nginx и защитой через Basic Auth. Два независимых пайплайна в одном namespace.\nСтек этой части:\nK3s 1.30 NFS на OpenMediaVault Hugo Builder (Alpine + Hugo v0.155.3) Nginx 1.25 + Prometheus exporter cert-manager + Let\u0026rsquo;s Encrypt Traefik IngressRoute ","date":"8 января 2026","externalUrl":null,"permalink":"/posts/blog-part-2-k8s-deployment/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 2 - деплой в кластер","type":"posts"},{"content":"","date":"3 января 2026","externalUrl":null,"permalink":"/tags/blowfish/","section":"Теги","summary":"","title":"Blowfish","type":"tags"},{"content":"Предыдущий блог жил на Jekyll. Жил - громко сказано. Скорее существовал, периодически ломаясь при обновлениях и требуя ритуальных танцев с Ruby каждый раз когда я садился за новую статью.\nОднажды я решил что хватит.\nПочему не Jekyll # Jekyll - зрелый инструмент с большим сообществом. Но у него есть фундаментальная проблема: он написан на Ruby.\nЗвучит невинно. На практике это означает:\nВерсионный ад. Ruby, Bundler, Gems - у каждого своя версия, и они регулярно конфликтуют друг с другом. Клонируешь репозиторий на новую машину - час уходит на то чтобы собрать рабочее окружение. Обновляешь Jekyll - ломаются плагины. Обновляешь плагины - ломается что-то ещё.\nЗависимости ради зависимостей. Простой блог тянет 1000+ gems, половина из которых устаревшая или находится в состоянии \u0026ldquo;поддерживается постольку-поскольку\u0026rdquo;. Каждый bundle install - это лотерея.\nЛишний мусор. Jekyll генерирует страницы без ссылок, которые непонятно зачем существуют. Приходится явно прописывать что не генерировать.\nHugo решает все эти проблемы радикально: это один бинарник на Go. Никаких зависимостей, никаких конфликтов версий, никакого bundle install. Скачал - работает. На любой машине, всегда.\nБинарник весит ~50MB. Собирает сайт из 40+ страниц за полторы секунды. Jekyll на том же контенте думал заметно дольше.\nПочему Blowfish # Все просто: понравилась.\nСмотрел темы несколько часов. Blowfish выглядела именно так как я хотел - чисто, без лишнего, с хорошей типографикой. Взял её.\nСтавится как Git submodule - обновляется одной командой, не засоряет репозиторий.\nАрхитектура: два окружения # У любого нормального инфраструктурного проекта есть тестовый и production контур. Блог - не исключение: обновления Hugo, изменения темы, новые статьи - всё это нужно проверять до того как это увидят читатели.\n┌────────────────────────────────────┐ │ Gitea (внутренний) │ │ репозиторий: blog │ │ │ │ ветка: main ветка: dev │ └───────┬────────────────────┬───────┘ │ │ ▼ ▼ ┌───────────────┐ ┌───────────────┐ │ hugo-builder │ │ hugo-builder │ │ prod │ │ dev │ └───────┬───────┘ └───────┬───────┘ │ │ ▼ ▼ ┌───────────────┐ ┌───────────────┐ │ nginx │ │ nginx-dev │ │ blog.ru │ │ dev.blog.ru │ │ (публичный) │ │ (Basic Auth) │ └───────────────┘ └───────────────┘ Production (blog.ru) - публичный. Ветка main.\nDevelopment (dev.blog.ru) - тестовый контур. Ветка dev. Закрыт Basic Auth через Traefik Middleware - без логина и пароля не войти.\nОба окружения в одном K3s namespace. Один репозиторий, две ветки, два независимых пайплайна.\nШаг 1: Создаём Hugo проект # # Создаём новый Hugo сайт cd ~/projects hugo new site blog cd blog # Инициализируем Git репозиторий git init git remote add origin https://git.example.com/user/blog.git # Добавляем тему Blowfish как Git submodule git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish # Подтягиваем файлы submodule git submodule update --init --recursive # Удаляем дефолтный конфиг Hugo rm -f hugo.toml # Создаём структуру для конфигов mkdir -p config/_default # Копируем примеры конфигов из темы cp themes/blowfish/config/_default/*.toml config/_default/ Структура после инициализации:\nblog/ ├── content/ ← статьи в Markdown ├── static/ ← изображения, favicon ├── themes/ │ └── blowfish/ ← тема (Git submodule) └── config/ └── _default/ ├── hugo.toml ├── languages.ru.toml ├── menus.ru.toml ├── markup.toml └── params.toml Шаг 2: Минимальная конфигурация # hugo.toml # baseURL = \u0026#34;https://blog.ru/\u0026#34; theme = \u0026#34;blowfish\u0026#34; defaultContentLanguage = \u0026#34;ru\u0026#34; languages.ru.toml # # Переименовываем файл языка для русского mv config/_default/languages.en.toml config/_default/languages.ru.toml languageCode = \u0026#34;ru\u0026#34; languageName = \u0026#34;Русский\u0026#34; weight = 1 title = \u0026#34;Мой Блог\u0026#34; [params] displayName = \u0026#34;RU\u0026#34; isoCode = \u0026#34;ru\u0026#34; rtl = false dateFormat = \u0026#34;2 January 2006\u0026#34; [params.author] name = \u0026#34;Ваше Имя\u0026#34; headline = \u0026#34;DevOps Engineer | Kubernetes | Homelab\u0026#34; menus.ru.toml # # Переименовываем файл меню mv config/_default/menus.en.toml config/_default/menus.ru.toml [[main]] name = \u0026#34;Блог\u0026#34; pageRef = \u0026#34;posts\u0026#34; weight = 10 [[main]] name = \u0026#34;О сайте\u0026#34; pageRef = \u0026#34;about\u0026#34; weight = 20 Шаг 3: Первая статья # # Создаём новую статью hugo new content posts/hello-world/index.md --- title: \u0026#34;Hello World\u0026#34; date: 2026-02-13 draft: false description: \u0026#34;Первый пост на новом сайте\u0026#34; tags: [\u0026#34;test\u0026#34;] categories: [\u0026#34;Веб-разработка\u0026#34;] --- Это первый пост на blog.ru. Шаг 4: Проверяем локально # # Запускаем локальный сервер Hugo # -D: показывать черновики (draft: true) # --bind 0.0.0.0: доступен с любого IP в локальной сети hugo server -D --bind 0.0.0.0 Открываем http://192.168.11.10:1313/ (ваш IP) - сайт с Blowfish темой и первой статьёй.\nHugo автоматически пересобирает сайт при сохранении файлов - изменения видны сразу после обновления страницы в браузере.\nШаг 5: Пушим в Gitea # # Добавляем все файлы в Git git add . # Создаём первый коммит git commit -m \u0026#34;Initial commit: Hugo + Blowfish v2.98.0\u0026#34; # Переименовываем ветку в main (если по умолчанию master) git branch -M main # Пушим в Gitea git push -u origin main # Создаём ветку dev для development окружения git checkout -b dev git push -u origin dev # Возвращаемся на main git checkout main Workflow: как я пишу статьи # Пишу (ветка dev):\n# Переходим в папку проекта cd ~/projects/blog # Переключаемся на ветку dev git checkout dev # Запускаем локальный предпросмотр hugo server -D --bind 0.0.0.0 # Создаём новую статью hugo new content posts/название-статьи/index.md # Редактируем в любом редакторе, сохраняем, смотрим в браузере # Когда готово - коммитим git add . git commit -m \u0026#34;feat: новая статья про X\u0026#34; # Пушим в dev ветку git push origin dev # → webhook срабатывает → автосборка → dev.blog.ru Проверяю:\nОткрываю https://dev.blog.ru (вводя логин/пароль Basic Auth) - вижу статью как её увидят читатели.\nПубликую:\n# Переключаемся на main git checkout main # Мержим изменения из dev git merge dev # Пушим в production git push origin main # → webhook срабатывает → автосборка → blog.ru Золотое правило: все изменения только через ветку dev. В main - только через merge. Никогда не редактировать файлы находясь на main.\nПочему это важно - расскажу отдельно, когда дойдём до того как я нарушил это правило и что из этого вышло.\nЧто дальше # Локально всё работает. Но hugo server умрёт как только закрою терминал.\nНужно развернуть это в K3s: Hugo Builder который пересобирает сайт при каждом пуше, Nginx который раздаёт статику, SSL сертификаты, NFS хранилище. Об этом - в следующей части.\nСтек этой части:\nHugo v0.155.3 extended Blowfish v2.98.0 Gitea (внутренний) Рабочая станция: Debian/Ubuntu ","date":"3 января 2026","externalUrl":null,"permalink":"/posts/blog-part-1-architecture/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 1 - архитектура и первый запуск","type":"posts"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/etcd/","section":"Теги","summary":"","title":"Etcd","type":"tags"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/ha/","section":"Теги","summary":"","title":"Ha","type":"tags"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/categories/homelab/","section":"Категории","summary":"","title":"Homelab","type":"categories"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/installation/","section":"Теги","summary":"","title":"Installation","type":"tags"},{"content":"Инфраструктура готова: 5 VM работают, ОС настроена, порты открыты. Пора устанавливать K3s. Один curl-скрипт на каждую ноду - и через 15 минут у вас работающий HA-кластер.\nЗвучит слишком просто? Потому что сложная часть уже позади - в предыдущих статьях. Теперь осталось не перепутать флаги и порядок установки.\nРезультат: 5 нод в статусе Ready, etcd кластер 3/3 healthy, kubectl работает с локальной машины.\nДля кого это # Подходит:\nПрошёл статьи 1 и 2 (или имеешь готовые VM с настроенной ОС) Все 5 нод доступны по SSH Понимаешь разницу между master и worker Не подходит:\nVM ещё не созданы → статья 2 Не понимаешь зачем 3 master ноды → статья 1 Что понадобится # Компонент Значение K3s версия v1.31.4+k3s1 (или актуальная stable) Token Сгенерируем на первом шаге SSH доступ Ко всем 5 нодам Время ~15-20 минут Шаг 1: Сгенерировать token # Token - общий секрет для всех нод кластера. Без правильного token нода не присоединится.\nНа локальной машине:\n# Сгенерировать случайный token openssl rand -base64 32 Пример вывода:\nK10f8c9a7b6e5d4c3b2a1f0e9d8c7b6a5e4d3c2b1a0f9e8d7c6b5a4== Сохрани этот token - он понадобится для каждой ноды. Положи в менеджер паролей или временный файл.\n# Для удобства - сохранить в переменную (на время сессии) export K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; echo $K3S_TOKEN Шаг 2: Установить K3s на первую master ноду # Первая нода инициализирует etcd кластер. Она особенная - использует флаг --cluster-init.\nSSH на k3s-master-1:\nssh k3s@192.168.11.201 Установка:\n# Задать переменные export K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; # Установить K3s curl -sfL https://get.k3s.io | sh -s - server \\ --cluster-init \\ --tls-san=192.168.11.201 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Разбор флагов:\nФлаг Зачем server Режим control plane (не agent) --cluster-init Ключевой! Инициализирует etcd. Только на первой ноде --tls-san=192.168.11.201 Добавить IP в сертификат API server --disable=traefik Отключить встроенный Traefik (установим свой через Helm) --disable=servicelb Отключить встроенный LB (установим MetalLB) --write-kubeconfig-mode=644 Разрешить чтение kubeconfig без sudo Установка займёт 1-2 минуты. K3s скачает бинарник (~50MB) и запустит все компоненты.\nПроверка # # 1. Статус сервиса sudo systemctl status k3s Ожидаемый результат:\n● k3s.service - Lightweight Kubernetes Loaded: loaded Active: active (running) since ... # 2. Статус ноды sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 45s v1.31.4+k3s1 Checkpoint: Первая master работает # # Быстрая проверка sudo systemctl is-active k3s \u0026amp;\u0026amp; \\ sudo k3s kubectl get nodes | grep -q \u0026#34;Ready\u0026#34; \u0026amp;\u0026amp; \\ echo \u0026#34;✓ Master-1 готов\u0026#34; || echo \u0026#34;✗ Проблема\u0026#34; Если статус NotReady или сервис не запустился:\n# Смотреть логи sudo journalctl -u k3s -f --no-pager | tail -50 Ошибка в логах Причина Решение cgroup v1 is not supported Нужен cgroup v2 Вернись к статье 2, шаг 6.5 port 6443 already in use Что-то занимает порт sudo ss -tlnp | grep 6443 etcd failed to start Мало места на диске df -h, увеличь диск Шаг 3: Добавить вторую master ноду # Теперь присоединяем вторую master. Она подключается к существующему кластеру - без --cluster-init.\nSSH на k3s-master-2:\nssh k3s@192.168.11.202 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - server \\ --server=https://192.168.11.201:6443 \\ --tls-san=192.168.11.202 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Ключевое отличие:\n❌ Нет --cluster-init - кластер уже инициализирован ✅ Есть --server=https://192.168.11.201:6443 - адрес существующего кластера Проверка # # На master-2 sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 3m v1.31.4+k3s1 k3s-master-2 Ready control-plane,etcd,master 30s v1.31.4+k3s1 Две ноды - но кворума ещё нет. etcd требует большинство, а 2 из 3 - это ещё не \u0026ldquo;большинство от трёх\u0026rdquo;.\nШаг 4: Добавить третью master ноду # SSH на k3s-master-3:\nssh k3s@192.168.11.203 Установка (аналогично master-2):\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - server \\ --server=https://192.168.11.201:6443 \\ --tls-san=192.168.11.203 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Checkpoint: Control Plane HA готов # На любой master ноде:\n# 1. Все 3 master ноды Ready sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 5m v1.31.4+k3s1 k3s-master-2 Ready control-plane,etcd,master 3m v1.31.4+k3s1 k3s-master-3 Ready control-plane,etcd,master 1m v1.31.4+k3s1 # 2. etcd кластер здоров sudo k3s kubectl exec -n kube-system \\ $(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster Ожидаемый результат:\nhttps://192.168.11.201:2379 is healthy: successfully committed proposal: took = 2.1ms https://192.168.11.202:2379 is healthy: successfully committed proposal: took = 1.8ms https://192.168.11.203:2379 is healthy: successfully committed proposal: took = 2.3ms Теперь у вас настоящий HA. Можете остановить любую master ноду - кластер продолжит работать.\nТест отказоустойчивости (опционально) # Хотите убедиться, что HA работает? Проверьте:\n# С локальной машины - остановить master-2 ssh k3s@192.168.11.202 \u0026#34;sudo systemctl stop k3s\u0026#34; # Подождать 30-40 секунд, затем на master-1: ssh k3s@192.168.11.201 \u0026#34;sudo k3s kubectl get nodes\u0026#34; # master-2 станет NotReady, но кластер работает # Проверить etcd - 2/3 кворум есть ssh k3s@192.168.11.201 \u0026#34;sudo k3s kubectl exec -n kube-system \\ \\$(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster\u0026#34; # 2 из 3 healthy - кворум есть # Вернуть master-2 ssh k3s@192.168.11.202 \u0026#34;sudo systemctl start k3s\u0026#34; Шаг 5: Добавить worker ноды # Worker ноды устанавливаются как agent - они не участвуют в etcd и не запускают control plane.\n5.1. Установить K3s agent на worker-1 # SSH на k3s-worker-1:\nssh k3s@192.168.11.210 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - agent \\ --server=https://192.168.11.201:6443 Отличия от master:\nagent вместо server - режим worker Нет флагов --disable и --tls-san - они не нужны для worker Только --server - куда подключаться 5.2. Установить K3s agent на worker-2 # SSH на k3s-worker-2:\nssh k3s@192.168.11.211 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - agent \\ --server=https://192.168.11.201:6443 Checkpoint: Все ноды в кластере # На любой master ноде:\nsudo k3s kubectl get nodes -o wide Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION INTERNAL-IP k3s-master-1 Ready control-plane,etcd,master 10m v1.31.4+k3s1 192.168.11.201 k3s-master-2 Ready control-plane,etcd,master 8m v1.31.4+k3s1 192.168.11.202 k3s-master-3 Ready control-plane,etcd,master 6m v1.31.4+k3s1 192.168.11.203 k3s-worker-1 Ready \u0026lt;none\u0026gt; 2m v1.31.4+k3s1 192.168.11.210 k3s-worker-2 Ready \u0026lt;none\u0026gt; 1m v1.31.4+k3s1 192.168.11.211 Обрати внимание:\nMaster: роли control-plane,etcd,master Worker: роли \u0026lt;none\u0026gt; - только выполнение workloads Шаг 6: Настроить kubectl на локальной машине # Сейчас kubectl работает только на master нодах через sudo k3s kubectl. Настроим доступ с вашей рабочей машины.\n6.1. Скопировать kubeconfig # На локальной машине (не на ноде):\n# 1. Создать директорию mkdir -p ~/.kube # 2. Скопировать конфиг с master-1 scp k3s@192.168.11.201:/etc/rancher/k3s/k3s.yaml ~/.kube/config # 3. Заменить localhost на реальный IP sed -i \u0026#39;s/127.0.0.1/192.168.11.201/g\u0026#39; ~/.kube/config # Для macOS: # sed -i \u0026#39;\u0026#39; \u0026#39;s/127.0.0.1/192.168.11.201/g\u0026#39; ~/.kube/config # 4. Права доступа chmod 600 ~/.kube/config 6.2. Установить kubectl (если нет) # Linux:\ncurl -LO \u0026#34;https://dl.k8s.io/release/$(curl -L -s https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl\u0026#34; sudo install -o root -g root -m 0755 kubectl /usr/local/bin/kubectl rm kubectl macOS:\nbrew install kubectl 6.3. Проверить подключение # # Версия kubectl version # Ноды kubectl get nodes # Все поды kubectl get pods -A Ожидаемый результат kubectl get pods -A:\nNAMESPACE NAME READY STATUS RESTARTS AGE kube-system coredns-xxx 1/1 Running 0 10m kube-system local-path-provisioner-xxx 1/1 Running 0 10m kube-system metrics-server-xxx 1/1 Running 0 10m Если kubectl не подключается:\nСимптом Причина Решение connection refused k3s не запущен ssh k3s@192.168.11.201 \u0026quot;sudo systemctl status k3s\u0026quot; connection timeout Firewall блокирует Проверь UFW на master: sudo ufw status | grep 6443 certificate signed by unknown authority Неправильный kubeconfig Скопируй заново с master ноды 6.4. Настроить автодополнение (опционально) # # Bash echo \u0026#39;source \u0026lt;(kubectl completion bash)\u0026#39; \u0026gt;\u0026gt; ~/.bashrc echo \u0026#39;alias k=kubectl\u0026#39; \u0026gt;\u0026gt; ~/.bashrc echo \u0026#39;complete -o default -F __start_kubectl k\u0026#39; \u0026gt;\u0026gt; ~/.bashrc source ~/.bashrc # Zsh echo \u0026#39;source \u0026lt;(kubectl completion zsh)\u0026#39; \u0026gt;\u0026gt; ~/.zshrc source ~/.zshrc Теперь работает k get nodes и Tab-автодополнение.\nФинальная проверка # Полный чеклист работоспособности кластера:\necho \u0026#34;=== Проверка K3s HA кластера ===\u0026#34; echo -n \u0026#34;1. Все ноды Ready: \u0026#34; [ $(kubectl get nodes --no-headers | grep -c \u0026#34;Ready\u0026#34;) -eq 5 ] \u0026amp;\u0026amp; echo \u0026#34;✓ (5/5)\u0026#34; || echo \u0026#34;✗\u0026#34; echo -n \u0026#34;2. Master ноды: \u0026#34; kubectl get nodes --no-headers | grep -c \u0026#34;control-plane\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/3)\u0026#34; echo -n \u0026#34;3. Worker ноды: \u0026#34; kubectl get nodes --no-headers | grep -c \u0026#34;\u0026lt;none\u0026gt;\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/2)\u0026#34; echo -n \u0026#34;4. etcd healthy: \u0026#34; kubectl exec -n kube-system \\ $(kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster 2\u0026gt;/dev/null | grep -c \u0026#34;is healthy\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/3)\u0026#34; echo -n \u0026#34;5. CoreDNS Running: \u0026#34; kubectl get pods -n kube-system -l k8s-app=kube-dns --no-headers | grep -q \u0026#34;Running\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗\u0026#34; echo -n \u0026#34;6. Metrics Server Running: \u0026#34; kubectl get pods -n kube-system -l k8s-app=metrics-server --no-headers | grep -q \u0026#34;Running\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗\u0026#34; echo \u0026#34;\u0026#34; echo \u0026#34;=== Информация о кластере ===\u0026#34; kubectl cluster-info Ожидаемый результат:\n=== Проверка K3s HA кластера === 1. Все ноды Ready: ✓ (5/5) 2. Master ноды: ✓ (3/3) 3. Worker ноды: ✓ (2/2) 4. etcd healthy: ✓ (3/3) 5. CoreDNS Running: ✓ 6. Metrics Server Running: ✓ === Информация о кластере === Kubernetes control plane is running at https://192.168.11.201:6443 CoreDNS is running at https://192.168.11.201:6443/api/v1/namespaces/kube-system/services/kube-dns:dns/proxy Metrics-server is running at https://192.168.11.201:6443/api/v1/namespaces/kube-system/services/https:metrics-server:https/proxy Тестовый деплой # Убедимся, что кластер может запускать приложения:\n# 1. Создать тестовый под kubectl run nginx-test --image=nginx:alpine --port=80 # 2. Подождать запуска kubectl wait --for=condition=Ready pod/nginx-test --timeout=60s # 3. Проверить на какой ноде запустился kubectl get pod nginx-test -o wide Ожидаемый результат:\nNAME READY STATUS RESTARTS AGE IP NODE nginx-test 1/1 Running 0 30s 10.42.1.5 k3s-worker-1 Под запустился на worker ноде - как и должно быть.\n# 4. Проверить доступность изнутри кластера kubectl run -it --rm debug --image=busybox --restart=Never -- wget -qO- nginx-test Ожидаемый результат: HTML-страница nginx.\n# 5. Удалить тестовые ресурсы kubectl delete pod nginx-test Troubleshooting # Нода не присоединяется к кластеру # Симптом: После установки нода не появляется в kubectl get nodes.\nПричина Диагностика Решение Неправильный token Логи: sudo journalctl -u k3s-agent -f Проверь token, переустанови Firewall блокирует curl -k https://192.168.11.201:6443 Открой порт 6443 на masters DNS не резолвит ping k3s-master-1 Проверь /etc/hosts или DNS etcd не формирует кворум # Симптом: etcdctl endpoint health показывает unhealthy.\n# Проверить членов etcd sudo k3s kubectl exec -n kube-system \\ $(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl member list --write-out=table Причина Диагностика Решение Порты 2379-2380 закрыты sudo ufw status sudo ufw allow 2379:2380/tcp Нода недоступна по сети ping 192.168.11.20X Проверь сеть, UFW etcd ещё стартует uptime на ноде Подожди 2-3 минуты Поды не запускаются на workers # Симптом: Все поды на master нодах, workers пустые.\n# Проверить taints kubectl describe node k3s-worker-1 | grep Taints Если есть taints - убрать:\nkubectl taint nodes k3s-worker-1 node.kubernetes.io/not-ready:NoSchedule- Откат: удаление K3s # Если нужно начать заново:\nНа master ноде:\nsudo /usr/local/bin/k3s-uninstall.sh На worker ноде:\nsudo /usr/local/bin/k3s-agent-uninstall.sh Что удаляется:\nБинарники K3s Systemd сервисы Данные из /var/lib/rancher/k3s/ etcd данные (на masters) Контейнеры и образы ⚠️ Внимание: etcd снапшоты тоже удаляются. Если нужен бэкап:\n# Перед удалением - сохранить снапшоты sudo cp -r /var/lib/rancher/k3s/server/db/snapshots/ ~/k3s-backup/ Итог # Что сделано:\n✅ Сгенерирован token для кластера ✅ Установлен K3s на 3 master ноды с embedded etcd ✅ Добавлены 2 worker ноды ✅ Настроен kubectl на локальной машине ✅ Проверена работоспособность кластера Что имеем:\nHA Control Plane - выдерживает падение 1 master ноды 2 worker ноды для приложений kubectl доступ с локальной машины Встроенные компоненты: CoreDNS, metrics-server, local-path storage Что ещё не настроено (следующие статьи):\nLoadBalancer (MetalLB) - для доступа к сервисам извне Ingress Controller (Traefik) - для HTTP/HTTPS routing SSL сертификаты (cert-manager) - для автоматического HTTPS Мониторинг (Prometheus/Grafana) - для наблюдения за кластером Что дальше # Кластер готов, но пока он изолирован от внешнего мира. Чтобы запускать реальные приложения с доступом извне, нужны:\nMetalLB - выдаёт IP-адреса для LoadBalancer сервисов Traefik - маршрутизирует HTTP/HTTPS трафик cert-manager - автоматически получает SSL сертификаты Это темы для следующей серии статей.\nА пока можно:\nПоэкспериментировать с kubectl Задеплоить тестовые приложения Изучить как работает scheduling между нодами ","date":"2 ноября 2025","externalUrl":null,"permalink":"/posts/k3s-part3-installation/","section":"Статьи","summary":"","title":"K3s HA для homelab: Ставим K3s HA кластер","type":"posts"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/series/k3s-ha-%D0%BA%D0%BB%D0%B0%D1%81%D1%82%D0%B5%D1%80-%D0%B4%D0%BB%D1%8F-homelab/","section":"Series","summary":"","title":"K3s HA Кластер Для Homelab","type":"series"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/debian/","section":"Теги","summary":"","title":"Debian","type":"tags"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/infrastructure/","section":"Теги","summary":"","title":"Infrastructure","type":"tags"},{"content":"Архитектура спланирована, ресурсы посчитаны - пора создавать виртуальные машины. В этой статье подготовим 5 VM в Proxmox и настроим ОС так, чтобы K3s установился без сюрпризов.\nЗвучит просто? В теории - да. На практике: забытый swap, cgroup v1 вместо v2, закрытые порты firewall - и вы тратите час на отладку того, что должно было работать \u0026ldquo;из коробки\u0026rdquo;.\nРезультат: 5 VM (3 master + 2 worker) с Debian 12, настроенной сетью, отключённым swap и правильными параметрами ядра. SSH доступ работает, ноды видят друг друга.\nДля кого это # Подходит:\nПрочитал первую статью (или понимаешь архитектуру K3s HA) Есть Proxmox с 14+ vCPU и 56GB+ RAM свободных Умеешь работать в терминале Proxmox (или готов учиться) Не подходит:\nProxmox ещё не установлен - сначала разберись с ним Хочешь использовать LXC вместо VM - K3s в контейнерах работает, но с нюансами (не покрываем) Что понадобится # Компонент Значение Proxmox VE 7.x или 8.x Storage pool local-lvm или другой (минимум 200GB свободно) Сетевой bridge vmbr0 (или ваш) SSH-ключ Публичный ключ для доступа к VM ОС для VM Debian 12 cloud image Шаг 1: Скачать cloud image Debian 12 # Cloud image - готовый образ с поддержкой cloud-init. Не нужно проходить установщик вручную: задаёшь параметры (IP, пользователь, SSH-ключ) - VM стартует уже настроенной.\nНа Proxmox хосте (SSH или Shell в Web UI):\n# Перейти в директорию для образов cd /var/lib/vz/template/iso # Скачать Debian 12 cloud image wget https://cloud.debian.org/images/cloud/bookworm/latest/debian-12-generic-amd64.qcow2 # Проверить ls -lh debian-12-generic-amd64.qcow2 Ожидаемый результат:\n-rw-r--r-- 1 root root 521M ... debian-12-generic-amd64.qcow2 Если скачивание медленное: образ ~500MB, на слабом канале может занять время. Альтернатива - скачать на локальную машину и загрузить через Proxmox Web UI (Datacenter → Storage → Upload).\nШаг 2: Создать template VM # Template - шаблон VM, из которого будем клонировать все 5 нод. Настраиваем один раз, клонируем пять.\n2.1. Задать переменные # # Настрой под свою конфигурацию TEMPLATE_ID=9000 # ID для template (любой свободный) STORAGE=local-lvm # Твой storage pool BRIDGE=vmbr0 # Сетевой bridge SSH_KEY_PATH=~/.ssh/id_rsa.pub # Путь к публичному SSH-ключу Как узнать имя storage:\npvesm status Ожидаемый результат\nName Type Status Total Used Available % local dir active 229199360 9095552 220103808 3.97% local-lvm pool active 220103964 96 220103868 0.00% 2.2. Создать VM и импортировать диск # # 1. Создать пустую VM qm create $TEMPLATE_ID \\ --name debian-12-template \\ --memory 2048 \\ --cores 2 \\ --net0 virtio,bridge=$BRIDGE # 2. Импортировать скачанный образ как диск qm importdisk $TEMPLATE_ID \\ /var/lib/vz/template/iso/debian-12-generic-amd64.qcow2 \\ $STORAGE Ожидаемый результат:\nimporting disk \u0026#39;/var/lib/vz/template/iso/debian-12-generic-amd64.qcow2\u0026#39; to VM 9000 ... Successfully imported disk as \u0026#39;unused0:local-lvm:vm-9000-disk-0\u0026#39; 2.3. Настроить диск и загрузку # # 3. Подключить диск к VM qm set $TEMPLATE_ID \\ --scsihw virtio-scsi-pci \\ --scsi0 $STORAGE:vm-$TEMPLATE_ID-disk-0 # 4. Настроить загрузку и cloud-init qm set $TEMPLATE_ID \\ --boot c \\ --bootdisk scsi0 \\ --ide2 $STORAGE:cloudinit \\ --serial0 socket \\ --vga serial0 2.4. Настроить cloud-init # # 5. Пользователь, пароль, SSH-ключ qm set $TEMPLATE_ID \\ --ciuser k3s \\ --cipassword \u0026#34;ВашНадёжныйПароль\u0026#34; \\ --sshkeys $SSH_KEY_PATH \\ --ipconfig0 ip=dhcp # 6. Увеличить диск до 32GB (базовый размер для master) qm resize $TEMPLATE_ID scsi0 32G Замени:\nВашНадёжныйПароль - пароль для пользователя k3s (резервный доступ, если SSH не работает) $SSH_KEY_PATH - путь к твоему публичному ключу 2.5. Превратить в template # # 7. Конвертировать VM в template qm template $TEMPLATE_ID После этого VM 9000 станет шаблоном - её нельзя запустить, только клонировать.\nCheckpoint: Template создан # # Проверить что template существует qm list | grep template Ожидаемый результат:\n9000 debian-12-template stopped 2048 32.00 0 Если ошибка \u0026ldquo;disk import failed\u0026rdquo;:\nПроверь свободное место: pvesm status Проверь путь к образу: ls -l /var/lib/vz/template/iso/ Шаг 3: Клонировать master ноды # Теперь создаём 3 master ноды из template. Каждая получит свой IP, имя и ресурсы.\nTEMPLATE_ID=9000 # ───────────────────────────────────────────── # Master 1 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 201 --name k3s-master-1 --full qm set 201 --cores 2 --memory 8192 qm set 201 --ipconfig0 ip=192.168.11.201/24,gw=192.168.11.1 qm set 201 --nameserver 8.8.8.8 qm resize 201 scsi0 32G # ───────────────────────────────────────────── # Master 2 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 202 --name k3s-master-2 --full qm set 202 --cores 2 --memory 8192 qm set 202 --ipconfig0 ip=192.168.11.202/24,gw=192.168.11.1 qm set 202 --nameserver 8.8.8.8 qm resize 202 scsi0 32G # ───────────────────────────────────────────── # Master 3 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 203 --name k3s-master-3 --full qm set 203 --cores 2 --memory 8192 qm set 203 --ipconfig0 ip=192.168.11.203/24,gw=192.168.11.1 qm set 203 --nameserver 8.8.8.8 qm resize 203 scsi0 32G Параметры:\n--full - полное клонирование (не linked clone), VM независима от template --cores 2 --memory 8192 - 2 vCPU, 8GB RAM (как планировали) --ipconfig0 - статический IP через cloud-init --nameserver - DNS сервер (можешь указать свой) Адаптируй под свою сеть:\n192.168.11.0/24 → твоя подсеть 192.168.11.1 → твой gateway Шаг 4: Клонировать worker ноды # Workers получают больше ресурсов - здесь будут работать приложения.\n# ───────────────────────────────────────────── # Worker 1 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 210 --name k3s-worker-1 --full qm set 210 --cores 4 --memory 16384 qm set 210 --ipconfig0 ip=192.168.11.210/24,gw=192.168.11.1 qm set 210 --nameserver 8.8.8.8 qm resize 210 scsi0 50G # ───────────────────────────────────────────── # Worker 2 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 211 --name k3s-worker-2 --full qm set 211 --cores 4 --memory 16384 qm set 211 --ipconfig0 ip=192.168.11.211/24,gw=192.168.11.1 qm set 211 --nameserver 8.8.8.8 qm resize 211 scsi0 50G Отличия от master:\n4 vCPU вместо 2 16GB RAM вместо 8GB 50GB диск вместо 32GB Шаг 5: Запустить все VM # # Запустить все 5 VM for vmid in 201 202 203 210 211; do qm start $vmid echo \u0026#34;Запущена VM $vmid\u0026#34; sleep 3 done # Проверить статус qm list | grep k3s Ожидаемый результат:\n201 k3s-master-1 running 8192 32.00 12345 202 k3s-master-2 running 8192 32.00 12346 203 k3s-master-3 running 8192 32.00 12347 210 k3s-worker-1 running 16384 50.00 12348 211 k3s-worker-2 running 16384 50.00 12349 Checkpoint: VM работают # Подожди 1-2 минуты (cloud-init применяет настройки при первом запуске), затем проверь SSH:\n# Проверить доступность всех нод for ip in 192.168.11.201 192.168.11.202 192.168.11.203 192.168.11.210 192.168.11.211; do echo -n \u0026#34;Проверяю $ip... \u0026#34; ssh -o ConnectTimeout=5 -o StrictHostKeyChecking=no k3s@$ip \u0026#34;hostname\u0026#34; 2\u0026gt;/dev/null \u0026amp;\u0026amp; echo \u0026#34;OK\u0026#34; || echo \u0026#34;FAIL\u0026#34; done Ожидаемый результат:\nПроверяю 192.168.11.201... k3s-master-1 OK Проверяю 192.168.11.202... k3s-master-2 OK ... Если SSH не работает:\nСимптом Причина Решение Connection refused VM не загрузилась или SSH не запущен Открой консоль в Proxmox, проверь загрузку Connection timeout Неправильный IP или firewall Проверь IP в консоли: ip addr Permission denied Неправильный SSH-ключ Проверь ~/.ssh/authorized_keys на VM Host key verification failed Первое подключение Добавь -o StrictHostKeyChecking=no Шаг 6: Подготовить ОС на всех нодах # Теперь нужно настроить каждую ноду: обновить пакеты, отключить swap, настроить ядро. Команды одинаковые для всех 5 нод.\n6.1. Обновить систему # На каждой ноде (или через цикл):\n# Вариант 1: по одной ssh k3s@192.168.11.201 sudo apt update sudo apt upgrade -y sudo apt install -y curl wget vim htop iptables # Вариант 2: массово (с локальной машины) for ip in 192.168.11.{201..203} 192.168.11.{210..211}; do echo \u0026#34;=== Обновляю $ip ===\u0026#34; ssh k3s@$ip \u0026#34;sudo apt update \u0026amp;\u0026amp; sudo apt upgrade -y \u0026amp;\u0026amp; sudo apt install -y curl wget vim htop iptables\u0026#34; done 6.2. Отключить swap # Kubernetes не любит swap. При включённом swap поды ведут себя непредсказуемо - OOMKiller срабатывает не тогда, когда ожидаешь.\nНа всех нодах:\n# Отключить swap сейчас sudo swapoff -a # Отключить навсегда (закомментировать в fstab) sudo sed -i \u0026#39;/swap/s/^/#/\u0026#39; /etc/fstab # Проверить free -h | grep Swap Ожидаемый результат:\nSwap: 0B 0B 0B 6.3. Загрузить kernel-модули # K3s использует overlay filesystem и bridge netfilter. Без этих модулей - ошибки при старте.\nНа всех нодах:\n# Загрузить модули sudo modprobe overlay sudo modprobe br_netfilter # Настроить автозагрузку cat \u0026lt;\u0026lt;EOF | sudo tee /etc/modules-load.d/k3s.conf overlay br_netfilter EOF # Проверить lsmod | grep -E \u0026#39;overlay|br_netfilter\u0026#39; Ожидаемый результат:\noverlay 151552 0 br_netfilter 32768 0 6.4. Настроить sysctl # Параметры для сетевого взаимодействия между подами.\nНа всех нодах:\n# Создать конфиг cat \u0026lt;\u0026lt;EOF | sudo tee /etc/sysctl.d/k3s.conf net.ipv4.ip_forward = 1 net.bridge.bridge-nf-call-iptables = 1 net.bridge.bridge-nf-call-ip6tables = 1 EOF # Применить sudo sysctl --system # Проверить sysctl net.ipv4.ip_forward net.bridge.bridge-nf-call-iptables Ожидаемый результат:\nnet.ipv4.ip_forward = 1 net.bridge.bridge-nf-call-iptables = 1 6.5. Проверить cgroup v2 # Debian 12 по умолчанию использует cgroup v2 - просто проверим.\nmount | grep cgroup Ожидаемый результат (cgroup v2):\ncgroup2 on /sys/fs/cgroup type cgroup2 (rw,nosuid,nodev,noexec,relatime,nsdelegate,memory_recursiveprot) Если видишь tmpfs on /sys/fs/cgroup type tmpfs - это cgroup v1. Нужно включить v2:\n# Добавить параметр ядра sudo sed -i \u0026#39;s|^GRUB_CMDLINE_LINUX_DEFAULT=\u0026#34;\\(.*\\)\u0026#34;|GRUB_CMDLINE_LINUX_DEFAULT=\u0026#34;\\1 systemd.unified_cgroup_hierarchy=1\u0026#34;|\u0026#39; /etc/default/grub # Обновить GRUB sudo update-grub # Перезагрузить sudo reboot # После reboot проверить mount | grep cgroup2 Шаг 7: Настроить firewall # UFW - простой интерфейс к iptables. Откроем только нужные порты.\n7.1. На master нодах (201, 202, 203) # # Установить UFW sudo apt install -y ufw # Базовые правила sudo ufw default deny incoming sudo ufw default allow outgoing # SSH (чтобы не потерять доступ) sudo ufw allow 22/tcp # Kubernetes API sudo ufw allow 6443/tcp # etcd (между masters) sudo ufw allow 2379:2380/tcp # Kubelet sudo ufw allow 10250/tcp # Flannel VXLAN sudo ufw allow 8472/udp # Включить sudo ufw --force enable # Проверить sudo ufw status 7.2. На worker нодах (210, 211) # sudo apt install -y ufw sudo ufw default deny incoming sudo ufw default allow outgoing sudo ufw allow 22/tcp # SSH sudo ufw allow 10250/tcp # Kubelet sudo ufw allow 8472/udp # Flannel VXLAN sudo ufw --force enable sudo ufw status Шаг 8: Настроить /etc/hosts # Не обязательно, но удобно - ноды смогут обращаться друг к другу по имени.\nНа всех нодах:\ncat \u0026lt;\u0026lt;EOF | sudo tee -a /etc/hosts # K3s Cluster 192.168.11.201 k3s-master-1 192.168.11.202 k3s-master-2 192.168.11.203 k3s-master-3 192.168.11.210 k3s-worker-1 192.168.11.211 k3s-worker-2 EOF Проверить:\nping -c 1 k3s-master-2 Финальная проверка # Перед переходом к установке K3s убедись, что всё готово. Запусти на любой ноде:\necho \u0026#34;=== Проверка готовности ноды ===\u0026#34; echo -n \u0026#34;1. Swap отключён: \u0026#34; [ $(free | grep Swap | awk \u0026#39;{print $2}\u0026#39;) -eq 0 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;2. Модуль overlay: \u0026#34; lsmod | grep -q overlay \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;3. Модуль br_netfilter: \u0026#34; lsmod | grep -q br_netfilter \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;4. IP forwarding: \u0026#34; [ $(sysctl -n net.ipv4.ip_forward) -eq 1 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;5. bridge-nf-call-iptables: \u0026#34; [ $(sysctl -n net.bridge.bridge-nf-call-iptables) -eq 1 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;6. cgroup v2: \u0026#34; mount | grep -q \u0026#34;cgroup2\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;7. UFW активен: \u0026#34; sudo ufw status | grep -q \u0026#34;Status: active\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;8. Пинг k3s-master-1: \u0026#34; ping -c 1 -W 1 k3s-master-1 \u0026gt;/dev/null 2\u0026gt;\u0026amp;1 \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; Ожидаемый результат:\n=== Проверка готовности ноды === 1. Swap отключён: ✓ 2. Модуль overlay: ✓ 3. Модуль br_netfilter: ✓ 4. IP forwarding: ✓ 5. bridge-nf-call-iptables: ✓ 6. cgroup v2: ✓ 7. UFW активен: ✓ 8. Пинг k3s-master-1: ✓ Если где-то ✗ - вернись к соответствующему шагу.\nTroubleshooting # Симптом Причина Решение VM не получает IP cloud-init не отработал Проверь консоль, жди 2-3 минуты, перезагрузи VM SSH connection refused sshd не запущен Открой консоль, проверь systemctl status ssh Swap не отключается Строка не закомментирована в fstab cat /etc/fstab, проверь swap строку, reboot cgroup v1 после reboot GRUB не обновился Проверь /proc/cmdline, повтори update-grub UFW блокирует всё Забыл разрешить SSH до включения Через консоль Proxmox: ufw allow 22/tcp Ноды не пингуются UFW или неправильный IP Проверь ip addr, проверь правила UFW Итог # Что сделано:\n✅ Скачан Debian 12 cloud image ✅ Создан template VM с cloud-init ✅ Склонированы 5 VM (3 master + 2 worker) ✅ Настроены статические IP ✅ Подготовлена ОС (swap, modules, sysctl, cgroup v2) ✅ Настроен firewall с нужными портами ✅ SSH работает на все ноды Что дальше:\n👉 Следующая статья: \u0026ldquo;Установить K3s HA кластер\u0026rdquo;\nТам мы:\nСгенерируем token для кластера Установим K3s на первую master ноду Добавим ещё 2 master ноды (HA) Подключим worker ноды Настроим kubectl Проверим работу кластера ","date":"21 октября 2025","externalUrl":null,"permalink":"/posts/k3s-part2-infrastructure/","section":"Статьи","summary":"","title":"K3s HA для homelab: Готовим инфраструктуру в Proxmox","type":"posts"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/proxmox/","section":"Теги","summary":"","title":"Proxmox","type":"tags"},{"content":"","date":"14 октября 2025","externalUrl":null,"permalink":"/tags/architecture/","section":"Теги","summary":"","title":"Architecture","type":"tags"},{"content":"Kubernetes слишком тяжёлый, Docker Swarm мёртв, а хочется нормальный кластер для экспериментов. Знакомо? K3s решает эту проблему - полноценный Kubernetes в бинарнике на 50MB вместо 1.5GB зависимостей. Но без правильного планирования вы получите нестабильную конструкцию, которая падает в самый неподходящий момент.\nВ этой статье разберём архитектуру K3s HA кластера: почему именно 3 master ноды, зачем embedded etcd и сколько ресурсов закладывать. В конце - готовый план для установки.\nРезультат: понимание архитектуры + таблица ресурсов + сетевая схема. Всё, что нужно перед тем, как создавать VM.\nДля кого это # Подходит:\nЗнаком с базовыми концепциями Kubernetes (pod, service, deployment) Есть Proxmox с 14+ vCPU и 56GB+ RAM Хочешь понять что устанавливать, прежде чем устанавливать Не подходит:\nНужна одна нода для экспериментов - достаточно docker-compose или K3s single-node Ищешь managed Kubernetes для бизнеса - смотри в сторону Yandex Cloud или VK Cloud Хочешь сразу команды без теории - переходи к статье 2 K3s vs Kubernetes: в чём разница # Kubernetes (K8s) - оркестратор контейнеров, стандарт индустрии. Добро пожаловать в enterprise, где для запуска трёх контейнеров нужно поддерживать шесть виртуальных машин.\nK3s - тот же Kubernetes, но кто-то в Rancher (теперь SUSE) задумался: \u0026ldquo;А что если выкинуть всё, что нужно только Сберу и Yandex Cloud?\u0026rdquo;\nKubernetes K3s Что выкинули:\nИнтеграции с облачными провайдерами (вы же не в VK Cloud) Legacy API (вы же не мигрируете кластер 2016 года) Встроенные драйверы хранилищ на все случаи жизни (вы же не используете 47 типов СХД) Альфа/бета-функции (нестабильные эксперименты) Что осталось: полноценный Kubernetes, сертифицированный CNCF (Cloud Native Computing Foundation - организация, которая решает, что считать \u0026ldquo;настоящим\u0026rdquo; Kubernetes). Все манифесты работают. Helm работает. kubectl работает. Ответы со StackOverflow работают.\nСравнение в цифрах # Характеристика Kubernetes K3s Размер ~1.5GB образы 50MB бинарник RAM на control plane ~2GB на ноду ~500MB на ноду Установка kubeadm, 10+ шагов один curl-скрипт etcd Отдельный кластер (3+ VM) Встроенный CNI Нужно устанавливать Flannel из коробки Совместимость 100% 100% \u0026ldquo;Но я потеряю гибкость!\u0026rdquo; - скажете вы. Да, вы не сможете заменить сетевой плагин Flannel без пересборки. Это критично примерно для одного проекта из тысячи, и ваш homelab в их число не входит.\nВердикт: для homelab K3s - очевидный выбор. Теряем 5% гибкости, получаем 90% простоты.\nЧто такое High Availability и зачем оно вам # HA (High Availability) - способность системы продолжать работу при отказе компонентов. Звучит как enterprise-термин для больших компаний? На практике это разница между \u0026ldquo;кластер упал в субботу, но я починил в понедельник\u0026rdquo; и \u0026ldquo;кластер сам пережил падение ноды, пока я спал\u0026rdquo;.\nБез HA (single node) # ┌─────────────────┐ │ K3s Master │ ← Единственная точка отказа │ + Worker │ └─────────────────┘ Нода упала → кластер мёртв → ваши сервисы недоступны С HA (3+ master nodes) # ┌──────────┐ ┌──────────┐ ┌──────────┐ │ Master 1 │ │ Master 2 │ │ Master 3 │ │ + etcd │ │ + etcd │ │ + etcd │ └──────────┘ └──────────┘ └──────────┘ ↓ ↓ ↓ ┌──────────┐ ┌──────────┐ │ Worker 1 │ │ Worker 2 │ └──────────┘ └──────────┘ Одна master упала → кластер работает Один worker упал → поды переехали на другой Сколько master нод нужно # Вот тут начинается интересное. Интуиция подсказывает: одна нода - плохо, две - уже лучше. Логично? Логично. И неправильно.\nMaster нод Выдержит отказов Кворум Вердикт 1 0 1/1 Нет HA, но честно 2 0 Ловушка! ⛔ Хуже, чем 1 3 1 2/3 ✅ Минимум для HA 5 2 3/5 Для критичных систем Почему 2 master ноды хуже, чем 1 # etcd (база данных кластера, где хранится вообще всё) работает по принципу голосования. Чтобы записать данные, нужно согласие большинства нод. Не \u0026ldquo;хотя бы одной\u0026rdquo; - именно большинства.\nСчитаем:\n1 нода: большинство = 1. Упала - кластер мёртв. Честная игра, вы знали на что шли. 2 ноды: большинство = 2. Упала одна - кворума нет, кластер мёртв. Сюрприз! 3 ноды: большинство = 2. Одна упала - две оставшиеся продолжают работать. Это как договор, требующий подписи обоих директоров - заболел один, и компания парализована.\nС двумя нодами вы не получили отказоустойчивость. Вы удвоили количество точек отказа и назвали это \u0026ldquo;высокой доступностью\u0026rdquo;.\nПравило: или 1 нода (и честное понимание рисков), или 3+ (и настоящий HA). Двойка - ловушка для тех, кто не дочитал документацию.\nEmbedded etcd vs External etcd # etcd - распределённое key-value хранилище. Единственный источник истины для всего состояния Kubernetes: все объекты (поды, сервисы, секреты), конфигурации, сетевые политики. Без etcd кластер не работает. Точка.\nЕсть два варианта архитектуры:\nExternal etcd (классический Kubernetes) # Control Plane (3 VM) etcd кластер (3 VM) ┌────────────────┐ ┌──────────────┐ │ API Server │ │ etcd-1 │ │ Scheduler │ ──────────────\u0026gt;│ (только etcd)│ │ Controller │ └──────────────┘ └────────────────┘ ┌──────────────┐ ┌────────────────┐ │ etcd-2 │ │ API Server │ ──────────────\u0026gt;│ (только etcd)│ │ Scheduler │ └──────────────┘ │ Controller │ ┌──────────────┐ └────────────────┘ │ etcd-3 │ ┌────────────────┐ │ (только etcd)│ │ API Server │ ──────────────\u0026gt;└──────────────┘ │ Scheduler │ │ Controller │ └────────────────┘ Итого: 6 виртуальных машин Embedded etcd (K3s) # ┌─────────────────────────┐ │ K3s Master 1 │ │ ┌───────────────────┐ │ │ │ API + Scheduler │ │ │ │ + Controller │ │ │ └───────────────────┘ │ │ ┌───────────────────┐ │ │ │ etcd (встроенный) │◄─┼──┐ │ └───────────────────┘ │ │ └─────────────────────────┘ │ Raft protocol ┌─────────────────────────┐ │ (синхронизация) │ K3s Master 2 │ │ │ etcd ◄────────────────────┤ └─────────────────────────┘ │ ┌─────────────────────────┐ │ │ K3s Master 3 │ │ │ etcd ◄────────────────────┘ └─────────────────────────┘ Итого: 3 виртуальные машины Сравнение подходов # Критерий External etcd Embedded etcd Количество VM 6 (3 master + 3 etcd) 3 (всё вместе) Сложность настройки Высокая Один флаг --cluster-init Сложность обновления Отдельно etcd и K8s Одна команда Производительность Чуть лучше Достаточно для homelab Масштаб \u0026gt;500 нод До 100-200 нод Для homelab embedded etcd - очевидный выбор. Теряем 5-10% производительности etcd, экономим 3 VM и часы настройки.\n\u0026ldquo;А если мне понадобится масштаб?\u0026rdquo; - официально embedded etcd поддерживает до 100 нод и 5000 подов. Для homelab это как ограничение скорости 300 км/ч на велосипеде.\nЗачем отдельные worker ноды # Worker ноды - машины для запуска ваших приложений (подов). На них не запускаются компоненты control plane.\n\u0026ldquo;А можно запускать приложения прямо на master нодах?\u0026rdquo;\nТехнически - да. K3s не ставит ограничений на master ноды (в отличие от обычного Kubernetes). Но это плохая идея:\nControl plane должен быть стабильным. Ваше приложение съело всю память → API server упал → кластер недоступен. etcd чувствителен к диску. База данных на той же ноде создаёт I/O нагрузку → etcd тормозит → весь кластер тормозит. Изоляция отказов. Проблема с приложением не должна убивать control plane. 2 worker ноды - минимум для HA приложений:\nМожно запускать 2 реплики (на разных нодах) При падении одного worker\u0026rsquo;а второй держит нагрузку Легко добавить третью, четвёртую ноду потом Архитектура нашего кластера # Вот что мы будем строить:\nКлючевые моменты:\nВсе master ноды равны - нет \u0026ldquo;главной\u0026rdquo;, kubectl подключается к любой. etcd синхронизируется через Raft - алгоритм консенсуса, гарантирует согласованность данных. Workers знают только про API - они не подключаются к etcd напрямую. Flannel создаёт overlay-сеть - все поды получают IP из 10.42.0.0/16, видят друг друга. Планирование ресурсов # Таблица VM # Hostname VM ID IP vCPU RAM Disk Роль k3s-master-1 201 192.168.11.201 2 8GB 32GB Control Plane + etcd k3s-master-2 202 192.168.11.202 2 8GB 32GB Control Plane + etcd k3s-master-3 203 192.168.11.203 2 8GB 32GB Control Plane + etcd k3s-worker-1 210 192.168.11.210 4 16GB 50GB Workloads k3s-worker-2 211 192.168.11.211 4 16GB 50GB Workloads Итого - - 14 56GB 196GB - Почему именно такие ресурсы # Master ноды (2 vCPU / 8GB RAM / 32GB Disk):\nРеальное потребление в idle:\nAPI server: ~200-300MB RAM etcd: ~100-200MB RAM (растёт со временем) Scheduler + Controller: ~150MB RAM Системные поды: ~100-200MB RAM Итого: ~600-900MB используется \u0026ldquo;Зачем тогда 8GB?\u0026rdquo; - запас для burst-нагрузки. Когда вы деплоите 50 подов одновременно, API server временно съедает больше. etcd при большом кластере может вырасти до 1-2GB. Golang GC работает лучше с запасом памяти.\nWorker ноды (4 vCPU / 16GB RAM / 50GB Disk):\nЗдесь будут ваши приложения. При 16GB можно запустить:\n5-10 средних приложений (256MB-2GB каждое) Или 2-3 базы данных (PostgreSQL любит память) Или комбинацию 50GB диска - под образы контейнеров (10-20GB), логи (5-10GB), временные данные.\nМожно ли меньше? # Минимальная конфигурация (для экспериментов):\nMaster: 1 vCPU / 4GB RAM / 20GB Disk Worker: 2 vCPU / 8GB RAM / 30GB Disk Итого: 9 vCPU / 36GB RAM Риски:\nМедленная работа API server OOM killer при нагрузке Нет запаса для burst Для production-like homelab рекомендую таблицу выше. Комфортный запас стоит дешевле, чем отладка странных падений.\nСетевая схема # IP-адреса (адаптируй под свою сеть) # 192.168.11.0/24 - Локальная сеть 192.168.11.1 - Gateway (роутер) 192.168.11.201-203 - Master ноды 192.168.11.210-211 - Worker ноды 192.168.11.220-230 - Резерв для MetalLB (статья 2) Kubernetes внутренние сети (создаются автоматически) # 10.42.0.0/16 - Pod network (Flannel VXLAN overlay) 10.43.0.0/16 - Service network (ClusterIP) 10.43.0.10 - CoreDNS Порты между нодами # Порт Протокол Направление Назначение 6443 TCP Master ← Worker Kubernetes API 2379-2380 TCP Master ↔ Master etcd (client + peer) 10250 TCP Master ↔ All Kubelet API 8472 UDP All ↔ All Flannel VXLAN Требования к железу и софту # Железо (Proxmox хост) # Минимум:\nCPU: 14 vCPU свободных RAM: 56GB свободных Disk: 200GB на SSD Network: 1 Gbit Рекомендуется:\nCPU: 18+ vCPU (запас для приложений) RAM: 64GB+ (базы данных прожорливые) Disk: NVMe для etcd Network: 2.5 Gbit (для NFS, если будете использовать) Софт # Компонент Версия Proxmox VE 7.x или 8.x K3s v1.31+ (stable) ОС на нодах Debian 12 или Ubuntu 22.04+ Kernel 5.15+ (для cgroup v2) Итог # Что мы спроектировали:\n5 VM: 3 master + 2 worker K3s с embedded etcd (HA без лишних VM) Отказоустойчивость: выдерживает падение 1 master и любого worker Ресурсы: 14 vCPU / 56GB RAM / 196GB Disk Что НЕ входит в эту серию (отдельные статьи):\nLoadBalancer (MetalLB) Ingress (Traefik) SSL (cert-manager) Мониторинг (Prometheus/Grafana) Что дальше # 👉 \u0026ldquo;Подготовить инфраструктуру для K3s в Proxmox\u0026rdquo;\nТам мы:\nСоздадим template VM с Debian 12 Склонируем 5 VM с правильными ресурсами Настроим статические IP Подготовим ОС (swap, cgroup v2, firewall) ","date":"14 октября 2025","externalUrl":null,"permalink":"/posts/k3s-part1-architecture/","section":"Статьи","summary":"","title":"K3s HA для homelab: архитектура без боли","type":"posts"},{"content":"Привет! Меня зовут Олег. За 20 лет в IT проблемы росли вместе со мной: от «почему не печатает принтер» до «почему три сервера не могут договориться, кто из них главный». Техподдержка научила терпению - там быстро понимаешь, что «не работает» может означать что угодно, от выключенного монитора до сбоя на другом континенте. Сети научили начинать диагностику с розетки, а не с теории заговора. Системное администрирование - что между «всё работает» и «всё сломалось» обычно стоит один непрочитанный warning в логах трёхнедельной давности.\nСейчас я инфраструктурный инженер. Строю и чиню серверную инфраструктуру: много enterprise, ещё больше Open Source, изрядно импортозамещённого - в общем, всё что работает на Linux, с Linux и благодаря Linux. Работаю в Главгосэкспертизе России. Общаюсь с серверами на Bash, Python и прочих машинопонятных языках. Иногда серверы даже отвечают. Живу в Москве.\nДома - лаборатория. Нет, не стойка в подвале (хотя идея заманчивая). Один сервер, но серьёзный: виртуализация, Kubernetes, хранилище, мониторинг - всё по-взрослому, но если что-то упало - нет многомиллионных издержек и мир не остановился. Идеальный полигон: придумал, реализовал, сломал, починил, задокументировал. Полный цикл.\nЭтот блог - не enterprise-гайды для внедрения в банке. Это production, но в человеческом масштабе: домашний сервер, небольшая компания, стартап на трёх разработчиках. Решения, которые реально работают - просто без бюджета на команду SRE из десяти человек - инженеров надёжности, чьи зарплаты съедают бюджет стартапа за квартал. Документирую грабли, чтобы вы на них не наступали. Чем больнее наступил сам - тем подробнее статья.\n","date":"1 октября 2025","externalUrl":null,"permalink":"/about/","section":"Олег Казанин","summary":"","title":"Кто это пишет и зачем","type":"page"},{"content":"","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"","externalUrl":null,"permalink":"/tags/docs/","section":"Теги","summary":"","title":"Docs","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/icon/","section":"Теги","summary":"","title":"Icon","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/lead/","section":"Теги","summary":"","title":"Lead","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/mermaid/","section":"Теги","summary":"","title":"Mermaid","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/shortcodes/","section":"Теги","summary":"","title":"Shortcodes","type":"tags"},{"content":"","externalUrl":null,"permalink":"/series/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F/","section":"Series","summary":"","title":"Документация","type":"series"}]
\ No newline at end of file
+[{"content":"Hugo даёт стандартные shortcodes. Blowfish добавляет свои — для типичных задач блога.\nAlert # alert выводит стилизованный блок-уведомление. Нужен когда важную информацию нельзя пропустить.\nПараметр Описание icon Опционально. Иконка слева.\nПо умолчанию: triangle-exclamation (см. icon) iconColor Опционально. Цвет иконки в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. cardColor Опционально. Цвет фона карточки в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. textColor Опционально. Цвет текста в CSS-формате.\nHex (#FFFFFF) или имя цвета (white).\nПо умолчанию — из текущей темы. Внутри — Markdown, форматируй как угодно.\nПример 1: Без параметров\n{{\u0026lt; alert \u0026gt;}} **Внимание!** Это действие необратимо! {{\u0026lt; /alert \u0026gt;}} Warning! This action is destructive! Пример 2: Безымянный параметр\n{{\u0026lt; alert \u0026#34;twitter\u0026#34; \u0026gt;}} Не забудь [подписаться](https://twitter.com/nunocoracao) в Twitter. {{\u0026lt; /alert \u0026gt;}} Don\u0026rsquo;t forget to follow me on Twitter. Пример 3: Именованные параметры\n{{\u0026lt; alert icon=\u0026#34;fire\u0026#34; cardColor=\u0026#34;#e63946\u0026#34; iconColor=\u0026#34;#1d3557\u0026#34; textColor=\u0026#34;#f1faee\u0026#34; \u0026gt;}} Это ошибка! {{\u0026lt; /alert \u0026gt;}} This is an error! Admonition # Admonition — визуальные блоки-выноски для акцентирования внимания.\nРаботает как alert, но через render hooks Hugo. Ключевое отличие — синтаксис Markdown, переносимый между платформами. Shortcodes — специфика Hugo. Синтаксис похож на GitHub alerts:\n\u0026gt; [!TIP] \u0026gt; Admonition типа Tip. \u0026gt; [!TIP]+ Свой заголовок + Своя иконка \u0026gt; Сворачиваемый admonition с кастомным заголовком. {icon=\u0026#34;twitter\u0026#34;} Tip A Tip type admonition.\nCustom Title + Custom Icon A collapsible admonition with custom title.\nЗнак alert (+ или -) — опционален, управляет сворачиванием. Работает только в Obsidian.\nПоддерживаемые типы Допустимые типы: GitHub alert types и Obsidian callout types. Регистр не важен.\nGitHub: NOTE, TIP, IMPORTANT, WARNING, CAUTION\\\nNOTE: Заметка: Полезная информация — даже при беглом чтении.\nTIP: Совет: Как сделать проще или лучше.\nIMPORTANT: Важно: Ключевое для достижения цели.\nWARNING: Внимание: Срочно — иначе будут проблемы.\nCAUTION: Осторожно: Риски и последствия этого действия.\\\nObsidian: note, abstract, info, todo, tip, success, question, warning, failure, danger, bug, example, quote\nКастомизация admonition См. руководство по кастомизации admonition.\nAccordion # accordion — сворачиваемые панели. Элементы задаются через accordionItem. Параметр mode управляет одновременным открытием нескольких элементов.\nПараметр Описание mode Опционально. collapse (один открыт) или open (несколько открыты). По умолчанию collapse. separated Опционально. true — каждый элемент как отдельная карточка. По умолчанию false (единый список). Параметры accordionItem:\nПараметр Описание title Обязательно. Заголовок в шапке элемента. open Опционально. true — элемент открыт по умолчанию. header Опционально. Алиас для title, для совместимости. icon Опционально. Иконка перед заголовком. Пример 1: mode=\u0026quot;open\u0026quot; (несколько элементов открыты) + separated=true\n{{\u0026lt; accordion mode=\u0026#34;open\u0026#34; separated=true \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Пример Markdown\u0026#34; icon=\u0026#34;code\u0026#34; open=true \u0026gt;}} Этот элемент демонстрирует рендеринг Markdown: - **Жирный текст** - Списки - `inline code` {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Пример shortcode\u0026#34; md=false \u0026gt;}} Этот элемент демонстрирует рендеринг shortcode с \u0026lt;code\u0026gt;md=false\u0026lt;/code\u0026gt;: {{\u0026lt; alert \u0026gt;}}Это inline alert.{{\u0026lt; /alert \u0026gt;}} {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; /accordion \u0026gt;}} Markdown example This item demonstrates Markdown rendering:\nBold text Lists inline code Shortcode example This item demonstrates shortcode rendering with md=false: This is an inline alert. Пример 2: mode=\u0026quot;collapse\u0026quot; (только один элемент открыт)\n{{\u0026lt; accordion mode=\u0026#34;collapse\u0026#34; \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Первый элемент\u0026#34; open=true \u0026gt;}} Этот элемент использует Markdown с коротким списком: 1. Один 2. Два 3. Три {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; accordionItem title=\u0026#34;Второй элемент\u0026#34; md=false \u0026gt;}} Этот элемент включает другой shortcode: {{\u0026lt; badge \u0026gt;}}Tip{{\u0026lt; /badge \u0026gt;}} {{\u0026lt; /accordionItem \u0026gt;}} {{\u0026lt; /accordion \u0026gt;}} First item This item uses Markdown with a short list:\nOne Two Three Second item This item includes another shortcode: Tip Article # article встраивает статью в markdown-файл. Параметр link — .RelPermalink встраиваемой статьи. Shortcode не отображает родительскую страницу. Важно: если сайт в подпапке (например, /blowfish/), включай этот путь в ссылку.\nПараметр Описание link Обязательно. .RelPermalink целевой статьи. showSummary Опционально. Показывать краткое описание статьи. По умолчанию — из конфигурации сайта. compactSummary Опционально. Компактный режим отображения описания. По умолчанию false. Пример:\n{{\u0026lt; article link=\u0026#34;/docs/welcome/\u0026#34; showSummary=true compactSummary=true \u0026gt;}} Badge # badge — стилизованный бейдж для метаданных.\nПример:\n{{\u0026lt; badge \u0026gt;}} Новая статья! {{\u0026lt; /badge \u0026gt;}} New article! Button # button — стилизованная кнопка для основного действия. Три опциональных параметра: href, target, rel — URL, target и relation ссылки.\nПример:\n{{\u0026lt; button href=\u0026#34;#button\u0026#34; target=\u0026#34;_self\u0026#34; \u0026gt;}} Призыв к действию {{\u0026lt; /button \u0026gt;}} Call to action Carousel # carousel — интерактивная карусель изображений. Адаптивная, занимает место одного изображения по вертикали. Все изображения на полную ширину родительского контейнера с заданным соотношением сторон (по умолчанию 16:9).\nПараметр Описание images Обязательно. Regex-строка для поиска изображений или URL. captions Опционально. Список пар ключ:подпись. Ключи — имена файлов (локальные) или полные URL (внешние). Подписи поддерживают Markdown. aspectRatio Опционально. Соотношение сторон. По умолчанию 16-9. interval Опционально. Интервал автопрокрутки в миллисекундах. По умолчанию 2000 (2с). Подписи сопоставляются по ключу. Для локальных — имя файла (например, 01.jpg). Для внешних — полный URL.\nПример 1: Соотношение 16:9, явный список изображений\n{{\u0026lt; carousel images=\u0026#34;{gallery/03.jpg,gallery/01.jpg,gallery/02.jpg,gallery/04.jpg}\u0026#34; \u0026gt;}} Previous Next Пример 2: Соотношение 21:9, regex для изображений\n{{\u0026lt; carousel images=\u0026#34;gallery/*\u0026#34; aspectRatio=\u0026#34;21-9\u0026#34; interval=\u0026#34;2500\u0026#34; \u0026gt;}} Previous Next Пример 3: Подписи к изображениям\n{{\u0026lt; carousel images=\u0026#34;gallery/*\u0026#34; captions=\u0026#34;{01.jpg:Первое изображение с *форматированием*,02.jpg:Второе изображение со [ссылкой](https://example.com)}\u0026#34; \u0026gt;}} First image with formatting Second image with a link Previous Next Chart # chart — графики через библиотеку Chart.js. Поддерживает разные типы диаграмм. Параметры — между тегами shortcode, Chart.js делает остальное.\nСинтаксис и типы диаграмм — в официальной документации Chart.js.\nПример:\n{{\u0026lt; chart \u0026gt;}} type: \u0026#39;bar\u0026#39;, data: { labels: [\u0026#39;Tomato\u0026#39;, \u0026#39;Blueberry\u0026#39;, \u0026#39;Banana\u0026#39;, \u0026#39;Lime\u0026#39;, \u0026#39;Orange\u0026#39;], datasets: [{ label: \u0026#39;# of votes\u0026#39;, data: [12, 19, 3, 5, 3], }] } {{\u0026lt; /chart \u0026gt;}} Еще примеры диаграмм:\nBar chart # Line chart # Doughnut chart # Code Importer # Импорт кода из внешних источников без копипасты.\nПараметр Описание url Обязательно. URL внешнего файла с кодом. type Тип кода для подсветки синтаксиса. startLine Опционально. Начальная строка импорта. endLine Опционально. Конечная строка импорта. Пример:\n{{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/layouts/shortcodes/mdimporter.html\u0026#34; type=\u0026#34;go\u0026#34; \u0026gt;}} {{ $url := .Get \u0026#34;url\u0026#34; }} {{ with resources.GetRemote (urls.Parse $url) }} {{ .Content | markdownify }} {{ else }} {{ warnf \u0026#34;mdimporter shortcode: unable to fetch %q: %s\u0026#34; $url .Position }} {{ end }} {{\u0026lt; codeimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/blowfish/main/config/_default/hugo.toml\u0026#34; type=\u0026#34;toml\u0026#34; startLine=\u0026#34;11\u0026#34; endLine=\u0026#34;18\u0026#34; \u0026gt;}} enableRobotsTXT = true summaryLength = 0 buildDrafts = false buildFuture = false enableEmoji = true Codeberg Card # codeberg — карточка репозитория Codeberg через API. Показывает актуальную статистику: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo Пример:\n{{\u0026lt; codeberg repo=\u0026#34;forgejo/forgejo\u0026#34; \u0026gt;}} \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e forgejo/forgejo Beyond coding. We forge. Go 3773 648 Figure # figure — вставка изображений. Заменяет базовый Hugo figure, добавляет оптимизацию производительности.\nЕсли изображение — page resource, Hugo Pipes оптимизирует и масштабирует его под разные разрешения. Статические ассеты и внешние URL вставляются как есть.\nПараметр Описание src Обязательно. Локальный путь/имя файла или URL. Порядок поиска: page resource, затем assets/, затем static/. alt Альтернативный текст для изображения. caption Markdown-подпись под изображением. class Дополнительные CSS-классы для изображения. figureClass Дополнительные CSS-классы для обёртки \u0026lt;figure\u0026gt;. Полезно для галерей. href URL для ссылки на изображении. target Атрибут target для href URL. nozoom nozoom=true отключает \u0026ldquo;зум\u0026rdquo; изображения. Полезно в сочетании с href. default Возврат к стандартному поведению Hugo figure. default=true, далее — обычный синтаксис Hugo shortcode. Blowfish автоматически конвертирует изображения в стандартном Markdown-синтаксисе:\n![Alt text](image.jpg \u0026#34;Image caption\u0026#34;) Пример:\n{{\u0026lt; figure src=\u0026#34;abstract.jpg\u0026#34; alt=\u0026#34;Abstract purple artwork\u0026#34; caption=\u0026#34;Photo by [Jr Korpa](https://unsplash.com/@jrkorpa) on [Unsplash](https://unsplash.com/)\u0026#34; \u0026gt;}} \u0026lt;!-- ИЛИ --\u0026gt; ![Abstract purple artwork](abstract.jpg \u0026#34;Photo by [Jr Korpa](https://unsplash.com/@jrkorpa) on [Unsplash](https://unsplash.com/)\u0026#34;) Photo by Jr Korpa on Unsplash Forgejo Card # forgejo — карточка репозитория Forgejo через API. Актуальная статистика: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo server [String] URL сервера, например https://v11.next.forgejo.org Пример:\n{{\u0026lt; forgejo server=\u0026#34;https://v11.next.forgejo.org\u0026#34; repo=\u0026#34;a/mastodon\u0026#34; \u0026gt;}} a/mastodon Your self-hosted, globally interconnected microblogging community Ruby 0 0 Gallery # gallery — адаптивная галерея с разнообразными компоновками.\nДля изображений используй img теги с классом class=\u0026quot;grid-wXX\u0026quot; — ширина колонки. Доступные ширины: от 10% до 100% с шагом 5%. Пример: 65% → grid-w65. Также доступны 33% и 66% для галерей в 3 колонки. Tailwind-индикаторы для адаптивной сетки.\nДля подписей — figure shortcode внутри gallery. Ширину задавай через figureClass, текст — через caption.\nПример 1: Обычная галерея\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Пример 2: Адаптивная галерея\n{{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w50 md:grid-w33 xl:grid-w25\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} Пример 3: Галерея с подписями (через figure)\n{{\u0026lt; gallery \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/01.jpg\u0026#34; alt=\u0026#34;Gallery image 1\u0026#34; caption=\u0026#34;Первая подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/02.jpg\u0026#34; alt=\u0026#34;Gallery image 2\u0026#34; caption=\u0026#34;Вторая подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;gallery/03.jpg\u0026#34; alt=\u0026#34;Gallery image 3\u0026#34; caption=\u0026#34;Третья подпись\u0026#34; figureClass=\u0026#34;grid-w33\u0026#34; \u0026gt;}} {{\u0026lt; /gallery \u0026gt;}} First caption Second caption Third caption Gist # gist — встраивание GitHub Gist: пользователь, ID, опционально — конкретный файл.\nПараметр Описание [0] [String] GitHub username [1] [String] Gist ID [2] (опционально) [String] Имя файла в Gist Пример 1: Весь Gist\n{{\u0026lt; gist \u0026#34;octocat\u0026#34; \u0026#34;6cad326836d38bd3a7ae\u0026#34; \u0026gt;}} Пример 2: Конкретный файл из Gist\n{{\u0026lt; gist \u0026#34;rauchg\u0026#34; \u0026#34;2052694\u0026#34; \u0026#34;README.md\u0026#34; \u0026gt;}} Gitea Card # gitea — карточка репозитория Gitea через API. Актуальная статистика: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo server [String] URL сервера, например https://git.fsfe.org Пример:\n{{\u0026lt; gitea server=\u0026#34;https://git.fsfe.org\u0026#34; repo=\u0026#34;FSFE/fsfe-website\u0026#34; \u0026gt;}} FSFE/fsfe-website Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ HTML 33 93 GitHub Card # github — карточка GitHub-репозитория с актуальной статистикой: звёзды, форки.\nПараметр Описание repo [String] Репозиторий в формате username/repo showThumbnail Опционально [boolean] Показывать миниатюру репозитория Пример:\n{{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; showThumbnail=true \u0026gt;}} nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2627 684 GitLab Card # gitlab — карточка GitLab Project (репозитория в терминологии GitLab). Актуальная статистика: звёзды, форки. В отличие от github, не показывает основной язык проекта. Поддерживает кастомный URL инстанса GitLab — если доступен endpoint api/v4/projects/, работает с self-hosted и enterprise.\nПараметр Описание projectID [String] Числовой ProjectID GitLab baseURL [String] URL инстанса GitLab, по умолчанию https://gitlab.com/ Пример:\n{{\u0026lt; gitlab projectID=\u0026#34;278964\u0026#34; \u0026gt;}} GitLab.org / GitLab GitLab is an open source end-to-end software development platform with built-in version control, issue tracking, code review, CI/CD, and more. Self-host GitLab on your own servers, in a container, or on a cloud provider. 5921 11861 Hugging Face Card # huggingface — карточка модели или датасета Hugging Face. Актуальная информация: лайки, загрузки, тип и описание.\nПараметр Описание model [String] Модель в формате username/model dataset [String] Датасет в формате username/dataset Важно: Используй либо model, либо dataset — не оба.\nПример 1 (Модель):\n{{\u0026lt; huggingface model=\u0026#34;google-bert/bert-base-uncased\u0026#34; \u0026gt;}} google-bert/bert-base-uncased fill-mask 2569 5.3047036e\u0026#43;07 Пример 2 (Датасет):\n{{\u0026lt; huggingface dataset=\u0026#34;stanfordnlp/imdb\u0026#34; \u0026gt;}} stanfordnlp/imdb Large Movie Review Dataset. This is a dataset for binary sentiment classification containing substantially more data than previous benchmark datasets. We provide a set of 25,000 highly polar movie reviews for training, and 25,000 for testing. There is additional unlabeled data for use as well. Supported Tasks and Leaderboards More Information Needed Languages More Information Needed Dataset Structure… See the full description on the dataset page: https://huggingface.co/datasets/stanfordnlp/imdb. dataset 362 92543 Icon # icon — SVG-иконка, масштабируется под текущий размер текста. Единственный параметр — имя иконки.\nПример:\n{{\u0026lt; icon \u0026#34;github\u0026#34; \u0026gt;}} Результат: Иконки загружаются через Hugo pipelines — максимальная гибкость. Blowfish включает набор встроенных иконок для соцсетей, ссылок и прочего.\nСвои иконки: положи SVG в assets/icons/ проекта. В shortcode используй имя файла без .svg.\nKaTeX # katex — математические выражения через KaTeX. Синтаксис — в справочнике TeX-функций.\nShortcode достаточно вставить один раз на странице — KaTeX автоматически отрендерит всю разметку. Поддерживаются inline и block нотации.\nInline: оберни выражение в \\( и \\). Block: используй $$.\nПример:\n{{\u0026lt; katex \u0026gt;}} \\(f(a,b,c) = (a^2+b^2+c^2)^3\\) \\(f(a,b,c) = (a^2+b^2+c^2)^3\\)\nKeyword # keyword — визуальное выделение важных слов и фраз (например, профессиональных навыков). keywordList — группировка нескольких keyword.\nПараметр Описание icon Опциональная иконка для keyword Внутри — Markdown.\nПример 1:\n{{\u0026lt; keyword \u0026gt;}} *Супер* навык {{\u0026lt; /keyword \u0026gt;}} Super skill Пример 2:\n{{\u0026lt; keywordList \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;github\u0026#34; \u0026gt;}} Lorem ipsum dolor. {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; keyword icon=\u0026#34;code\u0026#34; \u0026gt;}} **Важный** навык {{\u0026lt; /keyword \u0026gt;}} {{\u0026lt; /keywordList \u0026gt;}} {{\u0026lt; keyword \u0026gt;}} *Отдельный* навык {{\u0026lt; /keyword \u0026gt;}} Lorem ipsum dolor Important skill Standalone skill Lead # lead — акцент на начало статьи. Введение или важная информация. Оберни любой Markdown-контент.\nПример:\n{{\u0026lt; lead \u0026gt;}} Когда жизнь даёт тебе лимоны — делай лимонад. {{\u0026lt; /lead \u0026gt;}} When life gives you lemons, make lemonade. List # list — список последних статей. Обязательный параметр limit ограничивает количество. where и value фильтруют статьи по параметрам. Shortcode не отображает родительскую страницу, но учитывает её в limit.\nПараметр Описание limit Обязательно. Количество статей. title Заголовок списка, по умолчанию Recent cardView Карточный вид, по умолчанию false where Переменная для фильтрации, например Type value Значение для where, например для Type — sample Значения where и value используются в запросе where .Site.RegularPages $where $value. Доступные параметры — в документации Hugo. Пример 1:\n{{\u0026lt; list limit=2 \u0026gt;}} Недавние Git Workflow для Hugo блога 23 февраля 2026\u0026middot;5 минут\u0026middot; loading \u0026middot; loading Шпаргалки Git Workflow Hugo Cheatsheet Пример 2:\n{{\u0026lt; list title=\u0026#34;Samples\u0026#34; cardView=true limit=6 where=\u0026#34;Type\u0026#34; value=\u0026#34;sample\u0026#34; \u0026gt;}} Samples LTR/RTL # ltr и rtl — смешивание направлений текста. Пользователи RTL-языков могут вставлять LTR-фрагменты. С % как внешним разделителем — Markdown внутри рендерится нормально (см. Hugo shortcodes).\nПример:\n- Это markdown-список. - Направление по умолчанию — LTR {{% rtl %}} - هذه القائمة باللغة العربية - من اليمين الى اليسار {{% /rtl %}} This is an markdown list. Its per default a LTR direction هذه القائمة باللغة العربية من اليمين الى اليسار Markdown Importer # Импорт markdown-файлов из внешних источников без копипасты.\nПараметр Описание url Обязательно. URL внешнего markdown-файла. Пример:\n{{\u0026lt; mdimporter url=\u0026#34;https://raw.githubusercontent.com/nunocoracao/nunocoracao/master/README.md\u0026#34; \u0026gt;}} Hi there 👋 # 🧠 Principal PM @ Docker (AI, agents, infra) · Creator of Blowfish · Ex-founder · Mentor \u0026amp; advisor\n🚀 Personal blog - n9o.xyz\n🐡 Creator and maintainer of Blowfish @ Blowfish page\n🐳 Principal Product Manager @ Docker - working on cagent\n📚 mentoring @ mentorcruise\nMermaid # mermaid — диаграммы и визуализации через текст. Под капотом Mermaid — широкий набор диаграмм, графиков и форматов.\nПиши синтаксис Mermaid внутри shortcode — плагин сделает остальное.\nСинтаксис и типы диаграмм — в официальной документации Mermaid.\nПример:\n{{\u0026lt; mermaid \u0026gt;}} graph LR; A[Lemons]--\u0026gt;B[Lemonade]; B--\u0026gt;C[Profit] {{\u0026lt; /mermaid \u0026gt;}} graph LR; A[Lemons]--\u003eB[Lemonade]; B--\u003eC[Profit] Swatches # swatches — набор до трёх цветов для демонстрации палитры. Параметры — HEX-коды.\nПример:\n{{\u0026lt; swatches \u0026#34;#64748b\u0026#34; \u0026#34;#3b82f6\u0026#34; \u0026#34;#06b6d4\u0026#34; \u0026gt;}} Результат: Tabs # tabs — вкладки для вариантов одного шага. Пример: инструкции по установке VS Code на разных платформах.\nПараметр Описание group Опционально. Имя группы для синхронизации. Вкладки с одинаковым group переключаются вместе. default Опционально. Метка активной вкладки по умолчанию. Если не задано — первая вкладка. label Обязательно. Текст на кнопке вкладки. icon Опционально. Иконка перед текстом. Пример 1: Базовое использование\n{{\u0026lt; tabs \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Windows\u0026#34; \u0026gt;}} Установка через Chocolatey: ```pwsh choco install vscode.install ``` или через WinGet ```pwsh winget install -e --id Microsoft.VisualStudioCode ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;macOS\u0026#34; \u0026gt;}} ```bash brew install --cask visual-studio-code ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Linux\u0026#34; \u0026gt;}} См. [документацию](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux). {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} Результат:\nWindows macOS Linux Install using Chocolatey:\nchoco install vscode.install or install using WinGet\nwinget install -e --id Microsoft.VisualStudioCode brew install --cask visual-studio-code See documentation. Пример 2: С Group, Default и Icon\n{{\u0026lt; tabs group=\u0026#34;lang\u0026#34; default=\u0026#34;Python\u0026#34; \u0026gt;}} {{\u0026lt; tab label=\u0026#34;JavaScript\u0026#34; icon=\u0026#34;code\u0026#34; \u0026gt;}} ```javascript console.log(\u0026#34;Hello\u0026#34;); ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Python\u0026#34; icon=\u0026#34;sun\u0026#34; \u0026gt;}} ```python print(\u0026#34;Hello\u0026#34;) ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Go\u0026#34; icon=\u0026#34;moon\u0026#34; \u0026gt;}} ```go fmt.Println(\u0026#34;Hello\u0026#34;) ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} {{\u0026lt; tabs group=\u0026#34;lang\u0026#34; default=\u0026#34;Python\u0026#34; \u0026gt;}} {{\u0026lt; tab label=\u0026#34;JavaScript\u0026#34; icon=\u0026#34;code\u0026#34; \u0026gt;}} ```javascript const add = (a, b) =\u0026gt; a + b; ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Python\u0026#34; icon=\u0026#34;sun\u0026#34; \u0026gt;}} ```python def add(a, b): return a + b ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; tab label=\u0026#34;Go\u0026#34; icon=\u0026#34;moon\u0026#34; \u0026gt;}} ```go func add(a, b int) int { return a + b } ``` {{\u0026lt; /tab \u0026gt;}} {{\u0026lt; /tabs \u0026gt;}} Результат:\nJavaScript Python Go console.log(\u0026#34;Hello\u0026#34;); print(\u0026#34;Hello\u0026#34;) fmt.Println(\u0026#34;Hello\u0026#34;) JavaScript Python Go const add = (a, b) =\u0026gt; a + b; def add(a, b): return a + b func add(a, b int) int { return a + b } Обе группы вкладок имеют одинаковый group=\u0026quot;lang\u0026quot; — клик по любой вкладке синхронизирует обе группы. default=\u0026quot;Python\u0026quot; делает Python активной вкладкой по умолчанию, icon=\u0026quot;code\u0026quot; добавляет иконку перед текстом.\nTimeline # timeline — визуальная хронология: профессиональный опыт, достижения проекта и т.д. Элементы — через timelineItem.\nПараметр Описание md Рендерить контент как Markdown (true/false) icon Иконка в визуальных элементах таймлайна header Заголовок записи badge Текст в бейдже справа сверху subheader Подзаголовок записи Пример:\n{{\u0026lt; timeline \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;github\u0026#34; header=\u0026#34;header\u0026#34; badge=\u0026#34;badge test\u0026#34; subheader=\u0026#34;subheader\u0026#34; \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Another Awesome Header\u0026#34; badge=\u0026#34;date - present\u0026#34; subheader=\u0026#34;Awesome Subheader\u0026#34; \u0026gt;}} With html code \u0026lt;ul\u0026gt; \u0026lt;li\u0026gt;Coffee\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Tea\u0026lt;/li\u0026gt; \u0026lt;li\u0026gt;Milk\u0026lt;/li\u0026gt; \u0026lt;/ul\u0026gt; {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;star\u0026#34; header=\u0026#34;Shortcodes\u0026#34; badge=\u0026#34;AWESOME\u0026#34; \u0026gt;}} With other shortcodes {{\u0026lt; gallery \u0026gt;}} \u0026lt;img src=\u0026#34;gallery/01.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/02.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/03.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/04.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/05.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/06.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; \u0026lt;img src=\u0026#34;gallery/07.jpg\u0026#34; class=\u0026#34;grid-w33\u0026#34; /\u0026gt; {{\u0026lt; /gallery \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; timelineItem icon=\u0026#34;code\u0026#34; header=\u0026#34;Another Awesome Header\u0026#34;\u0026gt;}} {{\u0026lt; github repo=\u0026#34;nunocoracao/blowfish\u0026#34; \u0026gt;}} {{\u0026lt; /timelineItem \u0026gt;}} {{\u0026lt; /timeline \u0026gt;}} header badge test subheader Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. Another Awesome Header date - present Awesome Subheader With html code Coffee Tea Milk Shortcodes AWESOME With other shortcodes Another Awesome Header nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2627 684 TypeIt # TypeIt — самый универсальный JS-инструмент для эффекта печатной машинки. Простая конфигурация: одна или несколько строк, переносы, удаление и замена, сложный HTML.\nBlowfish реализует подмножество функций TypeIt через shortcode. Текст — внутри typeit, поведение — через параметры.\nПараметр Описание tag [String] HTML-тег для рендеринга строк. classList [String] CSS-классы для HTML-элемента. initialString [String] Начальная строка, которая будет заменена. speed [number] Скорость печати в миллисекундах между шагами. lifeLike [boolean] Неравномерный темп печати, как у человека. startDelay [number] Задержка перед началом печати после инициализации. breakLines [boolean] Печатать строки друг под другом (true) или удалять и заменять (false). waitUntilVisible [boolean] Начинать при загрузке или когда элемент станет видимым. По умолчанию true. loop [boolean] Зацикливать строки после завершения. Пример 1:\n{{\u0026lt; typeit \u0026gt;}} Lorem ipsum dolor sit amet {{\u0026lt; /typeit \u0026gt;}} Пример 2:\n{{\u0026lt; typeit tag=h1 lifeLike=true \u0026gt;}} Lorem ipsum dolor sit amet, consectetur adipiscing elit. {{\u0026lt; /typeit \u0026gt;}} Пример 3:\n{{\u0026lt; typeit tag=h3 speed=50 breakLines=false loop=true \u0026gt;}} \u0026#34;Frankly, my dear, I don\u0026#39;t give a damn.\u0026#34; Gone with the Wind (1939) \u0026#34;I\u0026#39;m gonna make him an offer he can\u0026#39;t refuse.\u0026#34; The Godfather (1972) \u0026#34;Toto, I\u0026#39;ve a feeling we\u0026#39;re not in Kansas anymore.\u0026#34; The Wizard of Oz (1939) {{\u0026lt; /typeit \u0026gt;}} Video # video — встраивание локальных и внешних видео. Shortcode рендерит \u0026lt;figure\u0026gt; с адаптивным плеером и опциональной подписью.\nПараметр Описание src Обязательно. URL видео или локальный путь. Порядок поиска: page resource → assets/ → static/. poster Опциональный URL или путь к постеру. Если не задан — ищет изображение с тем же именем в page bundle. caption Опциональная Markdown-подпись под видео. autoplay true/false. Автовоспроизведение. По умолчанию false. loop true/false. Зацикливание. По умолчанию false. muted true/false. Без звука. По умолчанию false. controls true/false. Стандартные элементы управления браузера. По умолчанию true. playsinline true/false. Встроенное воспроизведение на мобильных. По умолчанию true. preload metadata (загрузить инфо), none (экономить трафик), auto (предзагрузка). По умолчанию metadata. start Опциональное время начала в секундах. end Опциональное время окончания в секундах. ratio Зарезервированное соотношение сторон. 16/9, 4/3, 1/1 или кастомное W/H. По умолчанию 16/9. fit Как видео вписывается в соотношение: contain (без обрезки), cover (обрезка до заполнения), fill (растянуть). По умолчанию contain. Если браузер не воспроизводит видео — плеер покажет fallback-сообщение со ссылкой на скачивание.\nПример:\n{{\u0026lt; video src=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/5/5a/CC0_-_Public_Domain_Dedication_video_bumper.webm\u0026#34; poster=\u0026#34;https://upload.wikimedia.org/wikipedia/commons/e/e0/CC0.jpg\u0026#34; caption=\u0026#34;**Public domain demo** — CC0 video and poster.\u0026#34; loop=true muted=true \u0026gt;}} Your browser cannot play this video. Download video.\nPublic domain demo — CC0 video and poster. Youtube Lite # Лёгкое встраивание YouTube через lite-youtube-embed. Библиотека быстрее и эффективнее стандартных embed.\nПараметр Описание id [String] ID YouTube-видео label [String] Метка видео params [String] Дополнительные параметры воспроизведения Пример 1:\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; \u0026gt;}} Пример 2:\nВсе параметры плеера YouTube для params:\nЭто видео начнётся с 130 секунды (2м10с)\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; params=\u0026#34;start=130\u0026#34; \u0026gt;}} Это видео без элементов управления, начнётся с 130 секунды и остановится через 10 секунд.\nДля объединения нескольких параметров — символ \u0026amp; между ними:\n{{\u0026lt; youtubeLite id=\u0026#34;SgXhGb-7QbU\u0026#34; label=\u0026#34;Blowfish-tools demo\u0026#34; params=\u0026#34;start=130\u0026amp;end=10\u0026amp;controls=0\u0026#34; \u0026gt;}} Подробнее — в репозитории youtubeLite и на странице параметров плеера YouTube.\n","externalUrl":null,"permalink":"/cheatsheets/shortcodes/","section":"Шпаргалки","summary":"","title":"Shortcodes","type":"cheatsheets"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/cheatsheet/","section":"Теги","summary":"","title":"Cheatsheet","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/git/","section":"Теги","summary":"","title":"Git","type":"tags"},{"content":" Структура проекта # ~/projects/blog/ ← одна папка, две ветки ├── main ← production (blog.ru) └── dev ← development (dev.blog.ru) Принцип: Одна папка, две ветки. Переключение через git checkout, не через разные директории. Золотые правила # ✅ ВСЕ изменения только через dev\n✅ В main попадает только через git merge dev\n✅ Никогда не редактировать находясь на main\n✅ Всегда git pull перед началом работы\n✅ Проверяй на dev окружении перед публикацией\n❌ Не редактировать на ветке main\n❌ Не делать git push --force в main\n❌ Не забывать git pull перед merge\nПрефиксы для commit сообщений # Основные # feat: - новая функциональность\nfeat: новая статья про Kubernetes feat: добавил комментарии fix: - исправление ошибки\nfix: опечатка в статье fix: сломанная ссылка style: - форматирование, стили\nstyle: настроил CSS для тёмной темы style: исправил отступы docs: - изменения в документации\ndocs: обновил README refactor: - рефакторинг без изменения функций\nrefactor: упростил структуру конфигов chore: - рутинные задачи\nchore: обновил зависимости chore: удалил старые файлы revert: - откат коммита\nrevert: \u0026#34;feat: добавил комментарии\u0026#34; Дополнительные # perf: - улучшение производительности\ntest: - тесты\nbuild: - изменения сборки\nci: - изменения CI/CD\nСоздание новой статьи # cd ~/projects/blog # Переключаемся на dev git checkout dev git pull origin dev # Создаём статью hugo new content posts/название-статьи/index.md # Локальный предпросмотр hugo server -D --bind 0.0.0.0 # Редактируем, сохраняем, проверяем в браузере # Коммитим git add . git commit -m \u0026#34;feat: новая статья про X\u0026#34; git push origin dev # → Автосборка → dev.blog.ru Публикация в production # cd ~/projects/blog # Убеждаемся что dev актуален git checkout dev git pull origin dev # Переключаемся на main и мержим git checkout main git pull origin main git merge dev --no-edit git push origin main # → Автосборка → blog.ru Исправление опечатки # cd ~/projects/blog # ВСЕ изменения через dev! git checkout dev git pull origin dev # Исправляем nano content/posts/статья/index.md # Коммитим git add . git commit -m \u0026#34;fix: опечатка в статье\u0026#34; git push origin dev # Проверяем на dev, если ОК - публикуем git checkout main git merge dev --no-edit git push origin main Обновление темы (Git submodule) # cd ~/projects/blog git checkout dev git pull origin dev # Обновляем тему git submodule update --remote themes/название-темы # Коммитим git add themes/название-темы git commit -m \u0026#34;chore: обновил тему\u0026#34; git push origin dev # Проверяем на dev, если ОК - публикуем git checkout main git merge dev --no-edit git push origin main Откат изменений # Когда откатывать vs когда делать fix # ОТКАТ → Эксперимент провалился:\nФункция не работает Стили сломали дизайн Тестировал - не зашло НОВЫЙ КОММИТ → Исправление правильного:\nОпечатка в статье Обновление информации Улучшение формулировок Вариант 1: Git revert (безопасный) # # Смотрим последние коммиты git log --oneline -5 # Создаём коммит который отменяет изменения git revert HEAD git push origin dev Плюсы: История сохранена\nМинусы: Создаёт дополнительный коммит\nВариант 2: Git reset (жёсткий откат) # # Откатываемся на предыдущий коммит git log --oneline -5 git reset --hard HEAD~1 # Принудительно пушим git push origin dev --force Плюсы: Чистая история\nМинусы: Опасно, нужен --force\nОткат несохранённых изменений # # Откатить один файл git checkout -- путь/к/файлу # Откатить всё git reset --hard HEAD Проверка статуса # # На какой ветке? git branch # * dev ← текущая ветка # Что изменилось? git status # История коммитов git log --oneline -10 # Разница между dev и main git diff main..dev # График веток git log --oneline --graph --all -10 Типичные ошибки и их решения # Случайно начал работать на main # # Отменяем все изменения (НЕ коммитили) git checkout -- . # Переключаемся на dev git checkout dev Случайно сделал git add на main # # Убираем из staging git reset # Переключаемся на dev git checkout dev # Добавляем правильно git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Случайно закоммитил в main # # Откатываем коммит (изменения остаются) git reset --soft HEAD~1 # Переключаемся на dev git checkout dev # Коммитим правильно git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Случайно запушил в main # # Откатываем на main git checkout main git reset --hard HEAD~1 git push origin main --force # Переключаемся на dev и делаем правильно git checkout dev git add . git commit -m \u0026#34;feat: ...\u0026#34; git push origin dev Быстрые команды # # Переключиться на dev и подтянуть изменения git checkout dev \u0026amp;\u0026amp; git pull origin dev # Опубликовать dev в main git checkout main \u0026amp;\u0026amp; git pull origin main \u0026amp;\u0026amp; git merge dev --no-edit \u0026amp;\u0026amp; git push origin main # Проверить доступность сайта curl -I https://blog.ru curl -I https://dev.blog.ru Полезные алиасы для ~/.gitconfig # [alias] st = status co = checkout br = branch ci = commit unstage = reset HEAD -- last = log -1 HEAD visual = log --oneline --graph --all -10 dev = checkout dev prod = checkout main После этого можно:\ngit dev # → git checkout dev git prod # → git checkout main git visual # → git log --oneline --graph --all -10 Стандартный workflow # # 1. Начало работы cd ~/projects/blog git checkout dev git pull origin dev # 2. Создаём/редактируем контент hugo new content posts/название/index.md hugo server -D --bind 0.0.0.0 # 3. Коммитим git add . git commit -m \u0026#34;feat: новая статья\u0026#34; git push origin dev # 4. Проверяем на dev окружении # 5. Публикуем в production git checkout main git pull origin main git merge dev --no-edit git push origin main Важно: Dev для экспериментов, main для проверенного контента. Всегда тестируй перед публикацией. ","date":"23 февраля 2026","externalUrl":null,"permalink":"/cheatsheets/git-workflow/","section":"Шпаргалки","summary":"","title":"Git Workflow для Hugo блога","type":"cheatsheets"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/hugo/","section":"Теги","summary":"","title":"Hugo","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/workflow/","section":"Теги","summary":"","title":"Workflow","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/categories/","section":"Категории","summary":"","title":"Категории","type":"categories"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/","section":"Олег Казанин","summary":"","title":"Олег Казанин","type":"page"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/tags/","section":"Теги","summary":"","title":"Теги","type":"tags"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/categories/%D1%88%D0%BF%D0%B0%D1%80%D0%B3%D0%B0%D0%BB%D0%BA%D0%B8/","section":"Категории","summary":"","title":"Шпаргалки","type":"categories"},{"content":"","date":"23 февраля 2026","externalUrl":null,"permalink":"/cheatsheets/","section":"Шпаргалки","summary":"","title":"Шпаргалки","type":"cheatsheets"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/devops/","section":"Теги","summary":"","title":"Devops","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/categories/devops-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B8/","section":"Категории","summary":"","title":"DevOps Практики","type":"categories"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/gitea/","section":"Теги","summary":"","title":"Gitea","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/homelab/","section":"Теги","summary":"","title":"Homelab","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/k3s/","section":"Теги","summary":"","title":"K3s","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/categories/kubernetes/","section":"Категории","summary":"","title":"Kubernetes","type":"categories"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/kubernetes/","section":"Теги","summary":"","title":"Kubernetes","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/tags/namespace/","section":"Теги","summary":"","title":"Namespace","type":"tags"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/series/%D0%B1%D0%BB%D0%BE%D0%B3-%D0%BD%D0%B0-hugo-%D0%B2-k3s/","section":"Series","summary":"","title":"Блог На Hugo В K3s","type":"series"},{"content":"В части 5 выяснили почему сайт отдавал 503 через раз. Виновник - брошенный namespace blog с нерабочим nginx, чей IngressRoute всё ещё висел на продакшн домене.\nМораль была проста: чисти за собой. Сегодня делаем именно это - переносим Gitea из старого namespace в oakazanin и удаляем старый namespace навсегда.\nЗаодно разберём универсальный алгоритм миграции, который работает для любого сервиса. Показываю на примере Gitea, но всё описанное применимо к любому stateful сервису - PostgreSQL, MySQL, Nextcloud, MinIO. Принципы одинаковые: экспортируй манифесты, поменяй namespace, создай новое перед удалением старого.\nПочему вообще нужна миграция между namespace # Namespace в Kubernetes - это логическая изоляция. Со временем они накапливаются: сначала default, потом blog, потом public, потом oakazanin. Каждый создавался \u0026ldquo;быстро, временно, потом разберёмся\u0026rdquo;.\nПроблемы начинаются когда:\nОдин домен прописан в IngressRoute двух разных namespace Старый сервис давно не работает, но его ресурсы висят и путают Непонятно где искать логи - в blog или oakazanin? Решение - собрать связанные сервисы в один namespace. В нашем случае всё что относится к блогу и его инфраструктуре живёт в oakazanin.\nТипы сервисов: stateless и stateful # Перед миграцией важно понять с чем имеешь дело.\nStateless сервисы - nginx, hugo-builder, любой под без постоянных данных. Миграция тривиальна: меняешь namespace в манифесте, применяешь, удаляешь старое. Данные не теряются потому что их нет.\nStateful сервисы - Gitea, базы данных, всё что хранит данные на диске. Здесь нужна осторожность: данные живут на PersistentVolume, который привязан к конкретному namespace через PersistentVolumeClaim.\nНаша Gitea - stateful. Репозитории лежат на NFS:\n192.168.11.30:/export/gitea-data └── /data/git/repositories/ ← Git репозитории └── /data/gitea/gitea.db ← База данных SQLite Данные никуда не переносятся - они остаются на NFS. Мы просто создаём новый PV/PVC в целевом namespace, который указывает на тот же NFS путь.\nШаг 1: Убеждаемся что данные целы # Прежде чем трогать что-либо - проверяем что данные на месте:\n# Заходим в работающий под и проверяем репозитории kubectl exec -n blog deployment/gitea -- find /data -maxdepth 3 -type d Видим структуру:\n/data/git/repositories/ /data/gitea/gitea.db /data/gitea/conf Репозитории есть - можно двигаться дальше. Также фиксируем NFS путь:\n# Смотрим откуда PV берёт данные kubectl get pv gitea-pv -o yaml | grep -A3 \u0026#34;nfs:\u0026#34; # Вывод # nfs: # path: /export/gitea-data # server: 192.168.11.30 Шаг 2: Экспортируем текущие манифесты # # Создаём папку для бэкапов mkdir -p ~/k8s-manifests/gitea-migration # Экспортируем все ресурсы из старого namespace kubectl get deployment gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/deployment.yaml kubectl get service gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/service.yaml kubectl get configmap gitea-config -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/configmap.yaml kubectl get pvc gitea-pvc -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/pvc.yaml kubectl get pv gitea-pv -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/pv.yaml kubectl get ingressroute gitea -n blog -o yaml \u0026gt; ~/k8s-manifests/gitea-migration/ingressroute.yaml Это страховка - если что-то пойдёт не так, есть откуда восстановиться.\nШаг 3: Готовим чистый манифест для нового namespace # Экспортированные манифесты содержат мусор: uid, resourceVersion, creationTimestamp, status. Всё это нужно убрать и поменять namespace.\nДля PV и PVC дополнительно меняем имена - убираем префиксы старого namespace:\nblog-gitea-pv → gitea-pv blog-gitea-pvc → gitea-pvc Собираем всё в один файл gitea.yaml:\n# PersistentVolume - тот же NFS путь, новое имя apiVersion: v1 kind: PersistentVolume metadata: name: gitea-pv spec: accessModes: - ReadWriteMany capacity: storage: 10Gi mountOptions: - nfsvers=3 - hard - timeo=600 - retrans=2 nfs: path: /export/gitea-data # ← тот же путь! server: 192.168.11.30 persistentVolumeReclaimPolicy: Retain claimRef: apiVersion: v1 kind: PersistentVolumeClaim name: gitea-pvc namespace: oakazanin # ← новый namespace --- # PersistentVolumeClaim - новый namespace, привязан к gitea-pv apiVersion: v1 kind: PersistentVolumeClaim metadata: name: gitea-pvc namespace: oakazanin spec: accessModes: - ReadWriteMany resources: requests: storage: 10Gi storageClassName: \u0026#34;\u0026#34; volumeName: gitea-pv --- # Certificate - cert-manager выпустит новый apiVersion: cert-manager.io/v1 kind: Certificate metadata: name: gitea-tls namespace: oakazanin spec: dnsNames: - git.example.com issuerRef: kind: ClusterIssuer name: letsencrypt-prod secretName: gitea-tls # ... остальные ресурсы: ConfigMap, Deployment, Service, IngressRoute Важный момент про SSL сертификат # Есть два подхода:\nСкопировать существующий секрет:\n# Копируем секрет из старого namespace в новый kubectl get secret gitea-tls -n blog -o yaml | \\ sed \u0026#39;s/namespace: blog/namespace: oakazanin/\u0026#39; | \\ kubectl apply -f - Плюс - мгновенно, нет даунтайма по SSL. Минус - тащим старый секрет.\nДать cert-manager выпустить новый: Просто создаём Certificate объект в новом namespace. cert-manager сам выпустит сертификат через Let\u0026rsquo;s Encrypt за 30-60 секунд.\nВыбираем второй вариант - чистое решение без наследия.\nШаг 4: Применяем в новом namespace # # Применяем манифест kubectl apply -f gitea.yaml Проверяем что всё поднялось:\n# PVC привязался к PV? kubectl get pv gitea-pv kubectl get pvc gitea-pvc -n oakazanin # Pod запустился с данными? kubectl get pods -n oakazanin | grep gitea # Сертификат выпущен? kubectl get certificate gitea-tls -n oakazanin Ожидаемый результат:\ngitea-pv Bound oakazanin/gitea-pvc gitea-pvc Bound gitea-pv gitea-... 1/1 Running gitea-tls True Проверяем что Gitea открывается и данные на месте:\n# Проверяем доступность curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 Шаг 5: Останавливаем старый сервис # Только после того как убедились что новый работает:\n# Останавливаем Gitea в старом namespace (не удаляем - просто 0 реплик) kubectl scale deployment gitea -n blog --replicas=0 # Ждём несколько минут, проверяем что сайт всё ещё работает curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 - трафик идёт через новый namespace Масштабирование до 0 реплик - страховка. Если что-то пошло не так, поднимаем обратно за секунду:\nkubectl scale deployment gitea -n blog --replicas=1 Шаг 6: Зачищаем старый namespace # Когда убедились что всё работает - удаляем в правильном порядке:\n# Сначала удаляем workloads kubectl delete deployment gitea -n blog kubectl delete service gitea -n blog kubectl delete configmap gitea-config -n blog kubectl delete secret gitea-tls -n blog kubectl delete ingressroute gitea gitea-http -n blog # Потом PVC (он держит PV) kubectl delete pvc gitea-pvc -n blog # Потом PV kubectl delete pv blog-gitea-pv # Последним - namespace kubectl delete namespace blog Почему такой порядок? # PVC нельзя удалить пока его использует Pod - K8s заблокирует операцию через finalizer kubernetes.io/pvc-protection. Поэтому сначала удаляем Deployment, ждём пока Pod завершится, потом PVC.\nPV с политикой Retain после удаления переходит в статус Released, но данные на NFS остаются нетронутыми. Это страховка от случайного удаления.\nФинальная проверка # # Namespace удалён? kubectl get namespace | grep blog # (пусто) # Старый PV удалён? kubectl get pv | grep blog # (пусто) # Новый PV работает? kubectl get pv gitea-pv # gitea-pv Bound oakazanin/gitea-pvc # Все сервисы живые? curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://blog.example.com # 200 curl -s -o /dev/null -w \u0026#34;%{http_code}\u0026#34; https://git.example.com # 200 Универсальность подхода # Этот алгоритм работает не только для Gitea. Те же шаги применимы к любым stateful сервисам:\nPostgreSQL/MySQL:\nЭкспортируешь Deployment, Service, PVC Меняешь namespace PV указывает на тот же NFS путь с базой данных Данные остаются нетронутыми Nextcloud:\nАналогично - файлы на NFS не переносятся Только манифесты меняют namespace Zero downtime если создаёшь новое до удаления старого MinIO (S3-хранилище):\nStateful, работает через PV/PVC Те же принципы - новый namespace, тот же NFS путь Stateless сервисы (nginx, API):\nЕщё проще - нет PV/PVC вообще Только Deployment + Service, меняешь namespace, готово Главный принцип: данные живут на PV, который привязан к NFS. Namespace меняется, путь на NFS остаётся.\nУниверсальный чеклист миграции # Подготовка [ ] Проверить данные в поде (find /data) [ ] Зафиксировать NFS путь (kubectl get pv -o yaml) [ ] Экспортировать манифесты в отдельную папку Создание в новом namespace [ ] Убрать служебные поля (uid, resourceVersion, status) [ ] Поменять namespace во всех манифестах [ ] Переименовать PV/PVC (убрать старые префиксы) [ ] Добавить Certificate объект (не копировать секрет) [ ] Применить манифест [ ] Проверить PVC Bound, Pod Running, Certificate True Переключение [ ] Убедиться что новый сервис работает (curl HTTP 200) [ ] Остановить старый (scale --replicas=0) [ ] Подождать 5 минут, проверить снова Зачистка [ ] Удалить Deployment, Service, ConfigMap, Secret [ ] Удалить IngressRoute [ ] Удалить PVC [ ] Удалить PV [ ] Удалить namespace [ ] Финальная проверка всех сервисов Итог # Вся миграция Gitea заняла около 10 минут. Даунтайм - 0 секунд: новый под поднялся раньше чем остановили старый, сертификат выпустился за ~32 секунды, данные подхватились с NFS автоматически.\nГлавные принципы которые работают:\nОдин namespace - один проект. Все сервисы блога живут в одном namespace. Никакого разброса по трём разным местам.\nСначала создай, потом удаляй. Никогда не удаляй старое до того как убедился что новое работает.\nRetain политика для PV. Данные на NFS переживут любые эксперименты с namespace.\nЧисти за собой. Брошенные IngressRoute и namespace - источник неочевидных проблем в самый неподходящий момент.\nЧто дальше # Блог работает, два окружения настроены, проблемы диагностируются за минуты, namespace чистый.\nВ следующей части добавим лайки и просмотры через Firebase Realtime Database и Cloud Firestore, исправим все ошибки интеграции с Blowfish, и обновим Hugo до 0.155 чтобы inline partials заработали.\nСтек этой части:\nKubernetes 1.30 (K3s) Gitea 1.21.11 NFS для статичных данных cert-manager + Let\u0026rsquo;s Encrypt kubectl для миграции ","date":"18 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-6-namespace-migration/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 6 - миграция между namespace","type":"posts"},{"content":"","date":"18 февраля 2026","externalUrl":null,"permalink":"/posts/","section":"Статьи","summary":"","title":"Статьи","type":"posts"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/debugging/","section":"Теги","summary":"","title":"Debugging","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/nginx/","section":"Теги","summary":"","title":"Nginx","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/traefik/","section":"Теги","summary":"","title":"Traefik","type":"tags"},{"content":"","date":"17 февраля 2026","externalUrl":null,"permalink":"/tags/troubleshooting/","section":"Теги","summary":"","title":"Troubleshooting","type":"tags"},{"content":"В части 4 мы разобрались с Git workflow. Всё работает: пушишь в dev - видишь на тестовом окружении, мержишь в main - публикуется на production.\nА потом в один прекрасный день открываешь свой сайт и видишь 503 Service Temporarily Unavailable.\nВчера же все работало! Ты ничего не менял. Что произошло?\nДобро пожаловать в мир эксплуатации Kubernetes, где проблемы тоже возникают и требуют системного подхода без паники.\nЭта статья - алгоритм диагностики от DNS до пода. Проходишь по шагам сверху вниз, находишь проблему за 5 минут. Не гадаешь, не тыкаешь наугад - работаешь по системе.\nАнатомия HTTP запроса в K3s # Прежде чем искать проблему, нужно понять путь запроса от браузера до nginx:\nБраузер ↓ DNS запрос DNS сервер (провайдер или Cloudflare) ↓ Возвращает IP адрес Роутер/Файрвол (OPNsense, MikroTik) ↓ Port Forward 443 → K3s node MetalLB LoadBalancer ↓ External IP Traefik Ingress Controller ↓ IngressRoute matching Kubernetes Service ↓ Endpoint selection Pod (Nginx контейнер) ↓ Volume mount NFS хранилище Проблема может быть на любом из этих уровней. Секрет эффективной диагностики - проверять снаружи внутрь, последовательно исключая рабочие компоненты.\nКогда тыкаешь наугад, проверяя сначала поды, потом DNS, потом снова поды - тратишь время. Когда идёшь по алгоритму - находишь проблему за минуты.\nШаг 1: DNS - доходит ли домен до твоего IP # Первым делом проверяем что домен резолвится в правильный IP. Без этого дальше проверять бессмысленно - браузер просто не знает куда направлять запрос.\nПроверка # # Проверяем DNS резолв (используй свой домен) dig blog.example.com +short # Альтернатива если dig не установлен nslookup blog.example.com Ожидаемый результат # 77.37.XXX.XXX Должен вернуться твой публичный IP адрес (тот который прописан в A-записи у DNS провайдера).\nЧто может пойти не так # Симптом Причина Как проверить Решение Возвращается старый IP DNS кеш не обновился dig blog.example.com @8.8.8.8 Подожди TTL (обычно 300-3600 сек) NXDOMAIN ошибка Домен не делегирован Проверь NS записи у регистратора Настрой DNS правильно Возвращается 127.0.0.1 Локальный override cat /etc/hosts | grep blog Удали строку из /etc/hosts Возвращается несколько IP Round-robin DNS Проверь все ли IP твои Удали лишние A-записи Если DNS правильный - идём дальше.\nШаг 2: Внешний доступ - доходит ли запрос до сервера # Теперь проверяем что запрос физически доходит до сервера. DNS может быть правильным, но файрвол может блокировать трафик.\nПроверка # # Пробуем подключиться извне (важно - НЕ из локальной сети!) curl -v https://blog.example.com 2\u0026gt;\u0026amp;1 | head -30 Важно: Запускай эту команду с внешнего сервера или используй мобильный интернет. Тест из локальной сети ничего не докажет - можешь обходить файрвол.\nСитуация А: Connection refused или timeout # curl: (7) Failed to connect to blog.example.com port 443: Connection refused Запрос вообще не дошёл до сервера. Проблема на сетевом уровне.\nВозможные причины:\n1. Порт 443 закрыт на файрволе/роутере\nПроверь Port Forward правила на OPNsense/MikroTik. Должно быть:\nWAN:443 → 192.168.X.X:443 (IP любой K3s ноды) 2. MetalLB не назначил External IP для Traefik\n# Проверяем MetalLB kubectl get svc -n traefik traefik # Ожидаемый результат NAME TYPE EXTERNAL-IP PORT(S) traefik LoadBalancer 192.168.X.X 80:30080/TCP,443:30443/TCP Если EXTERNAL-IP показывает \u0026lt;pending\u0026gt; - MetalLB не работает или пул IP адресов не настроен.\n3. Traefik под не запущен\n# Проверяем что Traefik работает kubectl get pods -n traefik # Должны быть все Running NAME READY STATUS traefik-xxxxxxxxxx-xxxxx 1/1 Running Ситуация Б: TLS handshake прошёл, но 503 # \u0026lt; HTTP/2 503 \u0026lt; content-type: text/plain; charset=utf-8 \u0026lt; content-length: 20 no available server Отлично - наша ситуация! Traefik работает, SSL сертификат отдаёт, но дальше запрос упирается в стену.\nСообщение no available server означает что Traefik нашёл роутер, но не нашёл живой бэкенд за ним.\nПроблема внутри кластера. Идём глубже.\nСитуация В: SSL certificate problem # curl: (60) SSL certificate problem: unable to get local issuer certificate Сертификат невалидный или не выпущен.\n# Проверяем Certificate объект (используй свой namespace) kubectl get certificate -n blog # Должно быть READY=True NAME READY SECRET AGE blog-tls True blog-tls 2d Если READY=False - cert-manager не смог выпустить сертификат.\n# Смотрим что пошло не так kubectl describe certificate blog-tls -n blog # Ищем секцию Events внизу вывода - там описание проблемы Главное: Запрос доходит до Traefik # # Проверка (с ВНЕШНЕГО сервера!) curl -I https://blog.example.com # Ожидаемый результат (любой из двух) HTTP/2 200 # Всё работает HTTP/2 503 # Traefik работает, но бэкенд недоступен # Если connection refused/timeout - проблема в сети (см. выше) Шаг 3: Traefik - правильно ли маршрутизируется трафик # Traefik получил запрос на твой домен. Что он с ним делает? Смотрим логи.\nПроверка логов Traefik # # Смотрим последние 50 строк логов Traefik kubectl logs -n traefik deployment/traefik --tail=50 # Фильтруем только свой домен (убираем шум от других сервисов) kubectl logs -n traefik deployment/traefik --tail=100 | grep blog.example Что искать в логах # Нормальный запрос:\n{ \u0026#34;request\u0026#34;: \u0026#34;GET / HTTP/2.0\u0026#34;, \u0026#34;status\u0026#34;: 200, \u0026#34;size\u0026#34;: 8994, \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https-xxxxx@kubernetescrd\u0026#34;, \u0026#34;service\u0026#34;: \u0026#34;blog-nginx-blog@kubernetescrd\u0026#34;, \u0026#34;backend\u0026#34;: \u0026#34;http://10.42.2.40:80\u0026#34;, \u0026#34;duration\u0026#34;: 12 } Ключевые поля:\nrouter: Traefik нашёл нужный IngressRoute (blog-blog-https) backend: IP пода nginx куда проксируется запрос (10.42.2.40:80) status: HTTP код ответа от nginx (200 = всё хорошо) Проблемный запрос:\n{ \u0026#34;request\u0026#34;: \u0026#34;GET / HTTP/2.0\u0026#34;, \u0026#34;status\u0026#34;: 503, \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https-xxxxx@kubernetescrd\u0026#34;, \u0026#34;error\u0026#34;: \u0026#34;no available server\u0026#34; } Traefik нашёл роутер, но поле backend отсутствует - под недоступен или не существует.\nПроверяем список IngressRoute # # Смотрим все IngressRoute в кластере kubectl get ingressroute -A # Фильтруем только свой домен kubectl get ingressroute -A | grep blog.example Важный момент: Если один и тот же домен прописан в двух разных IngressRoute из разных namespace - Traefik будет балансировать между ними.\nНапример:\nNAMESPACE NAME AGE blog blog-https 10d # СТАРЫЙ namespace blog-new blog-https 2d # НОВЫЙ namespace Оба IngressRoute имеют match: Host('blog.example.com'). Traefik видит оба, честно балансирует трафик 50/50.\nЕсли один из бэкендов мёртв - половина запросов уходит в пустоту. 503 через раз.\nРешение: Удалить старый IngressRoute:\n# Удаляем дубль из старого namespace kubectl delete ingressroute blog-https blog-http -n blog Проверяем синтаксис match # Traefik очень требователен к синтаксису. Частая ошибка - забыть backticks или скобки.\nНеправильно:\nmatch: Host(blog.example.com) # Нет backticks match: Host `blog.example.com` # Нет скобок вокруг Host match: Host(\u0026#34;blog.example.com\u0026#34;) # Двойные кавычки вместо backticks Правильно:\nmatch: Host(`blog.example.com`) Проверяем:\n# Смотрим манифест IngressRoute kubectl get ingressroute blog-https -n blog -o yaml | grep match: # Должно быть со скобками и backticks match: Host(`blog.example.com`) Главное: Traefik нашёл роутер # # Проверка kubectl logs -n traefik deployment/traefik --tail=50 | grep blog.example # Ожидаемый результат - есть строки с \u0026#34;router\u0026#34;: \u0026#34;blog-blog-https\u0026#34; # Если router не найден - проблема в IngressRoute match синтаксисе Шаг 4: Service - видит ли он поды # Traefik нашёл роутер, проксирует трафик на Service. Но Service может не видеть поды если selector неправильный.\nПроверка endpoints # # Смотрим endpoints для Service (используй своё имя Service) kubectl get endpoints nginx -n blog # Ожидаемый результат - НЕ пустой список IP NAME ENDPOINTS nginx 10.42.0.44:80,10.42.2.40:80 Если видишь \u0026lt;none\u0026gt; - Service не нашёл ни одного пода. Две возможные причины.\nПричина 1: Selector не совпадает с labels # # Смотрим selector у Service kubectl get svc nginx -n blog -o yaml | grep -A3 \u0026#34;selector:\u0026#34; # Вывод selector: app: nginx # Смотрим labels у подов kubectl get pods -n blog --show-labels | grep nginx # Вывод nginx-xxxxxxxxxx-xxxxx 1/1 Running app=nginx-old Видишь проблему? Service ищет app: nginx, а под помечен app: nginx-old. Не совпадает.\nРешение: Исправить Deployment или Service чтобы labels совпадали.\nПричина 2: Поды не Running # # Смотрим статус подов kubectl get pods -n blog # Видим NAME READY STATUS nginx-xxxxxxxxxx-xxxxx 0/1 CreateContainerError Под существует, но не работает. Service правильно не включает его в endpoints. Идём в следующий шаг - разбираемся почему под не запускается.\nГлавное: Service видит поды # # Проверка kubectl get endpoints nginx -n blog # Ожидаемый результат - НЕ пустой nginx 10.42.0.44:80,10.42.2.40:80 # Если \u0026lt;none\u0026gt; - проблема в селекторах или поды не Running Шаг 5: Pod - что происходит внутри контейнера # Самый глубокий уровень. Под не запускается или падает в цикле перезапусков.\nПроверка статуса подов # # Смотрим все поды в namespace kubectl get pods -n blog # Фильтруем только nginx kubectl get pods -n blog | grep nginx Возможные статусы проблем:\nCreateContainerError # Контейнер вообще не может стартануть. Обычно проблема с volumes или образом.\n# Смотрим детали пода (используй своё имя пода) kubectl describe pod nginx-xxxxxxxxxx-xxxxx -n blog | tail -30 Ищем секцию Events внизу вывода. Там будет описание проблемы:\nПример 1: PVC не примонтировался\nEvents: Warning FailedMount MountVolume.SetUp failed for volume \u0026#34;blog-public-pvc\u0026#34;: mount failed: mount.nfs: Connection timed out NFS хранилище недоступно. Возможные причины:\nNFS сервер выключен или перезагружается Неправильный IP или путь в PersistentVolume Файрвол блокирует NFS трафик (порт 2049) Пример 2: Образ не скачался\nEvents: Warning Failed Failed to pull image \u0026#34;nginx:latest\u0026#34;: rpc error: code = Unknown Контейнер не может скачать образ. Обычно это означает что imagePullPolicy: Never, а образ не импортирован на ноду.\n# Проверяем что образ есть на ноде (используй IP своей worker ноды) ssh user@192.168.X.X \u0026#34;sudo k3s crictl images | grep nginx\u0026#34; Если образа нет - импортируй его через k3s ctr images import.\nПример 3: ConfigMap не найден\nEvents: Warning FailedMount ConfigMap \u0026#34;nginx-config\u0026#34; not found Deployment ссылается на несуществующий ConfigMap.\n# Проверяем что ConfigMap существует kubectl get configmap -n blog | grep nginx-config Если нет - создай или исправь имя в Deployment.\nCrashLoopBackOff # Контейнер запускается, но сразу падает. Смотрим логи предыдущего запуска:\n# Логи последнего упавшего контейнера kubectl logs nginx-xxxxxxxxxx-xxxxx -n blog --previous Пример: Nginx падает из-за неправильного конфига\nnginx: [emerg] unexpected \u0026#34;}\u0026#34; in /etc/nginx/nginx.conf:15 nginx: configuration file /etc/nginx/nginx.conf test failed Синтаксическая ошибка в nginx.conf. Проверяем ConfigMap:\n# Смотрим содержимое конфига kubectl get configmap nginx-config -n blog -o yaml Находим ошибку, исправляем, применяем. Под перезапустится автоматически.\nГлавное: Под работает # # Проверка kubectl get pods -n blog | grep nginx # Ожидаемый результат - все Running nginx-xxxxxxxxxx-xxxxx 1/1 Running 0 2d # Если не Running - смотри troubleshooting выше Шаг 6: Контент - есть ли файлы для отдачи # Под работает, Service видит его, Traefik проксирует трафик. Но сайт отдаёт 404 Not Found или пустую страницу.\nПроблема: Hugo Builder не записал файлы на NFS или записал не туда.\nПроверка # # Заходим в под nginx (используй своё имя пода) kubectl exec -it nginx-xxxxxxxxxx-xxxxx -n blog -- sh # Внутри пода смотрим что примонтировалось ls -la /usr/share/nginx/html/ # Должен быть index.html и папки posts, tags, etc Если директория пустая - Hugo Builder не сработал. Проверяем его логи:\n# Логи Hugo Builder kubectl logs -n blog deployment/hugo-builder-prod --tail=50 Ищем строку Build successful! и список созданных файлов. Если её нет:\nWebhook не сработал - проверь настройки webhook в Gitea Hugo упал с ошибкой - читай логи выше, смотри на что ругается Собрал в другую директорию - проверь переменную OUTPUT_DIR в build.sh Главное: Контент на месте # # Проверка (используй своё имя пода) kubectl exec -it nginx-xxxxxxxxxx-xxxxx -n blog -- ls /usr/share/nginx/html/ | head -5 # Ожидаемый результат index.html posts/ tags/ categories/ # Если пусто - Hugo Builder не отработал (см. выше) Быстрый чеклист для любой проблемы # Сохрани эту последовательность - она работает для 95% проблем:\n[ ] DNS: dig домен → правильный IP? [ ] Сеть: curl -v https://домен → доходит до Traefik? [ ] MetalLB: kubectl get svc -n traefik → External IP назначен? [ ] Traefik: kubectl get pods -n traefik → Running? [ ] IngressRoute: kubectl get ingressroute -A | grep домен → нет дублей? [ ] Match синтаксис: Host(`домен`) со скобками и backticks? [ ] Endpoints: kubectl get endpoints -n namespace → не пустые? [ ] Selector: labels подов совпадают с selector Service? [ ] Pods: kubectl get pods -n namespace → все Running? [ ] PVC: kubectl get pvc -n namespace → все Bound? [ ] Контент: kubectl exec ls /usr/share/nginx/html → файлы есть? Проходишь по списку сверху вниз. Останавливаешься на первом [ ] где что-то не так. Чинишь. Проверяешь снова.\nНе прыгай хаотично между уровнями. Алгоритм экономит время.\nРеальный пример: 503 через раз # Мой сайт отдавал 503 примерно в 50% запросов. Половина запросов работала, половина нет.\nПрошёл по алгоритму:\n✅ DNS - правильный IP ✅ Сеть - Traefik отвечает ✅ MetalLB - External IP назначен ✅ Traefik - поды Running ❌ IngressRoute - два роутера на один домен kubectl get ingressroute -A | grep oakazanin NAMESPACE NAME blog blog-https # СТАРЫЙ, бэкенд в CreateContainerError oakazanin blog-https # НОВЫЙ, работает Traefik видел два роутера, честно балансировал трафик 50/50. Каждый второй запрос улетал в мёртвый blog/nginx.\nДиагноз поставлен за 3 минуты. Лечение - одна команда:\n# Удаляем дубль из старого namespace kubectl delete ingressroute blog-https blog-http -n blog Мораль: всегда чисти за собой. Старые namespace с нерабочими сервисами - источник неочевидных проблем.\nОткат и cleanup # Если в процессе диагностики что-то сломал ещё больше - откатываемся:\n# Восстанавливаем предыдущую версию манифеста kubectl apply -f nginx-deployment.yaml # Перезапускаем поды принудительно kubectl rollout restart deployment/nginx -n blog # Смотрим что изменения применились kubectl rollout status deployment/nginx -n blog Золотое правило: Перед экспериментами делай бэкапы манифестов:\n# Экспортируем текущее состояние с датой kubectl get deployment,service,ingressroute -n blog -o yaml \u0026gt; backup-$(date +%Y%m%d).yaml Что дальше # Ты умеешь диагностировать проблемы. Но лучше их вообще не создавать.\nВ следующей части покажу как правильно мигрировать сервисы между namespace - без даунтайма, дублей IngressRoute и других сюрпризов которые приводят к 503.\nРазберём реальный пример: переносим Gitea между namespace с NFS данными, получаем новый SSL за 32 секунды, и удаляем старый namespace навсегда.\nСтек этой части:\nTraefik 2.11 IngressRoute Kubernetes 1.30 (K3s) kubectl CLI curl для внешних проверок dig для DNS диагностики ","date":"17 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-5-debugging/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 5 - что делать когда всё внезапно сломалось","type":"posts"},{"content":"В части 3 мы развернули два окружения - production и development. Один репозиторий, две ветки (main и dev), два пайплайна.\nТеперь встаёт вопрос: как организовать работу локально?\nПроблема # У нас есть:\nРепозиторий в Gitea Две ветки: main (production) и dev (development) Необходимость постоянно переключаться между ними Как это делать на локальной машине? Два варианта.\nВариант А: Две отдельные папки # Клонируем репозиторий дважды - в разные папки:\n~/projects/ ├── blog/ ← ветка main (production) └── blog-dev/ ← ветка dev (development) Логика: Хочу работать с dev - иду в blog-dev. Хочу что-то проверить в production - иду в blog. Без переключения веток.\nКажущиеся преимущества # Параллельная работа. Можно держать открытыми два терминала - в одном hugo server для dev, в другом смотреть production код.\nИзоляция. Каждая папка - своя песочница. Изменения в одной не влияют на другую.\nПростота навигации. cd blog-dev вместо git checkout dev. Меньше команд.\nПривычный паттерн. Многие админы и разработчики держат несколько клонов для разных задач.\nРеальные проблемы # Проблема 1: Рассинхронизация локальных ветокin # Работаю в blog-dev - пишу статьи, коммичу, пушу в origin/dev. Всё хорошо.\nНо локальная ветка dev в папке blog при этом не обновляется. Она отстаёт от origin/dev.\nПриходишь делать merge:\ncd blog git checkout main git merge dev # Already up to date. ← НО есть НЮАНС! Git говорит \u0026ldquo;всё актуально\u0026rdquo;, имея в виду локальную ветку dev, которая отстала на три коммита. Статьи не попадают в production.\nПриходится помнить делать git pull origin dev перед каждым merge. Забыл - публикуешь устаревшую версию.\nПроблема 2: Конфликты при merge # Редактируешь config/params.toml в обеих папках независимо:\nВ blog-dev добавил Firebase конфиг В blog изменил название сайта При merge Git честно сообщает о конфликте:\nCONFLICT (content): Merge conflict in config/params.toml И это повторяется каждый раз когда трогаешь конфигурацию. Потому что две папки - это две независимые истории изменений одного файла.\nПроблема 3: Работа не в той папке # Несколько раз ловил себя на том что редактирую статьи прямо в blog - папке production. Это нарушает весь смысл раздельных окружений.\nПроблема 4: Умственная нагрузка # Постоянный вопрос \u0026ldquo;в какой папке я сейчас?\u0026rdquo; Для простого блога это лишняя когнитивная нагрузка.\nВариант Б: Одна папка с переключением веток # Один клон репозитория, работа через git checkout:\n~/projects/ └── blog/ ← одна папка, две ветки: main и dev Как это работает # Пишу статью:\ncd ~/projects/blog # Переключаюсь на dev git checkout dev # Проверяю что dev актуален git pull origin dev # Запускаю локальный сервер hugo server -D --bind 0.0.0.0 # Создаю статью hugo new content posts/название/index.md # Коммичу и пушу git add . git commit -m \u0026#34;feat: новая статья\u0026#34; git push origin dev Публикую:\n# Убеждаюсь что dev актуален git checkout dev git pull origin dev # Переключаюсь на main и мержу git checkout main git pull origin main git merge dev git push origin main Реальные преимущества # Никакой рассинхронизации. Все ветки в одном репозитории. git pull обновляет всё что нужно.\nНет конфликтов из-за независимых изменений. Когда работаешь в одной папке, params.toml существует в одном экземпляре. Все изменения делаются в dev, в main попадают только через merge.\nКонфликт возможен только если кто-то редактирует main напрямую - а это нарушение workflow.\nНевозможно ошибиться с веткой. git branch показывает где ты сейчас. Случайно отредактировать файлы в main - сложнее.\nМеньше места на диске. Один клон вместо двух. Один .git вместо двух.\nСравнение на практических примерах # Пример 1: Обновление темы Blowfish # Две папки:\ncd blog-dev git submodule update --remote themes/blowfish git add themes/blowfish git commit -m \u0026#34;update: Blowfish theme\u0026#34; git push origin dev # Проверяешь на dev.blog.ru # Если всё ок - мержишь cd ../blog git checkout dev git pull origin dev # ← ЛЕГКО ЗАБЫТЬ git checkout main git merge dev git push origin main Одна папка:\ncd blog git checkout dev git pull origin dev git submodule update --remote themes/blowfish git add themes/blowfish git commit -m \u0026#34;update: Blowfish theme\u0026#34; git push origin dev # Проверяешь на dev.blog.ru # Если всё ок - мержишь git checkout main git pull origin main git merge dev git push origin main Меньше команд, меньше переходов между папками, меньше шансов забыть git pull.\nПример 2: Правка опечатки в production # Нашёл опечатку на blog.ru. Нужно исправить быстро.\nДве папки:\nОпасность: хочется исправить прямо в blog (ветка main). Это нарушает workflow - все изменения должны идти через dev.\nПравильно:\ncd blog-dev git checkout dev # Исправляешь git commit -m \u0026#34;fix: опечатка\u0026#34; git push origin dev cd ../blog git checkout main git pull origin dev # ← опять легко забыть git merge dev git push origin main Одна папка:\ncd blog git checkout dev git pull origin dev # Исправляешь git commit -m \u0026#34;fix: опечатка\u0026#34; git push origin dev git checkout main git merge dev git push origin main Проще, меньше команд, понятнее.\nПример 3: Долгая работа над статьёй # Пишешь большую статью несколько дней. Между сеансами работы кто-то (или ты сам) запушил другие изменения в dev.\nДве папки:\ncd blog-dev # День 1: пишешь git add . git commit -m \u0026#34;wip: статья\u0026#34; # День 2: продолжаешь git pull origin dev # Подтягиваешь чужие изменения # Пишешь дальше git add . git commit -m \u0026#34;feat: закончил статью\u0026#34; git push origin dev Всё так же как и с одной папкой. Разницы нет.\nОдна папка:\ncd blog git checkout dev # День 1: пишешь git add . git commit -m \u0026#34;wip: статья\u0026#34; # День 2: продолжаешь git pull origin dev # Подтягиваешь чужие изменения # Пишешь дальше git add . git commit -m \u0026#34;feat: закончил статью\u0026#34; git push origin dev Идентично. Этот пример работает одинаково в обоих вариантах.\nЧто выбрать? # Если ты только начинаешь - сразу делай одну папку.\nДве папки кажутся удобными, но создают проблемы которые регулярно прерывают работу:\nРассинхронизация веток Конфликты при merge Когнитивная нагрузка Одна папка с переключением веток - стандартный Git workflow, проверенный миллионами разработчиков. Требует чуть больше дисциплины (git checkout dev вместо cd blog-dev), но избавляет от всех проблем выше.\nЗолотое правило: Никогда не редактировать файлы находясь на ветке main. Все изменения - через dev. Всегда.\nМиграция: если начал с двух папок # Если уже работаешь в двух папках - переход простой.\nШаг 1: Убеждаемся что всё запушено # # Проверяем обе папки cd ~/projects/blog-dev git status git push origin dev cd ~/projects/blog git status git push origin main Шаг 2: Синхронизируем ветку dev в основной папке # cd ~/projects/blog # Обновляем локальную ветку dev из remote git checkout dev git pull origin dev # Проверяем что всё актуально git log --oneline -5 # Возвращаемся на main git checkout main Шаг 3: Удаляем вторую папку # # Убеждаемся что в blog-dev нет несохранённых изменений cd ~/projects/blog-dev git status # Должно быть: nothing to commit, working tree clean # Удаляем папку cd ~/projects rm -rf blog-dev Шаг 4: Проверяем что всё работает # cd ~/projects/blog # Переключаемся на dev и запускаем сервер git checkout dev hugo server -D --bind 0.0.0.0 # Открываем http://localhost:1313/ # Видим dev версию сайта Новый workflow: шпаргалка # Создаю статью # cd ~/projects/blog git checkout dev hugo new content posts/название/index.md # Пишу, сохраняю, проверяю в hugo server git add . git commit -m \u0026#34;feat: название статьи\u0026#34; git push origin dev # → dev.blog.ru Публикую статью # git checkout dev git pull origin dev # Убеждаюсь что dev актуален git checkout main git pull origin main # Убеждаюсь что main актуален git merge dev git push origin main # → blog.ru Меняю конфигурацию # git checkout dev # ВСЕ изменения только через dev! nano config/params.toml git add . git commit -m \u0026#34;feat: изменил конфиг\u0026#34; git push origin dev # Проверяю на dev.blog.ru # Если всё ок git checkout main git merge dev git push origin main Что дальше # Workflow выбран, окружения работают. Можно писать статьи.\nНо есть ещё одна тема которую стоит разобрать - что делать когда что-то сломалось. Как диагностировать проблемы когда сайт вдруг начал отдавать 503, или SSL перестал работать, или webhook не срабатывает.\nВ следующей части покажу процесс диагностики на реальном примере - как я чинил blog.ru когда он внезапно стал недоступен из интернета.\nРекомендация этой части:\nОдна папка ~/projects/blog Переключение веток через git checkout Все изменения через dev → merge в main Никогда не редактировать находясь на main ","date":"16 февраля 2026","externalUrl":null,"permalink":"/posts/blog-part-4-git-workflow/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 4 - выбор Git workflow","type":"posts"},{"content":"","date":"16 февраля 2026","externalUrl":null,"permalink":"/categories/%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0/","section":"Категории","summary":"","title":"Веб-Разработка","type":"categories"},{"content":"","date":"15 января 2026","externalUrl":null,"permalink":"/tags/basic-auth/","section":"Теги","summary":"","title":"Basic-Auth","type":"tags"},{"content":"В части 2 мы развернули production окружение для ветки main. Каждый пуш в main автоматически обновляет публичный сайт.\nПроблема: нельзя проверить как выглядит статья до публикации. Локальный hugo server показывает одно, а production может выглядеть по-другому из-за версий Hugo, конфигов, CSS.\nНужен второй пайплайн - тестовый контур где можно проверить изменения перед мержем в main.\nАрхитектура dev окружения # Git Push (dev branch) ↓ Gitea ↓ webhook Hugo Builder Dev ├→ Clone dev branch ├→ hugo --minify └→ Output → NFS (dev) ↓ /export/blog-public-dev/ ↓ Nginx Dev (1 реплика) ↓ Traefik Ingress ├→ Basic Auth Middleware └→ dev.blog.ru (SSL) Отличия от production:\nОтдельный Hugo Builder (переменная BRANCH=dev) Отдельный NFS volume (blog-public-dev) Отдельный Nginx (одна реплика вместо двух) Basic Auth - доступ только по логину и паролю Отдельный домен (dev.blog.ru) Всё это живёт в том же namespace что и production. Два независимых пайплайна, нулевое пересечение.\nШаг 1: Hugo Builder для dev # Используем тот же Docker образ что и для production. Разница - в переменной окружения BRANCH.\nФайл: 01-hugo-builder-dev.yaml\napiVersion: apps/v1 kind: Deployment metadata: name: hugo-builder-dev namespace: blog spec: replicas: 1 selector: matchLabels: app: hugo-builder-dev template: metadata: labels: app: hugo-builder-dev spec: containers: - name: hugo-builder image: hugo-builder:latest imagePullPolicy: Never env: - name: BRANCH value: \u0026#34;dev\u0026#34; # Главное отличие - используем dev ветку volumeMounts: - name: public mountPath: /mnt/blog-public resources: requests: cpu: 200m memory: 256Mi limits: cpu: 500m memory: 512Mi volumes: - name: public persistentVolumeClaim: claimName: blog-public-dev-pvc # Отдельный PVC --- apiVersion: v1 kind: Service metadata: name: hugo-builder-dev namespace: blog spec: selector: app: hugo-builder-dev ports: - port: 8080 targetPort: 8080 name: webhook # Применяем манифест kubectl apply -f 01-hugo-builder-dev.yaml # Проверяем что под запустился kubectl get pods -n blog | grep hugo-builder-dev # Смотрим логи kubectl logs -n blog deployment/hugo-builder-dev # Starting webhook listener on port 8080... Шаг 2: Nginx для dev # Одна реплика вместо двух - для тестового окружения высокая доступность не критична.\nФайл: 03-nginx-dev-deployment.yaml\napiVersion: apps/v1 kind: Deployment metadata: name: nginx-dev namespace: blog spec: replicas: 1 # Тестовому окружению достаточно одной реплики selector: matchLabels: app: nginx-dev template: metadata: labels: app: nginx-dev spec: containers: - name: nginx image: nginx:1.25-alpine ports: - containerPort: 80 volumeMounts: - name: html mountPath: /usr/share/nginx/html readOnly: true - name: config mountPath: /etc/nginx/nginx.conf subPath: nginx.conf resources: requests: cpu: 50m memory: 64Mi volumes: - name: html persistentVolumeClaim: claimName: blog-public-dev-pvc # Отдельный PVC - name: config configMap: name: nginx-dev-config --- apiVersion: v1 kind: Service metadata: name: nginx-dev namespace: blog spec: selector: app: nginx-dev ports: - port: 80 targetPort: 80 name: http # Применяем манифест kubectl apply -f 03-nginx-dev-deployment.yaml # Проверяем kubectl get pods -n blog | grep nginx-dev Шаг 3: Basic Auth через Traefik # Dev окружение должно быть закрыто от посторонних. Traefik поддерживает Basic Auth через Middleware.\nСоздаём пароль # # Генерируем htpasswd (логин: dev, пароль: ваш пароль) htpasswd -nb dev your-password # dev:$apr1$...хеш... # Кодируем в base64 для Kubernetes Secret echo -n \u0026#34;dev:$apr1$...хеш...\u0026#34; | base64 # ZGV2OiRhcHIxJC4uLg== Secret с паролем # Файл: 07-basic-auth-secret.yaml\n--- apiVersion: v1 kind: Secret metadata: name: dev-basic-auth namespace: blog type: Opaque data: users: ZGV2OiRhcHIxJC4uLg== # ваш base64 хеш # Применяем секрет kubectl apply -f 07-basic-auth-secret.yaml # Проверяем что секрет создался kubectl get secret -n blog | grep dev-basic-auth Middleware для Basic Auth # Файл: 08-basic-auth-middleware.yaml\n--- apiVersion: traefik.io/v1alpha1 kind: Middleware metadata: name: dev-basic-auth namespace: blog spec: basicAuth: secret: dev-basic-auth removeHeader: true # Убираем заголовок Authorization после проверки # Применяем middleware kubectl apply -f 08-basic-auth-middleware.yaml # Проверяем kubectl get middleware -n blog # NAME AGE # dev-basic-auth 5s Шаг 4: IngressRoute с Basic Auth # Связываем всё вместе: домен → middleware → nginx-dev.\nФайл: 06-ingressroute-dev.yaml\n--- # HTTP (без SSL) apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-dev-http namespace: blog spec: entryPoints: - web routes: - match: Host(`dev.blog.ru`) kind: Rule services: - name: nginx-dev port: 80 --- # HTTPS с Basic Auth apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-dev-https namespace: blog spec: entryPoints: - websecure routes: - match: Host(`dev.blog.ru`) kind: Rule middlewares: - name: dev-basic-auth # Добавляем Basic Auth services: - name: nginx-dev port: 80 tls: secretName: blog-dev-tls # Применяем IngressRoute kubectl apply -f 06-ingressroute-dev.yaml # Проверяем kubectl get ingressroute -n blog | grep dev Шаг 5: SSL сертификат для dev # cert-manager выпустит отдельный сертификат для dev.blog.ru.\nНе забудьте: Добавить A-запись в DNS:\ndev.blog.ru A 77.37.XXX.XXX Файл: 04-certificate-dev.yaml\napiVersion: cert-manager.io/v1 kind: Certificate metadata: name: blog-dev-tls namespace: blog spec: secretName: blog-dev-tls issuerRef: name: letsencrypt-prod kind: ClusterIssuer dnsNames: - dev.blog.ru # Применяем манифест kubectl apply -f 04-certificate-dev.yaml # Ждём получения сертификата (30-60 секунд) kubectl get certificate -n blog # Должно быть READY=True # NAME READY SECRET AGE # blog-dev-tls True blog-dev-tls 45s Шаг 6: Webhook в Gitea для dev # Создаём второй webhook который триггерится на пуши в ветку dev.\nGitea → ваш репозиторий → Settings → Webhooks → Add Webhook → Gitea\nURL: http://hugo-builder-dev.blog.svc.cluster.local:8080 HTTP Method: POST Content Type: application/json Trigger On: Push events Branch filter: dev ← Главное отличие от prod Нажимаем \u0026ldquo;Test Delivery\u0026rdquo; → должен вернуть 200 OK.\nПроверяем логи:\n# Смотрим логи Hugo Builder Dev kubectl logs -n blog deployment/hugo-builder-dev -f # Должно появиться: # Webhook triggered, starting build... # Cloning repository (branch: dev)... # Build successful! Проверка работы # # Создаём тестовую статью в dev cd ~/projects/blog git checkout dev # Создаём статью hugo new content posts/test-dev/index.md echo \u0026#34;Тестовая статья в dev окружении\u0026#34; \u0026gt;\u0026gt; content/posts/test-dev/index.md # Коммитим и пушим git add . git commit -m \u0026#34;test: проверка dev окружения\u0026#34; git push origin dev # Следим за логами Hugo Builder Dev kubectl logs -n blog deployment/hugo-builder-dev -f # Через 5-7 секунд сборка завершится Открываем https://dev.blog.ru в браузере:\nБраузер запросит логин и пароль (Basic Auth) Вводим: логин dev, пароль который задали Видим тестовую статью Критично: Статья появилась на dev.blog.ru, но её нет на blog.ru - окружения изолированы.\nWorkflow: dev → prod # Типичный процесс работы:\n1. Пишу статью в dev:\ncd ~/projects/blog git checkout dev # Создаю статью hugo new content posts/kubernetes-intro/index.md # Пишу контент, коммичу git add . git commit -m \u0026#34;feat: статья про Kubernetes\u0026#34; git push origin dev # → автосборка → dev.blog.ru 2. Проверяю на dev.blog.ru:\nОткрываю https://dev.blog.ru (вводя логин/пароль), читаю статью, проверяю форматирование, ссылки, изображения.\nНахожу опечатку - исправляю локально, пушу в dev снова. Повторяю пока не доволен результатом.\n3. Публикую в production:\n# Всё отлично на dev - мержу в main git checkout main git merge dev git push origin main # → автосборка → blog.ru Статья появляется на публичном сайте.\nИтоговая архитектура # Два полностью независимых пайплайна в одном namespace:\nProduction: main branch → hugo-builder-prod → blog-public-pvc → nginx (x2) → blog.ru Development: dev branch → hugo-builder-dev → blog-public-dev-pvc → nginx-dev (x1) → dev.blog.ru + Basic Auth Общее:\nNamespace: blog Gitea репозиторий Docker образ Hugo Builder Traefik IngressRoute cert-manager Отдельное:\nDeployments Services PersistentVolumes SSL сертификаты Домены Что дальше # Два окружения работают. Можно писать статьи, проверять на dev, публиковать в production.\nНо есть проблема: я долго работал в двух папках - ~/projects/blog (main) и ~/projects/blog-dev (dev). Это создавало конфликты при merge, рассинхронизацию веток и головную боль.\nВ следующей части расскажу как я от этого избавился и почему одна папка с переключением веток лучше чем две отдельные папки.\nСтек этой части:\nHugo Builder Dev (та же версия Hugo) Nginx Dev (одна реплика) Traefik Basic Auth Middleware cert-manager (отдельный сертификат) NFS (отдельный volume) ","date":"15 января 2026","externalUrl":null,"permalink":"/posts/blog-part-3-dev-environment/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 3 - development окружение","type":"posts"},{"content":"","date":"8 января 2026","externalUrl":null,"permalink":"/tags/cert-manager/","section":"Теги","summary":"","title":"Cert-Manager","type":"tags"},{"content":"","date":"8 января 2026","externalUrl":null,"permalink":"/tags/nfs/","section":"Теги","summary":"","title":"Nfs","type":"tags"},{"content":"В первой части мы запустили Hugo локально. Сайт работает пока открыт терминал. Закрыл терминал - сайт умер.\nПора переносить это в K3s.\nАрхитектура деплоя # Git Push ↓ Gitea (внутренний) ↓ webhook POST Hugo Builder ├→ git clone + submodule ├→ hugo --minify └→ output → NFS ↓ /export/blog-public/ ↓ Nginx (x2 реплики) ↓ Traefik Ingress ↓ your-blog.ru (SSL) Пять компонентов:\nNFS - хранилище для статики (OpenMediaVault) Hugo Builder - пересобирает сайт при каждом пуше Nginx - раздаёт статику с NFS cert-manager - автоматический SSL от Let\u0026rsquo;s Encrypt Traefik IngressRoute - маршрутизация с SSL терминацией Шаг 1: NFS хранилище # Hugo собирает статику в HTML/CSS/JS файлы. Nginx раздаёт эти файлы. Значит нужно общее хранилище куда Hugo пишет, а Nginx читает.\nNFS - самый простой вариант для homelab. У меня OpenMediaVault на отдельной машине.\nСоздаём директории на NAS # # Подключаемся к NAS (SSH на нестандартном порту для безопасности) ssh -p 33322 nasadmin@192.168.11.30 # Создаём папки для production и development окружений sudo mkdir -p /srv/storage/blog/blog-public sudo mkdir -p /srv/storage/blog/blog-public-dev # Выдаём права на запись (контейнеры пишут от root) sudo chmod -R 775 /srv/storage/blog/ Почему SSH на порту 33322? Стандартный порт 22 - первая цель сканеров и ботов. Нестандартный порт снижает шум в логах и количество brute-force попыток до нуля. Безопасность через скрытность работает для домашних серверов.\nНастраиваем NFS через OMV Web UI # Storage → Shared Folders → Create:\nName: blog-public Device: основной диск Path: /blog/blog-public Services → NFS → Shares → Create:\nShared folder: blog-public Client: 192.168.11.0/24 Privilege: Read/Write Extra options: rw,sync,no_subtree_check,no_root_squash То же для blog-public-dev.\nКритично: no_root_squash - без этого контейнеры не смогут записывать файлы (они пишут от root внутри контейнера).\nПроверяем экспорт # # Заходим на NAS ssh -p 33322 nasadmin@192.168.11.30 # Проверяем что NFS экспортирует наши шары sudo exportfs -v | grep blog # Ожидаемый вывод - две строки с настройками экспорта: # /export/blog-public 192.168.11.0/24(rw,sync,no_root_squash,...) # /export/blog-public-dev 192.168.11.0/24(rw,sync,no_root_squash,...) Шаг 2: PersistentVolumes в K3s # K3s нужно сказать где лежат NFS шары. Создаём манифест с PersistentVolume ресурсами.\nФайл: 02-pv.yaml\n--- apiVersion: v1 kind: PersistentVolume metadata: name: blog-public-pv spec: capacity: storage: 5Gi accessModes: - ReadWriteMany nfs: server: 192.168.11.30 # IP вашего NAS path: /export/blog-public mountOptions: - nfsvers=3 - hard --- apiVersion: v1 kind: PersistentVolume metadata: name: blog-public-dev-pv spec: capacity: storage: 5Gi accessModes: - ReadWriteMany nfs: server: 192.168.11.30 path: /export/blog-public-dev mountOptions: - nfsvers=3 - hard Почему NFSv3, а не NFSv4? Потому что NFSv4.2 в K3s не работал - поды виснут в ContainerCreating с ошибкой mount.nfs: No such file or directory. NFSv3 работает стабильно. Не надо усложнять то что работает.\n# Применяем манифест kubectl apply -f 02-pv.yaml # Проверяем что PV создались и привязались kubectl get pv | grep blog # blog-public-pv 5Gi RWX Bound blog/blog-public-pvc Шаг 3: Hugo Builder # Нужен контейнер который слушает webhook от Gitea, клонирует репозиторий и собирает Hugo.\nЗачем нужен Hugo Builder? # Проблема: Hugo генерирует статику командой hugo. Где её запускать? На локальной машине? Тогда нужно вручную заливать файлы на сервер после каждого изменения. Неудобно и ломает автоматизацию.\nРешение: Контейнер который живёт в K3s, слушает webhook от Gitea и автоматически пересобирает сайт при каждом git push.\nDockerfile # FROM alpine:3.19 # Устанавливаем всё что нужно Hugo и Git RUN apk add --no-cache \\ git nodejs npm bash curl wget \\ libc6-compat libstdc++ ca-certificates # Скачиваем Hugo Extended v0.155.3 WORKDIR /tmp RUN wget https://github.com/gohugoio/hugo/releases/download/v0.155.3/hugo_extended_0.155.3_linux-amd64.tar.gz \u0026amp;\u0026amp; \\ tar -xzf hugo_extended_0.155.3_linux-amd64.tar.gz \u0026amp;\u0026amp; \\ cp hugo /usr/bin/hugo \u0026amp;\u0026amp; \\ chmod +x /usr/bin/hugo \u0026amp;\u0026amp; \\ rm -rf /tmp/* WORKDIR /workspace # Копируем скрипты COPY webhook-listener.sh /usr/local/bin/ COPY build.sh /usr/local/bin/ RUN chmod +x /usr/local/bin/*.sh EXPOSE 8080 CMD [\u0026#34;/usr/local/bin/webhook-listener.sh\u0026#34;] build.sh - скрипт сборки Hugo # Зачем: Отдельный скрипт сборки нужен чтобы его можно было запускать не только из webhook listener, но и вручную для тестирования. Один скрипт - одна ответственность.\n#!/bin/bash set -e # Остановиться при первой ошибке export GIT_TERMINAL_PROMPT=0 # Не запрашивать пароли интерактивно REPO_URL=\u0026#34;https://git.example.com/user/blog.git\u0026#34; # URL вашего Gitea репозитория BRANCH=\u0026#34;${BRANCH:-main}\u0026#34; # Ветка (передаётся через env) OUTPUT_DIR=\u0026#34;/mnt/blog-public\u0026#34; # Куда складывать собранную статику (NFS) WORK_DIR=\u0026#34;/tmp/build\u0026#34; # Временная папка для клонирования # Чистим рабочую директорию от прошлой сборки rm -rf ${WORK_DIR} mkdir -p ${WORK_DIR} # Клонируем репозиторий (только нужную ветку, без истории) cd ${WORK_DIR} git clone --branch ${BRANCH} --depth 1 ${REPO_URL} site 2\u0026gt;\u0026amp;1 cd site # Подтягиваем тему Blowfish как Git submodule git submodule update --init --recursive --depth 1 2\u0026gt;\u0026amp;1 # Собираем сайт (минифицируем CSS/JS/HTML) hugo --minify --destination ${OUTPUT_DIR} 2\u0026gt;\u0026amp;1 # Проверяем что сборка прошла успешно if [ -f \u0026#34;${OUTPUT_DIR}/index.html\u0026#34; ]; then echo \u0026#34;Build successful!\u0026#34; else echo \u0026#34;Build failed - index.html not found\u0026#34; exit 1 fi # Убираем за собой rm -rf ${WORK_DIR} webhook-listener.sh - слушатель webhook # Зачем: Gitea отправляет HTTP POST запрос при каждом git push. Нужен простой HTTP сервер который принимает этот запрос и запускает сборку. netcat - самый простой способ поднять HTTP listener без зависимостей.\n#!/bin/bash set -e echo \u0026#34;Starting webhook listener on port 8080...\u0026#34; while true; do # Принимаем HTTP запрос через netcat и сразу отвечаем 200 OK echo -e \u0026#34;HTTP/1.1 200 OK\\r\\n\\r\\nWebhook received\u0026#34; | nc -l -p 8080 # Запускаем сборку синхронно (чтобы видеть логи в kubectl logs) echo \u0026#34;$(date): Webhook triggered, starting build...\u0026#34; /usr/local/bin/build.sh echo \u0026#34;$(date): Build completed, waiting for next webhook...\u0026#34; done Сборка и деплой образа # # Собираем Docker образ docker build -t hugo-builder:latest . # Сохраняем в tar файл docker save hugo-builder:latest -o /tmp/hugo-builder.tar # Копируем на все K3s worker ноды for ip in 210 211; do scp /tmp/hugo-builder.tar k3s@192.168.11.$ip:/tmp/ # Импортируем образ в containerd K3s ssh k3s@192.168.11.$ip \u0026#34;sudo k3s ctr images import /tmp/hugo-builder.tar \u0026amp;\u0026amp; rm /tmp/hugo-builder.tar\u0026#34; done Deployment и Service # --- apiVersion: apps/v1 kind: Deployment metadata: name: hugo-builder-prod namespace: blog spec: replicas: 1 selector: matchLabels: app: hugo-builder-prod template: metadata: labels: app: hugo-builder-prod spec: containers: - name: hugo-builder image: hugo-builder:latest imagePullPolicy: Never # Образ локальный, не тянуть из registry env: - name: BRANCH value: \u0026#34;main\u0026#34; # Для prod используем main ветку volumeMounts: - name: public mountPath: /mnt/blog-public # NFS хранилище resources: requests: cpu: 200m memory: 256Mi limits: cpu: 500m memory: 512Mi volumes: - name: public persistentVolumeClaim: claimName: blog-public-pvc --- apiVersion: v1 kind: Service metadata: name: hugo-builder-prod namespace: blog spec: selector: app: hugo-builder-prod ports: - port: 8080 targetPort: 8080 name: webhook # Применяем манифест kubectl apply -f 01-hugo-builder-prod.yaml # Проверяем что под запустился kubectl get pods -n blog | grep hugo-builder # Смотрим логи - должна быть строка \u0026#34;Starting webhook listener\u0026#34; kubectl logs -n blog deployment/hugo-builder-prod Шаг 4: Nginx с Prometheus exporter # Nginx раздаёт статику с того же NFS где Hugo её собрал. Две реплики для минимальной доступности при обновлениях.\nБонус: sidecar контейнер с nginx-prometheus-exporter для мониторинга через Grafana.\n--- apiVersion: apps/v1 kind: Deployment metadata: name: nginx namespace: blog spec: replicas: 2 # Две реплики для доступности selector: matchLabels: app: nginx template: metadata: labels: app: nginx spec: containers: # Основной контейнер - Nginx - name: nginx image: nginx:1.25-alpine ports: - containerPort: 80 volumeMounts: - name: html mountPath: /usr/share/nginx/html readOnly: true # Nginx только читает, не пишет - name: config mountPath: /etc/nginx/nginx.conf subPath: nginx.conf resources: requests: cpu: 50m memory: 64Mi # Sidecar - экспортер метрик для Prometheus - name: nginx-exporter image: nginx/nginx-prometheus-exporter:1.1.0 args: - -nginx.scrape-uri=http://localhost/nginx_status ports: - containerPort: 9113 name: metrics resources: requests: cpu: 10m memory: 16Mi volumes: - name: html persistentVolumeClaim: claimName: blog-public-pvc # NFS хранилище - name: config configMap: name: nginx-config --- apiVersion: v1 kind: Service metadata: name: nginx namespace: blog spec: selector: app: nginx ports: - port: 80 targetPort: 80 name: http - port: 9113 targetPort: 9113 name: metrics # Для Prometheus Шаг 5: SSL сертификаты # cert-manager автоматически получает сертификаты от Let\u0026rsquo;s Encrypt через HTTP-01 challenge.\nВажно: Сначала настрой A-запись у DNS провайдера:\nyour-blog.ru A 77.37.XXX.XXX (ваш внешний IP) www.your-blog.ru A 77.37.XXX.XXX Без этого Let\u0026rsquo;s Encrypt не сможет проверить что домен принадлежит вам.\napiVersion: cert-manager.io/v1 kind: Certificate metadata: name: blog-tls namespace: blog spec: secretName: blog-tls issuerRef: name: letsencrypt-prod kind: ClusterIssuer dnsNames: - your-blog.ru - www.your-blog.ru # Применяем манифест kubectl apply -f 04-certificate.yaml # Ждём 30-60 секунд пока cert-manager получит сертификат kubectl get certificate -n blog # Должно быть READY=True # NAME READY SECRET AGE # blog-tls True blog-tls 45s Шаг 6: IngressRoute через Traefik # Traefik маршрутизирует трафик на Nginx и делает SSL терминацию.\n--- # HTTP → HTTPS редирект (опционально) apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-http namespace: blog spec: entryPoints: - web # Порт 80 routes: - match: Host(`your-blog.ru`) || Host(`www.your-blog.ru`) kind: Rule services: - name: nginx port: 80 --- # HTTPS с SSL apiVersion: traefik.io/v1alpha1 kind: IngressRoute metadata: name: blog-https namespace: blog spec: entryPoints: - websecure # Порт 443 routes: - match: Host(`your-blog.ru`) || Host(`www.your-blog.ru`) kind: Rule services: - name: nginx port: 80 tls: secretName: blog-tls # Сертификат от cert-manager # Применяем манифест kubectl apply -f 05-ingressroute.yaml # Проверяем что сайт доступен curl -I https://your-blog.ru # HTTP/2 200 Шаг 7: Webhook в Gitea # Последний шаг - связать Gitea с Hugo Builder.\nGitea → ваш репозиторий → Settings → Webhooks → Add Webhook → Gitea\nURL: http://hugo-builder-prod.blog.svc.cluster.local:8080 HTTP Method: POST Content Type: application/json Trigger On: Push events Branch filter: main Нажимаем \u0026ldquo;Test Delivery\u0026rdquo; - должен вернуть 200 OK.\nПроверяем логи Hugo Builder:\n# Следим за логами в реальном времени kubectl logs -n blog deployment/hugo-builder-prod -f # Должно появиться: # Webhook triggered, starting build... # Cloning repository... # Initializing submodules... # Building Hugo site... # Build successful! Проверка работы # # Меняем статью cd ~/hugo-projects/blog git checkout main echo \u0026#34;## Тестовая правка\u0026#34; \u0026gt;\u0026gt; content/posts/hello-world/index.md # Коммитим и пушим git add . git commit -m \u0026#34;test: проверка автосборки\u0026#34; git push origin main # Следим за логами Hugo Builder kubectl logs -n blog deployment/hugo-builder-prod -f # Через 5-7 секунд сборка завершится # Проверяем что изменение попало на сайт curl -s https://your-blog.ru/posts/hello-world/ | grep \u0026#34;Тестовая правка\u0026#34; Если видите \u0026ldquo;Тестовая правка\u0026rdquo; - всё работает. Каждый git push автоматически обновляет сайт.\nЧто дальше # Production окружение развёрнуто. Но пока только для ветки main.\nВ следующей части добавим development окружение с отдельным Hugo Builder, Nginx и защитой через Basic Auth. Два независимых пайплайна в одном namespace.\nСтек этой части:\nK3s 1.30 NFS на OpenMediaVault Hugo Builder (Alpine + Hugo v0.155.3) Nginx 1.25 + Prometheus exporter cert-manager + Let\u0026rsquo;s Encrypt Traefik IngressRoute ","date":"8 января 2026","externalUrl":null,"permalink":"/posts/blog-part-2-k8s-deployment/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 2 - деплой в кластер","type":"posts"},{"content":"","date":"3 января 2026","externalUrl":null,"permalink":"/tags/blowfish/","section":"Теги","summary":"","title":"Blowfish","type":"tags"},{"content":"Предыдущий блог жил на Jekyll. Жил - громко сказано. Скорее существовал, периодически ломаясь при обновлениях и требуя ритуальных танцев с Ruby каждый раз когда я садился за новую статью.\nОднажды я решил что хватит.\nПочему не Jekyll # Jekyll - зрелый инструмент с большим сообществом. Но у него есть фундаментальная проблема: он написан на Ruby.\nЗвучит невинно. На практике это означает:\nВерсионный ад. Ruby, Bundler, Gems - у каждого своя версия, и они регулярно конфликтуют друг с другом. Клонируешь репозиторий на новую машину - час уходит на то чтобы собрать рабочее окружение. Обновляешь Jekyll - ломаются плагины. Обновляешь плагины - ломается что-то ещё.\nЗависимости ради зависимостей. Простой блог тянет 1000+ gems, половина из которых устаревшая или находится в состоянии \u0026ldquo;поддерживается постольку-поскольку\u0026rdquo;. Каждый bundle install - это лотерея.\nЛишний мусор. Jekyll генерирует страницы без ссылок, которые непонятно зачем существуют. Приходится явно прописывать что не генерировать.\nHugo решает все эти проблемы радикально: это один бинарник на Go. Никаких зависимостей, никаких конфликтов версий, никакого bundle install. Скачал - работает. На любой машине, всегда.\nБинарник весит ~50MB. Собирает сайт из 40+ страниц за полторы секунды. Jekyll на том же контенте думал заметно дольше.\nПочему Blowfish # Все просто: понравилась.\nСмотрел темы несколько часов. Blowfish выглядела именно так как я хотел - чисто, без лишнего, с хорошей типографикой. Взял её.\nСтавится как Git submodule - обновляется одной командой, не засоряет репозиторий.\nАрхитектура: два окружения # У любого нормального инфраструктурного проекта есть тестовый и production контур. Блог - не исключение: обновления Hugo, изменения темы, новые статьи - всё это нужно проверять до того как это увидят читатели.\n┌────────────────────────────────────┐ │ Gitea (внутренний) │ │ репозиторий: blog │ │ │ │ ветка: main ветка: dev │ └───────┬────────────────────┬───────┘ │ │ ▼ ▼ ┌───────────────┐ ┌───────────────┐ │ hugo-builder │ │ hugo-builder │ │ prod │ │ dev │ └───────┬───────┘ └───────┬───────┘ │ │ ▼ ▼ ┌───────────────┐ ┌───────────────┐ │ nginx │ │ nginx-dev │ │ blog.ru │ │ dev.blog.ru │ │ (публичный) │ │ (Basic Auth) │ └───────────────┘ └───────────────┘ Production (blog.ru) - публичный. Ветка main.\nDevelopment (dev.blog.ru) - тестовый контур. Ветка dev. Закрыт Basic Auth через Traefik Middleware - без логина и пароля не войти.\nОба окружения в одном K3s namespace. Один репозиторий, две ветки, два независимых пайплайна.\nШаг 1: Создаём Hugo проект # # Создаём новый Hugo сайт cd ~/projects hugo new site blog cd blog # Инициализируем Git репозиторий git init git remote add origin https://git.example.com/user/blog.git # Добавляем тему Blowfish как Git submodule git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish # Подтягиваем файлы submodule git submodule update --init --recursive # Удаляем дефолтный конфиг Hugo rm -f hugo.toml # Создаём структуру для конфигов mkdir -p config/_default # Копируем примеры конфигов из темы cp themes/blowfish/config/_default/*.toml config/_default/ Структура после инициализации:\nblog/ ├── content/ ← статьи в Markdown ├── static/ ← изображения, favicon ├── themes/ │ └── blowfish/ ← тема (Git submodule) └── config/ └── _default/ ├── hugo.toml ├── languages.ru.toml ├── menus.ru.toml ├── markup.toml └── params.toml Шаг 2: Минимальная конфигурация # hugo.toml # baseURL = \u0026#34;https://blog.ru/\u0026#34; theme = \u0026#34;blowfish\u0026#34; defaultContentLanguage = \u0026#34;ru\u0026#34; languages.ru.toml # # Переименовываем файл языка для русского mv config/_default/languages.en.toml config/_default/languages.ru.toml languageCode = \u0026#34;ru\u0026#34; languageName = \u0026#34;Русский\u0026#34; weight = 1 title = \u0026#34;Мой Блог\u0026#34; [params] displayName = \u0026#34;RU\u0026#34; isoCode = \u0026#34;ru\u0026#34; rtl = false dateFormat = \u0026#34;2 January 2006\u0026#34; [params.author] name = \u0026#34;Ваше Имя\u0026#34; headline = \u0026#34;DevOps Engineer | Kubernetes | Homelab\u0026#34; menus.ru.toml # # Переименовываем файл меню mv config/_default/menus.en.toml config/_default/menus.ru.toml [[main]] name = \u0026#34;Блог\u0026#34; pageRef = \u0026#34;posts\u0026#34; weight = 10 [[main]] name = \u0026#34;О сайте\u0026#34; pageRef = \u0026#34;about\u0026#34; weight = 20 Шаг 3: Первая статья # # Создаём новую статью hugo new content posts/hello-world/index.md --- title: \u0026#34;Hello World\u0026#34; date: 2026-02-13 draft: false description: \u0026#34;Первый пост на новом сайте\u0026#34; tags: [\u0026#34;test\u0026#34;] categories: [\u0026#34;Веб-разработка\u0026#34;] --- Это первый пост на blog.ru. Шаг 4: Проверяем локально # # Запускаем локальный сервер Hugo # -D: показывать черновики (draft: true) # --bind 0.0.0.0: доступен с любого IP в локальной сети hugo server -D --bind 0.0.0.0 Открываем http://192.168.11.10:1313/ (ваш IP) - сайт с Blowfish темой и первой статьёй.\nHugo автоматически пересобирает сайт при сохранении файлов - изменения видны сразу после обновления страницы в браузере.\nШаг 5: Пушим в Gitea # # Добавляем все файлы в Git git add . # Создаём первый коммит git commit -m \u0026#34;Initial commit: Hugo + Blowfish v2.98.0\u0026#34; # Переименовываем ветку в main (если по умолчанию master) git branch -M main # Пушим в Gitea git push -u origin main # Создаём ветку dev для development окружения git checkout -b dev git push -u origin dev # Возвращаемся на main git checkout main Workflow: как я пишу статьи # Пишу (ветка dev):\n# Переходим в папку проекта cd ~/projects/blog # Переключаемся на ветку dev git checkout dev # Запускаем локальный предпросмотр hugo server -D --bind 0.0.0.0 # Создаём новую статью hugo new content posts/название-статьи/index.md # Редактируем в любом редакторе, сохраняем, смотрим в браузере # Когда готово - коммитим git add . git commit -m \u0026#34;feat: новая статья про X\u0026#34; # Пушим в dev ветку git push origin dev # → webhook срабатывает → автосборка → dev.blog.ru Проверяю:\nОткрываю https://dev.blog.ru (вводя логин/пароль Basic Auth) - вижу статью как её увидят читатели.\nПубликую:\n# Переключаемся на main git checkout main # Мержим изменения из dev git merge dev # Пушим в production git push origin main # → webhook срабатывает → автосборка → blog.ru Золотое правило: все изменения только через ветку dev. В main - только через merge. Никогда не редактировать файлы находясь на main.\nПочему это важно - расскажу отдельно, когда дойдём до того как я нарушил это правило и что из этого вышло.\nЧто дальше # Локально всё работает. Но hugo server умрёт как только закрою терминал.\nНужно развернуть это в K3s: Hugo Builder который пересобирает сайт при каждом пуше, Nginx который раздаёт статику, SSL сертификаты, NFS хранилище. Об этом - в следующей части.\nСтек этой части:\nHugo v0.155.3 extended Blowfish v2.98.0 Gitea (внутренний) Рабочая станция: Debian/Ubuntu ","date":"3 января 2026","externalUrl":null,"permalink":"/posts/blog-part-1-architecture/","section":"Статьи","summary":"","title":"Блог на Hugo в K3s: часть 1 - архитектура и первый запуск","type":"posts"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/etcd/","section":"Теги","summary":"","title":"Etcd","type":"tags"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/ha/","section":"Теги","summary":"","title":"Ha","type":"tags"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/categories/homelab/","section":"Категории","summary":"","title":"Homelab","type":"categories"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/tags/installation/","section":"Теги","summary":"","title":"Installation","type":"tags"},{"content":"Инфраструктура готова: 5 VM работают, ОС настроена, порты открыты. Пора устанавливать K3s. Один curl-скрипт на каждую ноду - и через 15 минут у вас работающий HA-кластер.\nЗвучит слишком просто? Потому что сложная часть уже позади - в предыдущих статьях. Теперь осталось не перепутать флаги и порядок установки.\nРезультат: 5 нод в статусе Ready, etcd кластер 3/3 healthy, kubectl работает с локальной машины.\nДля кого это # Подходит:\nПрошёл статьи 1 и 2 (или имеешь готовые VM с настроенной ОС) Все 5 нод доступны по SSH Понимаешь разницу между master и worker Не подходит:\nVM ещё не созданы → статья 2 Не понимаешь зачем 3 master ноды → статья 1 Что понадобится # Компонент Значение K3s версия v1.31.4+k3s1 (или актуальная stable) Token Сгенерируем на первом шаге SSH доступ Ко всем 5 нодам Время ~15-20 минут Шаг 1: Сгенерировать token # Token - общий секрет для всех нод кластера. Без правильного token нода не присоединится.\nНа локальной машине:\n# Сгенерировать случайный token openssl rand -base64 32 Пример вывода:\nK10f8c9a7b6e5d4c3b2a1f0e9d8c7b6a5e4d3c2b1a0f9e8d7c6b5a4== Сохрани этот token - он понадобится для каждой ноды. Положи в менеджер паролей или временный файл.\n# Для удобства - сохранить в переменную (на время сессии) export K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; echo $K3S_TOKEN Шаг 2: Установить K3s на первую master ноду # Первая нода инициализирует etcd кластер. Она особенная - использует флаг --cluster-init.\nSSH на k3s-master-1:\nssh k3s@192.168.11.201 Установка:\n# Задать переменные export K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; # Установить K3s curl -sfL https://get.k3s.io | sh -s - server \\ --cluster-init \\ --tls-san=192.168.11.201 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Разбор флагов:\nФлаг Зачем server Режим control plane (не agent) --cluster-init Ключевой! Инициализирует etcd. Только на первой ноде --tls-san=192.168.11.201 Добавить IP в сертификат API server --disable=traefik Отключить встроенный Traefik (установим свой через Helm) --disable=servicelb Отключить встроенный LB (установим MetalLB) --write-kubeconfig-mode=644 Разрешить чтение kubeconfig без sudo Установка займёт 1-2 минуты. K3s скачает бинарник (~50MB) и запустит все компоненты.\nПроверка # # 1. Статус сервиса sudo systemctl status k3s Ожидаемый результат:\n● k3s.service - Lightweight Kubernetes Loaded: loaded Active: active (running) since ... # 2. Статус ноды sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 45s v1.31.4+k3s1 Checkpoint: Первая master работает # # Быстрая проверка sudo systemctl is-active k3s \u0026amp;\u0026amp; \\ sudo k3s kubectl get nodes | grep -q \u0026#34;Ready\u0026#34; \u0026amp;\u0026amp; \\ echo \u0026#34;✓ Master-1 готов\u0026#34; || echo \u0026#34;✗ Проблема\u0026#34; Если статус NotReady или сервис не запустился:\n# Смотреть логи sudo journalctl -u k3s -f --no-pager | tail -50 Ошибка в логах Причина Решение cgroup v1 is not supported Нужен cgroup v2 Вернись к статье 2, шаг 6.5 port 6443 already in use Что-то занимает порт sudo ss -tlnp | grep 6443 etcd failed to start Мало места на диске df -h, увеличь диск Шаг 3: Добавить вторую master ноду # Теперь присоединяем вторую master. Она подключается к существующему кластеру - без --cluster-init.\nSSH на k3s-master-2:\nssh k3s@192.168.11.202 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - server \\ --server=https://192.168.11.201:6443 \\ --tls-san=192.168.11.202 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Ключевое отличие:\n❌ Нет --cluster-init - кластер уже инициализирован ✅ Есть --server=https://192.168.11.201:6443 - адрес существующего кластера Проверка # # На master-2 sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 3m v1.31.4+k3s1 k3s-master-2 Ready control-plane,etcd,master 30s v1.31.4+k3s1 Две ноды - но кворума ещё нет. etcd требует большинство, а 2 из 3 - это ещё не \u0026ldquo;большинство от трёх\u0026rdquo;.\nШаг 4: Добавить третью master ноду # SSH на k3s-master-3:\nssh k3s@192.168.11.203 Установка (аналогично master-2):\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - server \\ --server=https://192.168.11.201:6443 \\ --tls-san=192.168.11.203 \\ --disable=traefik \\ --disable=servicelb \\ --write-kubeconfig-mode=644 Checkpoint: Control Plane HA готов # На любой master ноде:\n# 1. Все 3 master ноды Ready sudo k3s kubectl get nodes Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION k3s-master-1 Ready control-plane,etcd,master 5m v1.31.4+k3s1 k3s-master-2 Ready control-plane,etcd,master 3m v1.31.4+k3s1 k3s-master-3 Ready control-plane,etcd,master 1m v1.31.4+k3s1 # 2. etcd кластер здоров sudo k3s kubectl exec -n kube-system \\ $(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster Ожидаемый результат:\nhttps://192.168.11.201:2379 is healthy: successfully committed proposal: took = 2.1ms https://192.168.11.202:2379 is healthy: successfully committed proposal: took = 1.8ms https://192.168.11.203:2379 is healthy: successfully committed proposal: took = 2.3ms Теперь у вас настоящий HA. Можете остановить любую master ноду - кластер продолжит работать.\nТест отказоустойчивости (опционально) # Хотите убедиться, что HA работает? Проверьте:\n# С локальной машины - остановить master-2 ssh k3s@192.168.11.202 \u0026#34;sudo systemctl stop k3s\u0026#34; # Подождать 30-40 секунд, затем на master-1: ssh k3s@192.168.11.201 \u0026#34;sudo k3s kubectl get nodes\u0026#34; # master-2 станет NotReady, но кластер работает # Проверить etcd - 2/3 кворум есть ssh k3s@192.168.11.201 \u0026#34;sudo k3s kubectl exec -n kube-system \\ \\$(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster\u0026#34; # 2 из 3 healthy - кворум есть # Вернуть master-2 ssh k3s@192.168.11.202 \u0026#34;sudo systemctl start k3s\u0026#34; Шаг 5: Добавить worker ноды # Worker ноды устанавливаются как agent - они не участвуют в etcd и не запускают control plane.\n5.1. Установить K3s agent на worker-1 # SSH на k3s-worker-1:\nssh k3s@192.168.11.210 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - agent \\ --server=https://192.168.11.201:6443 Отличия от master:\nagent вместо server - режим worker Нет флагов --disable и --tls-san - они не нужны для worker Только --server - куда подключаться 5.2. Установить K3s agent на worker-2 # SSH на k3s-worker-2:\nssh k3s@192.168.11.211 Установка:\nexport K3S_TOKEN=\u0026#34;твой_сгенерированный_token\u0026#34; export INSTALL_K3S_VERSION=\u0026#34;v1.31.4+k3s1\u0026#34; curl -sfL https://get.k3s.io | sh -s - agent \\ --server=https://192.168.11.201:6443 Checkpoint: Все ноды в кластере # На любой master ноде:\nsudo k3s kubectl get nodes -o wide Ожидаемый результат:\nNAME STATUS ROLES AGE VERSION INTERNAL-IP k3s-master-1 Ready control-plane,etcd,master 10m v1.31.4+k3s1 192.168.11.201 k3s-master-2 Ready control-plane,etcd,master 8m v1.31.4+k3s1 192.168.11.202 k3s-master-3 Ready control-plane,etcd,master 6m v1.31.4+k3s1 192.168.11.203 k3s-worker-1 Ready \u0026lt;none\u0026gt; 2m v1.31.4+k3s1 192.168.11.210 k3s-worker-2 Ready \u0026lt;none\u0026gt; 1m v1.31.4+k3s1 192.168.11.211 Обрати внимание:\nMaster: роли control-plane,etcd,master Worker: роли \u0026lt;none\u0026gt; - только выполнение workloads Шаг 6: Настроить kubectl на локальной машине # Сейчас kubectl работает только на master нодах через sudo k3s kubectl. Настроим доступ с вашей рабочей машины.\n6.1. Скопировать kubeconfig # На локальной машине (не на ноде):\n# 1. Создать директорию mkdir -p ~/.kube # 2. Скопировать конфиг с master-1 scp k3s@192.168.11.201:/etc/rancher/k3s/k3s.yaml ~/.kube/config # 3. Заменить localhost на реальный IP sed -i \u0026#39;s/127.0.0.1/192.168.11.201/g\u0026#39; ~/.kube/config # Для macOS: # sed -i \u0026#39;\u0026#39; \u0026#39;s/127.0.0.1/192.168.11.201/g\u0026#39; ~/.kube/config # 4. Права доступа chmod 600 ~/.kube/config 6.2. Установить kubectl (если нет) # Linux:\ncurl -LO \u0026#34;https://dl.k8s.io/release/$(curl -L -s https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl\u0026#34; sudo install -o root -g root -m 0755 kubectl /usr/local/bin/kubectl rm kubectl macOS:\nbrew install kubectl 6.3. Проверить подключение # # Версия kubectl version # Ноды kubectl get nodes # Все поды kubectl get pods -A Ожидаемый результат kubectl get pods -A:\nNAMESPACE NAME READY STATUS RESTARTS AGE kube-system coredns-xxx 1/1 Running 0 10m kube-system local-path-provisioner-xxx 1/1 Running 0 10m kube-system metrics-server-xxx 1/1 Running 0 10m Если kubectl не подключается:\nСимптом Причина Решение connection refused k3s не запущен ssh k3s@192.168.11.201 \u0026quot;sudo systemctl status k3s\u0026quot; connection timeout Firewall блокирует Проверь UFW на master: sudo ufw status | grep 6443 certificate signed by unknown authority Неправильный kubeconfig Скопируй заново с master ноды 6.4. Настроить автодополнение (опционально) # # Bash echo \u0026#39;source \u0026lt;(kubectl completion bash)\u0026#39; \u0026gt;\u0026gt; ~/.bashrc echo \u0026#39;alias k=kubectl\u0026#39; \u0026gt;\u0026gt; ~/.bashrc echo \u0026#39;complete -o default -F __start_kubectl k\u0026#39; \u0026gt;\u0026gt; ~/.bashrc source ~/.bashrc # Zsh echo \u0026#39;source \u0026lt;(kubectl completion zsh)\u0026#39; \u0026gt;\u0026gt; ~/.zshrc source ~/.zshrc Теперь работает k get nodes и Tab-автодополнение.\nФинальная проверка # Полный чеклист работоспособности кластера:\necho \u0026#34;=== Проверка K3s HA кластера ===\u0026#34; echo -n \u0026#34;1. Все ноды Ready: \u0026#34; [ $(kubectl get nodes --no-headers | grep -c \u0026#34;Ready\u0026#34;) -eq 5 ] \u0026amp;\u0026amp; echo \u0026#34;✓ (5/5)\u0026#34; || echo \u0026#34;✗\u0026#34; echo -n \u0026#34;2. Master ноды: \u0026#34; kubectl get nodes --no-headers | grep -c \u0026#34;control-plane\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/3)\u0026#34; echo -n \u0026#34;3. Worker ноды: \u0026#34; kubectl get nodes --no-headers | grep -c \u0026#34;\u0026lt;none\u0026gt;\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/2)\u0026#34; echo -n \u0026#34;4. etcd healthy: \u0026#34; kubectl exec -n kube-system \\ $(kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl endpoint health --cluster 2\u0026gt;/dev/null | grep -c \u0026#34;is healthy\u0026#34; | xargs -I {} echo \u0026#34;✓ ({}/3)\u0026#34; echo -n \u0026#34;5. CoreDNS Running: \u0026#34; kubectl get pods -n kube-system -l k8s-app=kube-dns --no-headers | grep -q \u0026#34;Running\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗\u0026#34; echo -n \u0026#34;6. Metrics Server Running: \u0026#34; kubectl get pods -n kube-system -l k8s-app=metrics-server --no-headers | grep -q \u0026#34;Running\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗\u0026#34; echo \u0026#34;\u0026#34; echo \u0026#34;=== Информация о кластере ===\u0026#34; kubectl cluster-info Ожидаемый результат:\n=== Проверка K3s HA кластера === 1. Все ноды Ready: ✓ (5/5) 2. Master ноды: ✓ (3/3) 3. Worker ноды: ✓ (2/2) 4. etcd healthy: ✓ (3/3) 5. CoreDNS Running: ✓ 6. Metrics Server Running: ✓ === Информация о кластере === Kubernetes control plane is running at https://192.168.11.201:6443 CoreDNS is running at https://192.168.11.201:6443/api/v1/namespaces/kube-system/services/kube-dns:dns/proxy Metrics-server is running at https://192.168.11.201:6443/api/v1/namespaces/kube-system/services/https:metrics-server:https/proxy Тестовый деплой # Убедимся, что кластер может запускать приложения:\n# 1. Создать тестовый под kubectl run nginx-test --image=nginx:alpine --port=80 # 2. Подождать запуска kubectl wait --for=condition=Ready pod/nginx-test --timeout=60s # 3. Проверить на какой ноде запустился kubectl get pod nginx-test -o wide Ожидаемый результат:\nNAME READY STATUS RESTARTS AGE IP NODE nginx-test 1/1 Running 0 30s 10.42.1.5 k3s-worker-1 Под запустился на worker ноде - как и должно быть.\n# 4. Проверить доступность изнутри кластера kubectl run -it --rm debug --image=busybox --restart=Never -- wget -qO- nginx-test Ожидаемый результат: HTML-страница nginx.\n# 5. Удалить тестовые ресурсы kubectl delete pod nginx-test Troubleshooting # Нода не присоединяется к кластеру # Симптом: После установки нода не появляется в kubectl get nodes.\nПричина Диагностика Решение Неправильный token Логи: sudo journalctl -u k3s-agent -f Проверь token, переустанови Firewall блокирует curl -k https://192.168.11.201:6443 Открой порт 6443 на masters DNS не резолвит ping k3s-master-1 Проверь /etc/hosts или DNS etcd не формирует кворум # Симптом: etcdctl endpoint health показывает unhealthy.\n# Проверить членов etcd sudo k3s kubectl exec -n kube-system \\ $(sudo k3s kubectl get pods -n kube-system -l component=etcd -o name | head -1) \\ -- etcdctl member list --write-out=table Причина Диагностика Решение Порты 2379-2380 закрыты sudo ufw status sudo ufw allow 2379:2380/tcp Нода недоступна по сети ping 192.168.11.20X Проверь сеть, UFW etcd ещё стартует uptime на ноде Подожди 2-3 минуты Поды не запускаются на workers # Симптом: Все поды на master нодах, workers пустые.\n# Проверить taints kubectl describe node k3s-worker-1 | grep Taints Если есть taints - убрать:\nkubectl taint nodes k3s-worker-1 node.kubernetes.io/not-ready:NoSchedule- Откат: удаление K3s # Если нужно начать заново:\nНа master ноде:\nsudo /usr/local/bin/k3s-uninstall.sh На worker ноде:\nsudo /usr/local/bin/k3s-agent-uninstall.sh Что удаляется:\nБинарники K3s Systemd сервисы Данные из /var/lib/rancher/k3s/ etcd данные (на masters) Контейнеры и образы ⚠️ Внимание: etcd снапшоты тоже удаляются. Если нужен бэкап:\n# Перед удалением - сохранить снапшоты sudo cp -r /var/lib/rancher/k3s/server/db/snapshots/ ~/k3s-backup/ Итог # Что сделано:\n✅ Сгенерирован token для кластера ✅ Установлен K3s на 3 master ноды с embedded etcd ✅ Добавлены 2 worker ноды ✅ Настроен kubectl на локальной машине ✅ Проверена работоспособность кластера Что имеем:\nHA Control Plane - выдерживает падение 1 master ноды 2 worker ноды для приложений kubectl доступ с локальной машины Встроенные компоненты: CoreDNS, metrics-server, local-path storage Что ещё не настроено (следующие статьи):\nLoadBalancer (MetalLB) - для доступа к сервисам извне Ingress Controller (Traefik) - для HTTP/HTTPS routing SSL сертификаты (cert-manager) - для автоматического HTTPS Мониторинг (Prometheus/Grafana) - для наблюдения за кластером Что дальше # Кластер готов, но пока он изолирован от внешнего мира. Чтобы запускать реальные приложения с доступом извне, нужны:\nMetalLB - выдаёт IP-адреса для LoadBalancer сервисов Traefik - маршрутизирует HTTP/HTTPS трафик cert-manager - автоматически получает SSL сертификаты Это темы для следующей серии статей.\nА пока можно:\nПоэкспериментировать с kubectl Задеплоить тестовые приложения Изучить как работает scheduling между нодами ","date":"2 ноября 2025","externalUrl":null,"permalink":"/posts/k3s-part3-installation/","section":"Статьи","summary":"","title":"K3s HA для homelab: Ставим K3s HA кластер","type":"posts"},{"content":"","date":"2 ноября 2025","externalUrl":null,"permalink":"/series/k3s-ha-%D0%BA%D0%BB%D0%B0%D1%81%D1%82%D0%B5%D1%80-%D0%B4%D0%BB%D1%8F-homelab/","section":"Series","summary":"","title":"K3s HA Кластер Для Homelab","type":"series"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/debian/","section":"Теги","summary":"","title":"Debian","type":"tags"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/infrastructure/","section":"Теги","summary":"","title":"Infrastructure","type":"tags"},{"content":"Архитектура спланирована, ресурсы посчитаны - пора создавать виртуальные машины. В этой статье подготовим 5 VM в Proxmox и настроим ОС так, чтобы K3s установился без сюрпризов.\nЗвучит просто? В теории - да. На практике: забытый swap, cgroup v1 вместо v2, закрытые порты firewall - и вы тратите час на отладку того, что должно было работать \u0026ldquo;из коробки\u0026rdquo;.\nРезультат: 5 VM (3 master + 2 worker) с Debian 12, настроенной сетью, отключённым swap и правильными параметрами ядра. SSH доступ работает, ноды видят друг друга.\nДля кого это # Подходит:\nПрочитал первую статью (или понимаешь архитектуру K3s HA) Есть Proxmox с 14+ vCPU и 56GB+ RAM свободных Умеешь работать в терминале Proxmox (или готов учиться) Не подходит:\nProxmox ещё не установлен - сначала разберись с ним Хочешь использовать LXC вместо VM - K3s в контейнерах работает, но с нюансами (не покрываем) Что понадобится # Компонент Значение Proxmox VE 7.x или 8.x Storage pool local-lvm или другой (минимум 200GB свободно) Сетевой bridge vmbr0 (или ваш) SSH-ключ Публичный ключ для доступа к VM ОС для VM Debian 12 cloud image Шаг 1: Скачать cloud image Debian 12 # Cloud image - готовый образ с поддержкой cloud-init. Не нужно проходить установщик вручную: задаёшь параметры (IP, пользователь, SSH-ключ) - VM стартует уже настроенной.\nНа Proxmox хосте (SSH или Shell в Web UI):\n# Перейти в директорию для образов cd /var/lib/vz/template/iso # Скачать Debian 12 cloud image wget https://cloud.debian.org/images/cloud/bookworm/latest/debian-12-generic-amd64.qcow2 # Проверить ls -lh debian-12-generic-amd64.qcow2 Ожидаемый результат:\n-rw-r--r-- 1 root root 521M ... debian-12-generic-amd64.qcow2 Если скачивание медленное: образ ~500MB, на слабом канале может занять время. Альтернатива - скачать на локальную машину и загрузить через Proxmox Web UI (Datacenter → Storage → Upload).\nШаг 2: Создать template VM # Template - шаблон VM, из которого будем клонировать все 5 нод. Настраиваем один раз, клонируем пять.\n2.1. Задать переменные # # Настрой под свою конфигурацию TEMPLATE_ID=9000 # ID для template (любой свободный) STORAGE=local-lvm # Твой storage pool BRIDGE=vmbr0 # Сетевой bridge SSH_KEY_PATH=~/.ssh/id_rsa.pub # Путь к публичному SSH-ключу Как узнать имя storage:\npvesm status Ожидаемый результат\nName Type Status Total Used Available % local dir active 229199360 9095552 220103808 3.97% local-lvm pool active 220103964 96 220103868 0.00% 2.2. Создать VM и импортировать диск # # 1. Создать пустую VM qm create $TEMPLATE_ID \\ --name debian-12-template \\ --memory 2048 \\ --cores 2 \\ --net0 virtio,bridge=$BRIDGE # 2. Импортировать скачанный образ как диск qm importdisk $TEMPLATE_ID \\ /var/lib/vz/template/iso/debian-12-generic-amd64.qcow2 \\ $STORAGE Ожидаемый результат:\nimporting disk \u0026#39;/var/lib/vz/template/iso/debian-12-generic-amd64.qcow2\u0026#39; to VM 9000 ... Successfully imported disk as \u0026#39;unused0:local-lvm:vm-9000-disk-0\u0026#39; 2.3. Настроить диск и загрузку # # 3. Подключить диск к VM qm set $TEMPLATE_ID \\ --scsihw virtio-scsi-pci \\ --scsi0 $STORAGE:vm-$TEMPLATE_ID-disk-0 # 4. Настроить загрузку и cloud-init qm set $TEMPLATE_ID \\ --boot c \\ --bootdisk scsi0 \\ --ide2 $STORAGE:cloudinit \\ --serial0 socket \\ --vga serial0 2.4. Настроить cloud-init # # 5. Пользователь, пароль, SSH-ключ qm set $TEMPLATE_ID \\ --ciuser k3s \\ --cipassword \u0026#34;ВашНадёжныйПароль\u0026#34; \\ --sshkeys $SSH_KEY_PATH \\ --ipconfig0 ip=dhcp # 6. Увеличить диск до 32GB (базовый размер для master) qm resize $TEMPLATE_ID scsi0 32G Замени:\nВашНадёжныйПароль - пароль для пользователя k3s (резервный доступ, если SSH не работает) $SSH_KEY_PATH - путь к твоему публичному ключу 2.5. Превратить в template # # 7. Конвертировать VM в template qm template $TEMPLATE_ID После этого VM 9000 станет шаблоном - её нельзя запустить, только клонировать.\nCheckpoint: Template создан # # Проверить что template существует qm list | grep template Ожидаемый результат:\n9000 debian-12-template stopped 2048 32.00 0 Если ошибка \u0026ldquo;disk import failed\u0026rdquo;:\nПроверь свободное место: pvesm status Проверь путь к образу: ls -l /var/lib/vz/template/iso/ Шаг 3: Клонировать master ноды # Теперь создаём 3 master ноды из template. Каждая получит свой IP, имя и ресурсы.\nTEMPLATE_ID=9000 # ───────────────────────────────────────────── # Master 1 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 201 --name k3s-master-1 --full qm set 201 --cores 2 --memory 8192 qm set 201 --ipconfig0 ip=192.168.11.201/24,gw=192.168.11.1 qm set 201 --nameserver 8.8.8.8 qm resize 201 scsi0 32G # ───────────────────────────────────────────── # Master 2 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 202 --name k3s-master-2 --full qm set 202 --cores 2 --memory 8192 qm set 202 --ipconfig0 ip=192.168.11.202/24,gw=192.168.11.1 qm set 202 --nameserver 8.8.8.8 qm resize 202 scsi0 32G # ───────────────────────────────────────────── # Master 3 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 203 --name k3s-master-3 --full qm set 203 --cores 2 --memory 8192 qm set 203 --ipconfig0 ip=192.168.11.203/24,gw=192.168.11.1 qm set 203 --nameserver 8.8.8.8 qm resize 203 scsi0 32G Параметры:\n--full - полное клонирование (не linked clone), VM независима от template --cores 2 --memory 8192 - 2 vCPU, 8GB RAM (как планировали) --ipconfig0 - статический IP через cloud-init --nameserver - DNS сервер (можешь указать свой) Адаптируй под свою сеть:\n192.168.11.0/24 → твоя подсеть 192.168.11.1 → твой gateway Шаг 4: Клонировать worker ноды # Workers получают больше ресурсов - здесь будут работать приложения.\n# ───────────────────────────────────────────── # Worker 1 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 210 --name k3s-worker-1 --full qm set 210 --cores 4 --memory 16384 qm set 210 --ipconfig0 ip=192.168.11.210/24,gw=192.168.11.1 qm set 210 --nameserver 8.8.8.8 qm resize 210 scsi0 50G # ───────────────────────────────────────────── # Worker 2 # ───────────────────────────────────────────── qm clone $TEMPLATE_ID 211 --name k3s-worker-2 --full qm set 211 --cores 4 --memory 16384 qm set 211 --ipconfig0 ip=192.168.11.211/24,gw=192.168.11.1 qm set 211 --nameserver 8.8.8.8 qm resize 211 scsi0 50G Отличия от master:\n4 vCPU вместо 2 16GB RAM вместо 8GB 50GB диск вместо 32GB Шаг 5: Запустить все VM # # Запустить все 5 VM for vmid in 201 202 203 210 211; do qm start $vmid echo \u0026#34;Запущена VM $vmid\u0026#34; sleep 3 done # Проверить статус qm list | grep k3s Ожидаемый результат:\n201 k3s-master-1 running 8192 32.00 12345 202 k3s-master-2 running 8192 32.00 12346 203 k3s-master-3 running 8192 32.00 12347 210 k3s-worker-1 running 16384 50.00 12348 211 k3s-worker-2 running 16384 50.00 12349 Checkpoint: VM работают # Подожди 1-2 минуты (cloud-init применяет настройки при первом запуске), затем проверь SSH:\n# Проверить доступность всех нод for ip in 192.168.11.201 192.168.11.202 192.168.11.203 192.168.11.210 192.168.11.211; do echo -n \u0026#34;Проверяю $ip... \u0026#34; ssh -o ConnectTimeout=5 -o StrictHostKeyChecking=no k3s@$ip \u0026#34;hostname\u0026#34; 2\u0026gt;/dev/null \u0026amp;\u0026amp; echo \u0026#34;OK\u0026#34; || echo \u0026#34;FAIL\u0026#34; done Ожидаемый результат:\nПроверяю 192.168.11.201... k3s-master-1 OK Проверяю 192.168.11.202... k3s-master-2 OK ... Если SSH не работает:\nСимптом Причина Решение Connection refused VM не загрузилась или SSH не запущен Открой консоль в Proxmox, проверь загрузку Connection timeout Неправильный IP или firewall Проверь IP в консоли: ip addr Permission denied Неправильный SSH-ключ Проверь ~/.ssh/authorized_keys на VM Host key verification failed Первое подключение Добавь -o StrictHostKeyChecking=no Шаг 6: Подготовить ОС на всех нодах # Теперь нужно настроить каждую ноду: обновить пакеты, отключить swap, настроить ядро. Команды одинаковые для всех 5 нод.\n6.1. Обновить систему # На каждой ноде (или через цикл):\n# Вариант 1: по одной ssh k3s@192.168.11.201 sudo apt update sudo apt upgrade -y sudo apt install -y curl wget vim htop iptables # Вариант 2: массово (с локальной машины) for ip in 192.168.11.{201..203} 192.168.11.{210..211}; do echo \u0026#34;=== Обновляю $ip ===\u0026#34; ssh k3s@$ip \u0026#34;sudo apt update \u0026amp;\u0026amp; sudo apt upgrade -y \u0026amp;\u0026amp; sudo apt install -y curl wget vim htop iptables\u0026#34; done 6.2. Отключить swap # Kubernetes не любит swap. При включённом swap поды ведут себя непредсказуемо - OOMKiller срабатывает не тогда, когда ожидаешь.\nНа всех нодах:\n# Отключить swap сейчас sudo swapoff -a # Отключить навсегда (закомментировать в fstab) sudo sed -i \u0026#39;/swap/s/^/#/\u0026#39; /etc/fstab # Проверить free -h | grep Swap Ожидаемый результат:\nSwap: 0B 0B 0B 6.3. Загрузить kernel-модули # K3s использует overlay filesystem и bridge netfilter. Без этих модулей - ошибки при старте.\nНа всех нодах:\n# Загрузить модули sudo modprobe overlay sudo modprobe br_netfilter # Настроить автозагрузку cat \u0026lt;\u0026lt;EOF | sudo tee /etc/modules-load.d/k3s.conf overlay br_netfilter EOF # Проверить lsmod | grep -E \u0026#39;overlay|br_netfilter\u0026#39; Ожидаемый результат:\noverlay 151552 0 br_netfilter 32768 0 6.4. Настроить sysctl # Параметры для сетевого взаимодействия между подами.\nНа всех нодах:\n# Создать конфиг cat \u0026lt;\u0026lt;EOF | sudo tee /etc/sysctl.d/k3s.conf net.ipv4.ip_forward = 1 net.bridge.bridge-nf-call-iptables = 1 net.bridge.bridge-nf-call-ip6tables = 1 EOF # Применить sudo sysctl --system # Проверить sysctl net.ipv4.ip_forward net.bridge.bridge-nf-call-iptables Ожидаемый результат:\nnet.ipv4.ip_forward = 1 net.bridge.bridge-nf-call-iptables = 1 6.5. Проверить cgroup v2 # Debian 12 по умолчанию использует cgroup v2 - просто проверим.\nmount | grep cgroup Ожидаемый результат (cgroup v2):\ncgroup2 on /sys/fs/cgroup type cgroup2 (rw,nosuid,nodev,noexec,relatime,nsdelegate,memory_recursiveprot) Если видишь tmpfs on /sys/fs/cgroup type tmpfs - это cgroup v1. Нужно включить v2:\n# Добавить параметр ядра sudo sed -i \u0026#39;s|^GRUB_CMDLINE_LINUX_DEFAULT=\u0026#34;\\(.*\\)\u0026#34;|GRUB_CMDLINE_LINUX_DEFAULT=\u0026#34;\\1 systemd.unified_cgroup_hierarchy=1\u0026#34;|\u0026#39; /etc/default/grub # Обновить GRUB sudo update-grub # Перезагрузить sudo reboot # После reboot проверить mount | grep cgroup2 Шаг 7: Настроить firewall # UFW - простой интерфейс к iptables. Откроем только нужные порты.\n7.1. На master нодах (201, 202, 203) # # Установить UFW sudo apt install -y ufw # Базовые правила sudo ufw default deny incoming sudo ufw default allow outgoing # SSH (чтобы не потерять доступ) sudo ufw allow 22/tcp # Kubernetes API sudo ufw allow 6443/tcp # etcd (между masters) sudo ufw allow 2379:2380/tcp # Kubelet sudo ufw allow 10250/tcp # Flannel VXLAN sudo ufw allow 8472/udp # Включить sudo ufw --force enable # Проверить sudo ufw status 7.2. На worker нодах (210, 211) # sudo apt install -y ufw sudo ufw default deny incoming sudo ufw default allow outgoing sudo ufw allow 22/tcp # SSH sudo ufw allow 10250/tcp # Kubelet sudo ufw allow 8472/udp # Flannel VXLAN sudo ufw --force enable sudo ufw status Шаг 8: Настроить /etc/hosts # Не обязательно, но удобно - ноды смогут обращаться друг к другу по имени.\nНа всех нодах:\ncat \u0026lt;\u0026lt;EOF | sudo tee -a /etc/hosts # K3s Cluster 192.168.11.201 k3s-master-1 192.168.11.202 k3s-master-2 192.168.11.203 k3s-master-3 192.168.11.210 k3s-worker-1 192.168.11.211 k3s-worker-2 EOF Проверить:\nping -c 1 k3s-master-2 Финальная проверка # Перед переходом к установке K3s убедись, что всё готово. Запусти на любой ноде:\necho \u0026#34;=== Проверка готовности ноды ===\u0026#34; echo -n \u0026#34;1. Swap отключён: \u0026#34; [ $(free | grep Swap | awk \u0026#39;{print $2}\u0026#39;) -eq 0 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;2. Модуль overlay: \u0026#34; lsmod | grep -q overlay \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;3. Модуль br_netfilter: \u0026#34; lsmod | grep -q br_netfilter \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;4. IP forwarding: \u0026#34; [ $(sysctl -n net.ipv4.ip_forward) -eq 1 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;5. bridge-nf-call-iptables: \u0026#34; [ $(sysctl -n net.bridge.bridge-nf-call-iptables) -eq 1 ] \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;6. cgroup v2: \u0026#34; mount | grep -q \u0026#34;cgroup2\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;7. UFW активен: \u0026#34; sudo ufw status | grep -q \u0026#34;Status: active\u0026#34; \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; echo -n \u0026#34;8. Пинг k3s-master-1: \u0026#34; ping -c 1 -W 1 k3s-master-1 \u0026gt;/dev/null 2\u0026gt;\u0026amp;1 \u0026amp;\u0026amp; echo \u0026#34;✓\u0026#34; || echo \u0026#34;✗ ОШИБКА\u0026#34; Ожидаемый результат:\n=== Проверка готовности ноды === 1. Swap отключён: ✓ 2. Модуль overlay: ✓ 3. Модуль br_netfilter: ✓ 4. IP forwarding: ✓ 5. bridge-nf-call-iptables: ✓ 6. cgroup v2: ✓ 7. UFW активен: ✓ 8. Пинг k3s-master-1: ✓ Если где-то ✗ - вернись к соответствующему шагу.\nTroubleshooting # Симптом Причина Решение VM не получает IP cloud-init не отработал Проверь консоль, жди 2-3 минуты, перезагрузи VM SSH connection refused sshd не запущен Открой консоль, проверь systemctl status ssh Swap не отключается Строка не закомментирована в fstab cat /etc/fstab, проверь swap строку, reboot cgroup v1 после reboot GRUB не обновился Проверь /proc/cmdline, повтори update-grub UFW блокирует всё Забыл разрешить SSH до включения Через консоль Proxmox: ufw allow 22/tcp Ноды не пингуются UFW или неправильный IP Проверь ip addr, проверь правила UFW Итог # Что сделано:\n✅ Скачан Debian 12 cloud image ✅ Создан template VM с cloud-init ✅ Склонированы 5 VM (3 master + 2 worker) ✅ Настроены статические IP ✅ Подготовлена ОС (swap, modules, sysctl, cgroup v2) ✅ Настроен firewall с нужными портами ✅ SSH работает на все ноды Что дальше:\n👉 Следующая статья: \u0026ldquo;Установить K3s HA кластер\u0026rdquo;\nТам мы:\nСгенерируем token для кластера Установим K3s на первую master ноду Добавим ещё 2 master ноды (HA) Подключим worker ноды Настроим kubectl Проверим работу кластера ","date":"21 октября 2025","externalUrl":null,"permalink":"/posts/k3s-part2-infrastructure/","section":"Статьи","summary":"","title":"K3s HA для homelab: Готовим инфраструктуру в Proxmox","type":"posts"},{"content":"","date":"21 октября 2025","externalUrl":null,"permalink":"/tags/proxmox/","section":"Теги","summary":"","title":"Proxmox","type":"tags"},{"content":"","date":"14 октября 2025","externalUrl":null,"permalink":"/tags/architecture/","section":"Теги","summary":"","title":"Architecture","type":"tags"},{"content":"Kubernetes слишком тяжёлый, Docker Swarm мёртв, а хочется нормальный кластер для экспериментов. Знакомо? K3s решает эту проблему - полноценный Kubernetes в бинарнике на 50MB вместо 1.5GB зависимостей. Но без правильного планирования вы получите нестабильную конструкцию, которая падает в самый неподходящий момент.\nВ этой статье разберём архитектуру K3s HA кластера: почему именно 3 master ноды, зачем embedded etcd и сколько ресурсов закладывать. В конце - готовый план для установки.\nРезультат: понимание архитектуры + таблица ресурсов + сетевая схема. Всё, что нужно перед тем, как создавать VM.\nДля кого это # Подходит:\nЗнаком с базовыми концепциями Kubernetes (pod, service, deployment) Есть Proxmox с 14+ vCPU и 56GB+ RAM Хочешь понять что устанавливать, прежде чем устанавливать Не подходит:\nНужна одна нода для экспериментов - достаточно docker-compose или K3s single-node Ищешь managed Kubernetes для бизнеса - смотри в сторону Yandex Cloud или VK Cloud Хочешь сразу команды без теории - переходи к статье 2 K3s vs Kubernetes: в чём разница # Kubernetes (K8s) - оркестратор контейнеров, стандарт индустрии. Добро пожаловать в enterprise, где для запуска трёх контейнеров нужно поддерживать шесть виртуальных машин.\nK3s - тот же Kubernetes, но кто-то в Rancher (теперь SUSE) задумался: \u0026ldquo;А что если выкинуть всё, что нужно только Сберу и Yandex Cloud?\u0026rdquo;\nKubernetes K3s Что выкинули:\nИнтеграции с облачными провайдерами (вы же не в VK Cloud) Legacy API (вы же не мигрируете кластер 2016 года) Встроенные драйверы хранилищ на все случаи жизни (вы же не используете 47 типов СХД) Альфа/бета-функции (нестабильные эксперименты) Что осталось: полноценный Kubernetes, сертифицированный CNCF (Cloud Native Computing Foundation - организация, которая решает, что считать \u0026ldquo;настоящим\u0026rdquo; Kubernetes). Все манифесты работают. Helm работает. kubectl работает. Ответы со StackOverflow работают.\nСравнение в цифрах # Характеристика Kubernetes K3s Размер ~1.5GB образы 50MB бинарник RAM на control plane ~2GB на ноду ~500MB на ноду Установка kubeadm, 10+ шагов один curl-скрипт etcd Отдельный кластер (3+ VM) Встроенный CNI Нужно устанавливать Flannel из коробки Совместимость 100% 100% \u0026ldquo;Но я потеряю гибкость!\u0026rdquo; - скажете вы. Да, вы не сможете заменить сетевой плагин Flannel без пересборки. Это критично примерно для одного проекта из тысячи, и ваш homelab в их число не входит.\nВердикт: для homelab K3s - очевидный выбор. Теряем 5% гибкости, получаем 90% простоты.\nЧто такое High Availability и зачем оно вам # HA (High Availability) - способность системы продолжать работу при отказе компонентов. Звучит как enterprise-термин для больших компаний? На практике это разница между \u0026ldquo;кластер упал в субботу, но я починил в понедельник\u0026rdquo; и \u0026ldquo;кластер сам пережил падение ноды, пока я спал\u0026rdquo;.\nБез HA (single node) # ┌─────────────────┐ │ K3s Master │ ← Единственная точка отказа │ + Worker │ └─────────────────┘ Нода упала → кластер мёртв → ваши сервисы недоступны С HA (3+ master nodes) # ┌──────────┐ ┌──────────┐ ┌──────────┐ │ Master 1 │ │ Master 2 │ │ Master 3 │ │ + etcd │ │ + etcd │ │ + etcd │ └──────────┘ └──────────┘ └──────────┘ ↓ ↓ ↓ ┌──────────┐ ┌──────────┐ │ Worker 1 │ │ Worker 2 │ └──────────┘ └──────────┘ Одна master упала → кластер работает Один worker упал → поды переехали на другой Сколько master нод нужно # Вот тут начинается интересное. Интуиция подсказывает: одна нода - плохо, две - уже лучше. Логично? Логично. И неправильно.\nMaster нод Выдержит отказов Кворум Вердикт 1 0 1/1 Нет HA, но честно 2 0 Ловушка! ⛔ Хуже, чем 1 3 1 2/3 ✅ Минимум для HA 5 2 3/5 Для критичных систем Почему 2 master ноды хуже, чем 1 # etcd (база данных кластера, где хранится вообще всё) работает по принципу голосования. Чтобы записать данные, нужно согласие большинства нод. Не \u0026ldquo;хотя бы одной\u0026rdquo; - именно большинства.\nСчитаем:\n1 нода: большинство = 1. Упала - кластер мёртв. Честная игра, вы знали на что шли. 2 ноды: большинство = 2. Упала одна - кворума нет, кластер мёртв. Сюрприз! 3 ноды: большинство = 2. Одна упала - две оставшиеся продолжают работать. Это как договор, требующий подписи обоих директоров - заболел один, и компания парализована.\nС двумя нодами вы не получили отказоустойчивость. Вы удвоили количество точек отказа и назвали это \u0026ldquo;высокой доступностью\u0026rdquo;.\nПравило: или 1 нода (и честное понимание рисков), или 3+ (и настоящий HA). Двойка - ловушка для тех, кто не дочитал документацию.\nEmbedded etcd vs External etcd # etcd - распределённое key-value хранилище. Единственный источник истины для всего состояния Kubernetes: все объекты (поды, сервисы, секреты), конфигурации, сетевые политики. Без etcd кластер не работает. Точка.\nЕсть два варианта архитектуры:\nExternal etcd (классический Kubernetes) # Control Plane (3 VM) etcd кластер (3 VM) ┌────────────────┐ ┌──────────────┐ │ API Server │ │ etcd-1 │ │ Scheduler │ ──────────────\u0026gt;│ (только etcd)│ │ Controller │ └──────────────┘ └────────────────┘ ┌──────────────┐ ┌────────────────┐ │ etcd-2 │ │ API Server │ ──────────────\u0026gt;│ (только etcd)│ │ Scheduler │ └──────────────┘ │ Controller │ ┌──────────────┐ └────────────────┘ │ etcd-3 │ ┌────────────────┐ │ (только etcd)│ │ API Server │ ──────────────\u0026gt;└──────────────┘ │ Scheduler │ │ Controller │ └────────────────┘ Итого: 6 виртуальных машин Embedded etcd (K3s) # ┌─────────────────────────┐ │ K3s Master 1 │ │ ┌───────────────────┐ │ │ │ API + Scheduler │ │ │ │ + Controller │ │ │ └───────────────────┘ │ │ ┌───────────────────┐ │ │ │ etcd (встроенный) │◄─┼──┐ │ └───────────────────┘ │ │ └─────────────────────────┘ │ Raft protocol ┌─────────────────────────┐ │ (синхронизация) │ K3s Master 2 │ │ │ etcd ◄────────────────────┤ └─────────────────────────┘ │ ┌─────────────────────────┐ │ │ K3s Master 3 │ │ │ etcd ◄────────────────────┘ └─────────────────────────┘ Итого: 3 виртуальные машины Сравнение подходов # Критерий External etcd Embedded etcd Количество VM 6 (3 master + 3 etcd) 3 (всё вместе) Сложность настройки Высокая Один флаг --cluster-init Сложность обновления Отдельно etcd и K8s Одна команда Производительность Чуть лучше Достаточно для homelab Масштаб \u0026gt;500 нод До 100-200 нод Для homelab embedded etcd - очевидный выбор. Теряем 5-10% производительности etcd, экономим 3 VM и часы настройки.\n\u0026ldquo;А если мне понадобится масштаб?\u0026rdquo; - официально embedded etcd поддерживает до 100 нод и 5000 подов. Для homelab это как ограничение скорости 300 км/ч на велосипеде.\nЗачем отдельные worker ноды # Worker ноды - машины для запуска ваших приложений (подов). На них не запускаются компоненты control plane.\n\u0026ldquo;А можно запускать приложения прямо на master нодах?\u0026rdquo;\nТехнически - да. K3s не ставит ограничений на master ноды (в отличие от обычного Kubernetes). Но это плохая идея:\nControl plane должен быть стабильным. Ваше приложение съело всю память → API server упал → кластер недоступен. etcd чувствителен к диску. База данных на той же ноде создаёт I/O нагрузку → etcd тормозит → весь кластер тормозит. Изоляция отказов. Проблема с приложением не должна убивать control plane. 2 worker ноды - минимум для HA приложений:\nМожно запускать 2 реплики (на разных нодах) При падении одного worker\u0026rsquo;а второй держит нагрузку Легко добавить третью, четвёртую ноду потом Архитектура нашего кластера # Вот что мы будем строить:\nКлючевые моменты:\nВсе master ноды равны - нет \u0026ldquo;главной\u0026rdquo;, kubectl подключается к любой. etcd синхронизируется через Raft - алгоритм консенсуса, гарантирует согласованность данных. Workers знают только про API - они не подключаются к etcd напрямую. Flannel создаёт overlay-сеть - все поды получают IP из 10.42.0.0/16, видят друг друга. Планирование ресурсов # Таблица VM # Hostname VM ID IP vCPU RAM Disk Роль k3s-master-1 201 192.168.11.201 2 8GB 32GB Control Plane + etcd k3s-master-2 202 192.168.11.202 2 8GB 32GB Control Plane + etcd k3s-master-3 203 192.168.11.203 2 8GB 32GB Control Plane + etcd k3s-worker-1 210 192.168.11.210 4 16GB 50GB Workloads k3s-worker-2 211 192.168.11.211 4 16GB 50GB Workloads Итого - - 14 56GB 196GB - Почему именно такие ресурсы # Master ноды (2 vCPU / 8GB RAM / 32GB Disk):\nРеальное потребление в idle:\nAPI server: ~200-300MB RAM etcd: ~100-200MB RAM (растёт со временем) Scheduler + Controller: ~150MB RAM Системные поды: ~100-200MB RAM Итого: ~600-900MB используется \u0026ldquo;Зачем тогда 8GB?\u0026rdquo; - запас для burst-нагрузки. Когда вы деплоите 50 подов одновременно, API server временно съедает больше. etcd при большом кластере может вырасти до 1-2GB. Golang GC работает лучше с запасом памяти.\nWorker ноды (4 vCPU / 16GB RAM / 50GB Disk):\nЗдесь будут ваши приложения. При 16GB можно запустить:\n5-10 средних приложений (256MB-2GB каждое) Или 2-3 базы данных (PostgreSQL любит память) Или комбинацию 50GB диска - под образы контейнеров (10-20GB), логи (5-10GB), временные данные.\nМожно ли меньше? # Минимальная конфигурация (для экспериментов):\nMaster: 1 vCPU / 4GB RAM / 20GB Disk Worker: 2 vCPU / 8GB RAM / 30GB Disk Итого: 9 vCPU / 36GB RAM Риски:\nМедленная работа API server OOM killer при нагрузке Нет запаса для burst Для production-like homelab рекомендую таблицу выше. Комфортный запас стоит дешевле, чем отладка странных падений.\nСетевая схема # IP-адреса (адаптируй под свою сеть) # 192.168.11.0/24 - Локальная сеть 192.168.11.1 - Gateway (роутер) 192.168.11.201-203 - Master ноды 192.168.11.210-211 - Worker ноды 192.168.11.220-230 - Резерв для MetalLB (статья 2) Kubernetes внутренние сети (создаются автоматически) # 10.42.0.0/16 - Pod network (Flannel VXLAN overlay) 10.43.0.0/16 - Service network (ClusterIP) 10.43.0.10 - CoreDNS Порты между нодами # Порт Протокол Направление Назначение 6443 TCP Master ← Worker Kubernetes API 2379-2380 TCP Master ↔ Master etcd (client + peer) 10250 TCP Master ↔ All Kubelet API 8472 UDP All ↔ All Flannel VXLAN Требования к железу и софту # Железо (Proxmox хост) # Минимум:\nCPU: 14 vCPU свободных RAM: 56GB свободных Disk: 200GB на SSD Network: 1 Gbit Рекомендуется:\nCPU: 18+ vCPU (запас для приложений) RAM: 64GB+ (базы данных прожорливые) Disk: NVMe для etcd Network: 2.5 Gbit (для NFS, если будете использовать) Софт # Компонент Версия Proxmox VE 7.x или 8.x K3s v1.31+ (stable) ОС на нодах Debian 12 или Ubuntu 22.04+ Kernel 5.15+ (для cgroup v2) Итог # Что мы спроектировали:\n5 VM: 3 master + 2 worker K3s с embedded etcd (HA без лишних VM) Отказоустойчивость: выдерживает падение 1 master и любого worker Ресурсы: 14 vCPU / 56GB RAM / 196GB Disk Что НЕ входит в эту серию (отдельные статьи):\nLoadBalancer (MetalLB) Ingress (Traefik) SSL (cert-manager) Мониторинг (Prometheus/Grafana) Что дальше # 👉 \u0026ldquo;Подготовить инфраструктуру для K3s в Proxmox\u0026rdquo;\nТам мы:\nСоздадим template VM с Debian 12 Склонируем 5 VM с правильными ресурсами Настроим статические IP Подготовим ОС (swap, cgroup v2, firewall) ","date":"14 октября 2025","externalUrl":null,"permalink":"/posts/k3s-part1-architecture/","section":"Статьи","summary":"","title":"K3s HA для homelab: архитектура без боли","type":"posts"},{"content":"Привет! Меня зовут Олег. За 20 лет в IT проблемы росли вместе со мной: от «почему не печатает принтер» до «почему три сервера не могут договориться, кто из них главный». Техподдержка научила терпению - там быстро понимаешь, что «не работает» может означать что угодно, от выключенного монитора до сбоя на другом континенте. Сети научили начинать диагностику с розетки, а не с теории заговора. Системное администрирование - что между «всё работает» и «всё сломалось» обычно стоит один непрочитанный warning в логах трёхнедельной давности.\nСейчас я инфраструктурный инженер. Строю и чиню серверную инфраструктуру: много enterprise, ещё больше Open Source, изрядно импортозамещённого - в общем, всё что работает на Linux, с Linux и благодаря Linux. Работаю в Главгосэкспертизе России. Общаюсь с серверами на Bash, Python и прочих машинопонятных языках. Иногда серверы даже отвечают. Живу в Москве.\nДома - лаборатория. Нет, не стойка в подвале (хотя идея заманчивая). Один сервер, но серьёзный: виртуализация, Kubernetes, хранилище, мониторинг - всё по-взрослому, но если что-то упало - нет многомиллионных издержек и мир не остановился. Идеальный полигон: придумал, реализовал, сломал, починил, задокументировал. Полный цикл.\nЭтот блог - не enterprise-гайды для внедрения в банке. Это production, но в человеческом масштабе: домашний сервер, небольшая компания, стартап на трёх разработчиках. Решения, которые реально работают - просто без бюджета на команду SRE из десяти человек - инженеров надёжности, чьи зарплаты съедают бюджет стартапа за квартал. Документирую грабли, чтобы вы на них не наступали. Чем больнее наступил сам - тем подробнее статья.\n","date":"1 октября 2025","externalUrl":null,"permalink":"/about/","section":"Олег Казанин","summary":"","title":"Кто это пишет и зачем","type":"page"},{"content":"","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"","externalUrl":null,"permalink":"/tags/docs/","section":"Теги","summary":"","title":"Docs","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/icon/","section":"Теги","summary":"","title":"Icon","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/lead/","section":"Теги","summary":"","title":"Lead","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/mermaid/","section":"Теги","summary":"","title":"Mermaid","type":"tags"},{"content":"","externalUrl":null,"permalink":"/tags/shortcodes/","section":"Теги","summary":"","title":"Shortcodes","type":"tags"},{"content":"","externalUrl":null,"permalink":"/series/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F/","section":"Series","summary":"","title":"Документация","type":"series"}]
\ No newline at end of file
diff --git a/public/posts/blog-part-1-architecture/index.html b/public/posts/blog-part-1-architecture/index.html
index 13be1f4..803a0bb 100644
--- a/public/posts/blog-part-1-architecture/index.html
+++ b/public/posts/blog-part-1-architecture/index.html
@@ -134,8 +134,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/blog-part-2-k8s-deployment/index.html b/public/posts/blog-part-2-k8s-deployment/index.html
index e187e51..c610a7b 100644
--- a/public/posts/blog-part-2-k8s-deployment/index.html
+++ b/public/posts/blog-part-2-k8s-deployment/index.html
@@ -135,8 +135,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/blog-part-3-dev-environment/index.html b/public/posts/blog-part-3-dev-environment/index.html
index d668fb0..6ef6f2d 100644
--- a/public/posts/blog-part-3-dev-environment/index.html
+++ b/public/posts/blog-part-3-dev-environment/index.html
@@ -134,8 +134,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/blog-part-4-git-workflow/index.html b/public/posts/blog-part-4-git-workflow/index.html
index a7b673d..288658f 100644
--- a/public/posts/blog-part-4-git-workflow/index.html
+++ b/public/posts/blog-part-4-git-workflow/index.html
@@ -133,8 +133,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/blog-part-5-debugging/index.html b/public/posts/blog-part-5-debugging/index.html
index d49fc12..0a164af 100644
--- a/public/posts/blog-part-5-debugging/index.html
+++ b/public/posts/blog-part-5-debugging/index.html
@@ -135,8 +135,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/blog-part-6-namespace-migration/index.html b/public/posts/blog-part-6-namespace-migration/index.html
index 4d9d5de..ce6920a 100644
--- a/public/posts/blog-part-6-namespace-migration/index.html
+++ b/public/posts/blog-part-6-namespace-migration/index.html
@@ -135,8 +135,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -1232,7 +1232,7 @@
         <div class="article-content max-w-prose mb-20">
           <p>В части 5 выяснили почему сайт отдавал <code>503</code> через раз. Виновник - брошенный namespace <code>blog</code> с нерабочим nginx, чей IngressRoute всё ещё висел на продакшн домене.</p>
 <p>Мораль была проста: <strong>чисти за собой</strong>. Сегодня делаем именно это - переносим Gitea из старого namespace в <code>oakazanin</code> и удаляем старый namespace навсегда.</p>
-<p>Заодно разберём универсальный алгоритм миграции, который работает для любого сервиса. Показываю на примере Gitea, но всё описанное применимо к любому stateful сервису — PostgreSQL, MySQL, Nextcloud, MinIO. Принципы одинаковые: экспортируй манифесты, поменяй namespace, создай новое перед удалением старого.</p>
+<p>Заодно разберём универсальный алгоритм миграции, который работает для любого сервиса. Показываю на примере Gitea, но всё описанное применимо к любому stateful сервису - PostgreSQL, MySQL, Nextcloud, MinIO. Принципы одинаковые: экспортируй манифесты, поменяй namespace, создай новое перед удалением старого.</p>
 <hr>
 
 <h2 class="relative group">Почему вообще нужна миграция между namespace
@@ -1552,18 +1552,18 @@
 </ul>
 <p><strong>Nextcloud:</strong></p>
 <ul>
-<li>Аналогично — файлы на NFS не переносятся</li>
+<li>Аналогично - файлы на NFS не переносятся</li>
 <li>Только манифесты меняют namespace</li>
 <li>Zero downtime если создаёшь новое до удаления старого</li>
 </ul>
 <p><strong>MinIO (S3-хранилище):</strong></p>
 <ul>
 <li>Stateful, работает через PV/PVC</li>
-<li>Те же принципы — новый namespace, тот же NFS путь</li>
+<li>Те же принципы - новый namespace, тот же NFS путь</li>
 </ul>
 <p><strong>Stateless сервисы (nginx, API):</strong></p>
 <ul>
-<li>Ещё проще — нет PV/PVC вообще</li>
+<li>Ещё проще - нет PV/PVC вообще</li>
 <li>Только Deployment + Service, меняешь namespace, готово</li>
 </ul>
 <p>Главный принцип: <strong>данные живут на PV, который привязан к NFS. Namespace меняется, путь на NFS остаётся.</strong></p>
diff --git a/public/posts/index.html b/public/posts/index.html
index 3010d32..4097f7e 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.b5bc3f4587655153415b7825fd1716f97df9c99f87c23f81146f4dd4f9f49f04ad031e3b5f0ee5c0416707a1455ca2cfa8fc1f3a19ece1486b0126dcd310a63e.css"
+    integrity="sha512-tbw/RYdlUVNBW3gl/RcW&#43;X35yZ&#43;Hwj&#43;BFG9N1Pn0nwStAx47Xw7lwEFnB6FFXKLPqPwfOhns4UhrASbc0xCmPg==">
 
   
   
@@ -269,11 +269,11 @@
       "@type": "Person",
       "name": "Олег Казанин"
     },
-    "copyrightYear": "2026",
-    "dateCreated": "2026-02-18T00:00:00\u002b00:00",
-    "datePublished": "2026-02-18T00:00:00\u002b00:00",
     
-    "dateModified": "2026-02-18T00:00:00\u002b00:00",
+    
+    
+    
+    
     
     
     
diff --git a/public/posts/k3s-part1-architecture/index.html b/public/posts/k3s-part1-architecture/index.html
index 5df085f..a662c81 100644
--- a/public/posts/k3s-part1-architecture/index.html
+++ b/public/posts/k3s-part1-architecture/index.html
@@ -132,8 +132,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/k3s-part2-infrastructure/index.html b/public/posts/k3s-part2-infrastructure/index.html
index 8699e5d..8723985 100644
--- a/public/posts/k3s-part2-infrastructure/index.html
+++ b/public/posts/k3s-part2-infrastructure/index.html
@@ -132,8 +132,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/posts/k3s-part3-installation/index.html b/public/posts/k3s-part3-installation/index.html
index 3d0a50c..bc2e052 100644
--- a/public/posts/k3s-part3-installation/index.html
+++ b/public/posts/k3s-part3-installation/index.html
@@ -132,8 +132,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/series/index.html b/public/series/index.html
index 6e139d1..0594069 100644
--- a/public/series/index.html
+++ b/public/series/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/series/k3s-ha-кластер-для-homelab/index.html b/public/series/k3s-ha-кластер-для-homelab/index.html
index 727eef2..8d8c68d 100644
--- a/public/series/k3s-ha-кластер-для-homelab/index.html
+++ b/public/series/k3s-ha-кластер-для-homelab/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/series/блог-на-hugo-в-k3s/index.html b/public/series/блог-на-hugo-в-k3s/index.html
index 47a3f25..3f0ce02 100644
--- a/public/series/блог-на-hugo-в-k3s/index.html
+++ b/public/series/блог-на-hugo-в-k3s/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/series/документация/index.html b/public/series/документация/index.html
index f21d813..2e7a39c 100644
--- a/public/series/документация/index.html
+++ b/public/series/документация/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/architecture/index.html b/public/tags/architecture/index.html
index 7a55382..e61e8fa 100644
--- a/public/tags/architecture/index.html
+++ b/public/tags/architecture/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/basic-auth/index.html b/public/tags/basic-auth/index.html
index 62cb5f6..2573532 100644
--- a/public/tags/basic-auth/index.html
+++ b/public/tags/basic-auth/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/blowfish/index.html b/public/tags/blowfish/index.html
index b9f7e1f..0a97670 100644
--- a/public/tags/blowfish/index.html
+++ b/public/tags/blowfish/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/cert-manager/index.html b/public/tags/cert-manager/index.html
index 8e5a2c0..05cbc6b 100644
--- a/public/tags/cert-manager/index.html
+++ b/public/tags/cert-manager/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/cheatsheet/index.html b/public/tags/cheatsheet/index.html
index 2e1761c..3bffb2f 100644
--- a/public/tags/cheatsheet/index.html
+++ b/public/tags/cheatsheet/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/debian/index.html b/public/tags/debian/index.html
index c40f801..69a95e2 100644
--- a/public/tags/debian/index.html
+++ b/public/tags/debian/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/debugging/index.html b/public/tags/debugging/index.html
index 9b09dfb..1af2c6a 100644
--- a/public/tags/debugging/index.html
+++ b/public/tags/debugging/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/devops/index.html b/public/tags/devops/index.html
index 1900c3e..0b73ebd 100644
--- a/public/tags/devops/index.html
+++ b/public/tags/devops/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/docs/index.html b/public/tags/docs/index.html
index 260056a..1f3ceb4 100644
--- a/public/tags/docs/index.html
+++ b/public/tags/docs/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/etcd/index.html b/public/tags/etcd/index.html
index 2f54646..803f7d8 100644
--- a/public/tags/etcd/index.html
+++ b/public/tags/etcd/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/git/index.html b/public/tags/git/index.html
index 6c68c52..ad771df 100644
--- a/public/tags/git/index.html
+++ b/public/tags/git/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/gitea/index.html b/public/tags/gitea/index.html
index 2e221d6..fcbc894 100644
--- a/public/tags/gitea/index.html
+++ b/public/tags/gitea/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/ha/index.html b/public/tags/ha/index.html
index 20ee6e8..5e5fb39 100644
--- a/public/tags/ha/index.html
+++ b/public/tags/ha/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/homelab/index.html b/public/tags/homelab/index.html
index f3f9152..831e88f 100644
--- a/public/tags/homelab/index.html
+++ b/public/tags/homelab/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/hugo/index.html b/public/tags/hugo/index.html
index 2edb071..a666254 100644
--- a/public/tags/hugo/index.html
+++ b/public/tags/hugo/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/icon/index.html b/public/tags/icon/index.html
index b9240df..3ee7aa6 100644
--- a/public/tags/icon/index.html
+++ b/public/tags/icon/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/index.html b/public/tags/index.html
index 390d3ad..cab72e0 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/infrastructure/index.html b/public/tags/infrastructure/index.html
index 5d6de5a..5a4989e 100644
--- a/public/tags/infrastructure/index.html
+++ b/public/tags/infrastructure/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/installation/index.html b/public/tags/installation/index.html
index 5e5438a..0aaab19 100644
--- a/public/tags/installation/index.html
+++ b/public/tags/installation/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/k3s/index.html b/public/tags/k3s/index.html
index a7452df..0b2fedf 100644
--- a/public/tags/k3s/index.html
+++ b/public/tags/k3s/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/kubernetes/index.html b/public/tags/kubernetes/index.html
index 7d4c05d..47f25d7 100644
--- a/public/tags/kubernetes/index.html
+++ b/public/tags/kubernetes/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/lead/index.html b/public/tags/lead/index.html
index 820b904..aa6d888 100644
--- a/public/tags/lead/index.html
+++ b/public/tags/lead/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/mermaid/index.html b/public/tags/mermaid/index.html
index 0452f15..b3c07ec 100644
--- a/public/tags/mermaid/index.html
+++ b/public/tags/mermaid/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/namespace/index.html b/public/tags/namespace/index.html
index ef1b180..1995c0d 100644
--- a/public/tags/namespace/index.html
+++ b/public/tags/namespace/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/nfs/index.html b/public/tags/nfs/index.html
index 19b63e2..83cd450 100644
--- a/public/tags/nfs/index.html
+++ b/public/tags/nfs/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/nginx/index.html b/public/tags/nginx/index.html
index e940f2f..f2920b6 100644
--- a/public/tags/nginx/index.html
+++ b/public/tags/nginx/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/proxmox/index.html b/public/tags/proxmox/index.html
index 61e8eef..dc68974 100644
--- a/public/tags/proxmox/index.html
+++ b/public/tags/proxmox/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/shortcodes/index.html b/public/tags/shortcodes/index.html
index 25aa8b1..68a7f73 100644
--- a/public/tags/shortcodes/index.html
+++ b/public/tags/shortcodes/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
@@ -787,7 +787,7 @@
   <div class="flex flex-row flex-wrap items-center">
     
     
-      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">16 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
+      <time datetime="0001-01-01T00:00:00&#43;00:00">1 января 0001</time><span class="px-2 text-primary-500">&middot;</span><span title="Время чтения">17 минут</span><span class="px-2 text-primary-500">&middot;</span><span>
   
   
     
diff --git a/public/tags/traefik/index.html b/public/tags/traefik/index.html
index e56395e..0e72376 100644
--- a/public/tags/traefik/index.html
+++ b/public/tags/traefik/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/troubleshooting/index.html b/public/tags/troubleshooting/index.html
index 8258791..2cb2902 100644
--- a/public/tags/troubleshooting/index.html
+++ b/public/tags/troubleshooting/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/public/tags/workflow/index.html b/public/tags/workflow/index.html
index 3bca75d..4e11001 100644
--- a/public/tags/workflow/index.html
+++ b/public/tags/workflow/index.html
@@ -122,8 +122,8 @@
   <link
     type="text/css"
     rel="stylesheet"
-    href="/css/main.bundle.min.f7f4ea4d52ba0bdbea7d2aa148eb5d7e983ff2cae72189d5c1559a358b6970345d94eaef53a263ed180a9af4efa0eaff8d1be71018580e0826e3cc5959a0a23d.css"
-    integrity="sha512-9/TqTVK6C9vqfSqhSOtdfpg/8srnIYnVwVWaNYtpcDRdlOrvU6Jj7RgKmvTvoOr/jRvnEBhYDggm48xZWaCiPQ==">
+    href="/css/main.bundle.min.8bef0953ac7ae43aab1ba235d4df9cb29be7107c6f8de2fc281d504cc77d40bd80183fe93e6c8d96480fb0065184b63f24c8b33974ce850cbe070cafcf9dc107.css"
+    integrity="sha512-i&#43;8JU6x65DqrG6I11N&#43;cspvnEHxvjeL8KB1QTMd9QL2AGD/pPmyNlkgPsAZRhLY/JMizOXTOhQy&#43;Bwyvz53BBw==">
 
   
   
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 0000000..1186c41
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,46 @@
+# =============================================
+# robots.txt для oakazanin.ru
+# IT-блог на Hugo | /posts/ | RU
+# =============================================
+
+# --- Яндекс ---
+User-agent: Yandex
+Allow: /
+Allow: /posts/
+Disallow: /tags/
+Disallow: /categories/
+Disallow: /page/
+Crawl-delay: 1.0
+
+# --- Google ---
+User-agent: Googlebot
+Allow: /
+Allow: /posts/
+Disallow: /tags/
+Disallow: /categories/
+Disallow: /page/
+
+# --- AI-боты ---
+User-agent: GPTBot
+Allow: /
+
+User-agent: PerplexityBot
+Allow: /
+
+User-agent: anthropic-ai
+Allow: /
+
+User-agent: Claude-Web
+Allow: /
+
+# --- Все остальные боты ---
+User-agent: *
+Allow: /
+Allow: /posts/
+Disallow: /tags/
+Disallow: /categories/
+Disallow: /page/
+Crawl-delay: 2.0
+
+# --- Sitemap ---
+Sitemap: https://oakazanin.ru/sitemap.xml