diff --git a/assets/fonts/Inter/Inter-Black.woff2 b/assets/fonts/Inter/Inter-Black.woff2
deleted file mode 100644
index 18b35db..0000000
Binary files a/assets/fonts/Inter/Inter-Black.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-BlackItalic.woff2 b/assets/fonts/Inter/Inter-BlackItalic.woff2
deleted file mode 100644
index 02c9d8e..0000000
Binary files a/assets/fonts/Inter/Inter-BlackItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Bold.woff2 b/assets/fonts/Inter/Inter-Bold.woff2
deleted file mode 100644
index 0f1b157..0000000
Binary files a/assets/fonts/Inter/Inter-Bold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-BoldItalic.woff2 b/assets/fonts/Inter/Inter-BoldItalic.woff2
deleted file mode 100644
index bc50f24..0000000
Binary files a/assets/fonts/Inter/Inter-BoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-ExtraBold.woff2 b/assets/fonts/Inter/Inter-ExtraBold.woff2
deleted file mode 100644
index b113368..0000000
Binary files a/assets/fonts/Inter/Inter-ExtraBold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-ExtraBoldItalic.woff2 b/assets/fonts/Inter/Inter-ExtraBoldItalic.woff2
deleted file mode 100644
index a5b76ca..0000000
Binary files a/assets/fonts/Inter/Inter-ExtraBoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-ExtraLight.woff2 b/assets/fonts/Inter/Inter-ExtraLight.woff2
deleted file mode 100644
index 1d77ae8..0000000
Binary files a/assets/fonts/Inter/Inter-ExtraLight.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-ExtraLightItalic.woff2 b/assets/fonts/Inter/Inter-ExtraLightItalic.woff2
deleted file mode 100644
index 8c68492..0000000
Binary files a/assets/fonts/Inter/Inter-ExtraLightItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Italic.woff2 b/assets/fonts/Inter/Inter-Italic.woff2
deleted file mode 100644
index 4c24ce2..0000000
Binary files a/assets/fonts/Inter/Inter-Italic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Light.woff2 b/assets/fonts/Inter/Inter-Light.woff2
deleted file mode 100644
index dbe6143..0000000
Binary files a/assets/fonts/Inter/Inter-Light.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-LightItalic.woff2 b/assets/fonts/Inter/Inter-LightItalic.woff2
deleted file mode 100644
index a40d042..0000000
Binary files a/assets/fonts/Inter/Inter-LightItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Medium.woff2 b/assets/fonts/Inter/Inter-Medium.woff2
deleted file mode 100644
index 0fd2ee7..0000000
Binary files a/assets/fonts/Inter/Inter-Medium.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-MediumItalic.woff2 b/assets/fonts/Inter/Inter-MediumItalic.woff2
deleted file mode 100644
index 9676715..0000000
Binary files a/assets/fonts/Inter/Inter-MediumItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Regular.woff2 b/assets/fonts/Inter/Inter-Regular.woff2
deleted file mode 100644
index b8699af..0000000
Binary files a/assets/fonts/Inter/Inter-Regular.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-SemiBold.woff2 b/assets/fonts/Inter/Inter-SemiBold.woff2
deleted file mode 100644
index 95c48b1..0000000
Binary files a/assets/fonts/Inter/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-SemiBoldItalic.woff2 b/assets/fonts/Inter/Inter-SemiBoldItalic.woff2
deleted file mode 100644
index ddfe19e..0000000
Binary files a/assets/fonts/Inter/Inter-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-Thin.woff2 b/assets/fonts/Inter/Inter-Thin.woff2
deleted file mode 100644
index 0790960..0000000
Binary files a/assets/fonts/Inter/Inter-Thin.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/Inter-ThinItalic.woff2 b/assets/fonts/Inter/Inter-ThinItalic.woff2
deleted file mode 100644
index a7bf213..0000000
Binary files a/assets/fonts/Inter/Inter-ThinItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Black.woff2 b/assets/fonts/Inter/InterDisplay-Black.woff2
deleted file mode 100644
index 8138123..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Black.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-BlackItalic.woff2 b/assets/fonts/Inter/InterDisplay-BlackItalic.woff2
deleted file mode 100644
index 735ba21..0000000
Binary files a/assets/fonts/Inter/InterDisplay-BlackItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Bold.woff2 b/assets/fonts/Inter/InterDisplay-Bold.woff2
deleted file mode 100644
index 11c6719..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Bold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-BoldItalic.woff2 b/assets/fonts/Inter/InterDisplay-BoldItalic.woff2
deleted file mode 100644
index 5b6a1fb..0000000
Binary files a/assets/fonts/Inter/InterDisplay-BoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-ExtraBold.woff2 b/assets/fonts/Inter/InterDisplay-ExtraBold.woff2
deleted file mode 100644
index 9058e98..0000000
Binary files a/assets/fonts/Inter/InterDisplay-ExtraBold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2 b/assets/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2
deleted file mode 100644
index 4cd61c0..0000000
Binary files a/assets/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-ExtraLight.woff2 b/assets/fonts/Inter/InterDisplay-ExtraLight.woff2
deleted file mode 100644
index 8621b29..0000000
Binary files a/assets/fonts/Inter/InterDisplay-ExtraLight.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-ExtraLightItalic.woff2 b/assets/fonts/Inter/InterDisplay-ExtraLightItalic.woff2
deleted file mode 100644
index 689c8d9..0000000
Binary files a/assets/fonts/Inter/InterDisplay-ExtraLightItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Italic.woff2 b/assets/fonts/Inter/InterDisplay-Italic.woff2
deleted file mode 100644
index 11f20bc..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Italic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Light.woff2 b/assets/fonts/Inter/InterDisplay-Light.woff2
deleted file mode 100644
index 446301c..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Light.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-LightItalic.woff2 b/assets/fonts/Inter/InterDisplay-LightItalic.woff2
deleted file mode 100644
index f688196..0000000
Binary files a/assets/fonts/Inter/InterDisplay-LightItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Medium.woff2 b/assets/fonts/Inter/InterDisplay-Medium.woff2
deleted file mode 100644
index 29160b2..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Medium.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-MediumItalic.woff2 b/assets/fonts/Inter/InterDisplay-MediumItalic.woff2
deleted file mode 100644
index ef1bcbe..0000000
Binary files a/assets/fonts/Inter/InterDisplay-MediumItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Regular.woff2 b/assets/fonts/Inter/InterDisplay-Regular.woff2
deleted file mode 100644
index a6c04f6..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Regular.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-SemiBold.woff2 b/assets/fonts/Inter/InterDisplay-SemiBold.woff2
deleted file mode 100644
index 2b4db23..0000000
Binary files a/assets/fonts/Inter/InterDisplay-SemiBold.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-SemiBoldItalic.woff2 b/assets/fonts/Inter/InterDisplay-SemiBoldItalic.woff2
deleted file mode 100644
index 59091db..0000000
Binary files a/assets/fonts/Inter/InterDisplay-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-Thin.woff2 b/assets/fonts/Inter/InterDisplay-Thin.woff2
deleted file mode 100644
index dc0b948..0000000
Binary files a/assets/fonts/Inter/InterDisplay-Thin.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterDisplay-ThinItalic.woff2 b/assets/fonts/Inter/InterDisplay-ThinItalic.woff2
deleted file mode 100644
index 96439c0..0000000
Binary files a/assets/fonts/Inter/InterDisplay-ThinItalic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterVariable-Italic.woff2 b/assets/fonts/Inter/InterVariable-Italic.woff2
deleted file mode 100644
index f22ec25..0000000
Binary files a/assets/fonts/Inter/InterVariable-Italic.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/InterVariable.woff2 b/assets/fonts/Inter/InterVariable.woff2
deleted file mode 100644
index 22a12b0..0000000
Binary files a/assets/fonts/Inter/InterVariable.woff2 and /dev/null differ
diff --git a/assets/fonts/Inter/inter.css b/assets/fonts/Inter/inter.css
deleted file mode 100644
index 413e197..0000000
--- a/assets/fonts/Inter/inter.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/* Variable fonts usage:
-:root { font-family: "Inter", sans-serif; }
-@supports (font-variation-settings: normal) {
-  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
-} */
-@font-face {
-  font-family: InterVariable;
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("InterVariable.woff2") format("woff2");
-}
-@font-face {
-  font-family: InterVariable;
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url("InterVariable-Italic.woff2") format("woff2");
-}
-
-/* static fonts */
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
-@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
-@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }
diff --git a/hugo.toml b/hugo.toml
index 18e1d31..533fb8e 100755
--- a/hugo.toml
+++ b/hugo.toml
@@ -126,8 +126,8 @@ notAlternative = true
 ############################# Plugins ##############################
 
 # CSS Plugins
-[[params.plugins.css]]
-link = "plugins/swiper/swiper-bundle.css"
+#[[params.plugins.css]]
+#link = "plugins/swiper/swiper-bundle.css"
 lazy = true
 [[params.plugins.css]]
 link = "plugins/glightbox/glightbox.css"
@@ -146,9 +146,9 @@ lazy = true
 [[params.plugins.js]]
 link = "js/search.js"
 lazy = false
-[[params.plugins.js]]
-link = "plugins/swiper/swiper-bundle.js"
-lazy = false
+#[[params.plugins.js]]
+#link = "plugins/swiper/swiper-bundle.js"
+#lazy = false
 [[params.plugins.js]]
 link = "plugins/cookie.js"
 lazy = false
diff --git a/hugo_stats.json b/hugo_stats.json
index 0b8737e..ced544e 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -3,7 +3,6 @@
     "tags": [
       "a",
       "article",
-      "base",
       "blockquote",
       "body",
       "button",
@@ -63,9 +62,6 @@
     "classes": [
       "-translate-x-1/2",
       "-translate-y-1/2",
-      "2xl:bg-pink-200",
-      "2xl:block",
-      "2xl:hidden",
       "absolute",
       "accordion",
       "accordion-content",
@@ -74,7 +70,6 @@
       "active",
       "bg-body",
       "bg-gradient-to-b",
-      "bg-gray-200",
       "bg-theme-light",
       "bg-white",
       "block",
@@ -118,7 +113,6 @@
       "fa-twitter",
       "fab",
       "fill-current",
-      "fixed",
       "flex",
       "font-bold",
       "form-input",
@@ -149,10 +143,7 @@
       "items-start",
       "justify-between",
       "justify-center",
-      "left-0",
       "left-1/2",
-      "lg:bg-green-200",
-      "lg:block",
       "lg:col-10",
       "lg:col-3",
       "lg:col-4",
@@ -182,12 +173,9 @@
       "mb-4",
       "mb-6",
       "mb-8",
-      "md:bg-yellow-200",
-      "md:block",
       "md:col-10",
       "md:col-6",
       "md:col-8",
-      "md:hidden",
       "md:order-2",
       "ml-0",
       "ml-2",
@@ -236,7 +224,6 @@
       "py-14",
       "py-2",
       "py-7",
-      "py-[2.5px]",
       "rounded",
       "rounded-2xl",
       "rounded-lg",
@@ -262,10 +249,7 @@
       "share-reddit",
       "share-title",
       "share-twitter",
-      "sm:bg-red-200",
-      "sm:block",
       "sm:col-10",
-      "sm:hidden",
       "social-icons",
       "space-x-1",
       "space-y-4",
@@ -282,9 +266,7 @@
       "tab-nav",
       "tab-nav-item",
       "table-of-content",
-      "text-[12px]",
       "text-[8rem]",
-      "text-black",
       "text-center",
       "text-dark",
       "text-light",
@@ -296,17 +278,11 @@
       "to-theme-light",
       "top-0",
       "top-1/2",
-      "uppercase",
-      "w-[30px]",
       "w-full",
       "warning",
-      "xl:bg-blue-200",
-      "xl:block",
-      "xl:hidden",
       "xl:space-x-8",
       "z-10",
       "z-30",
-      "z-50",
       "zoomable"
     ],
     "ids": [
diff --git a/layouts/plugins/swiper/swiper-bundle.css b/layouts/plugins/swiper/swiper-bundle.css
new file mode 100644
index 0000000..6b414d4
--- /dev/null
+++ b/layouts/plugins/swiper/swiper-bundle.css
@@ -0,0 +1,668 @@
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+ @font-face {
+    font-family: "swiper-icons";
+    src: url("static/fonts/fontawesome-free-6.5.2-web/webfonts/fa-solid-900.woff2");
+    font-weight: 400;
+    font-style: normal;
+  }
+  :root {
+    --swiper-theme-color: #007aff;
+  }
+  .swiper {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    /* Fix of Webkit flickering */
+    z-index: 1;
+  }
+  .swiper-vertical > .swiper-wrapper {
+    flex-direction: column;
+  }
+  .swiper-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    transition-property: transform;
+    box-sizing: content-box;
+  }
+  .swiper-android .swiper-slide,
+  .swiper-wrapper {
+    transform: translate3d(0px, 0, 0);
+  }
+  .swiper-pointer-events {
+    touch-action: pan-y;
+  }
+  .swiper-pointer-events.swiper-vertical {
+    touch-action: pan-x;
+  }
+  .swiper-slide {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition-property: transform;
+  }
+  .swiper-slide-invisible-blank {
+    visibility: hidden;
+  }
+  /* Auto Height */
+  .swiper-autoheight,
+  .swiper-autoheight .swiper-slide {
+    height: auto;
+  }
+  .swiper-autoheight .swiper-wrapper {
+    align-items: flex-start;
+    transition-property: transform, height;
+  }
+  .swiper-backface-hidden .swiper-slide {
+    transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  /* 3D Effects */
+  .swiper-3d,
+  .swiper-3d.swiper-css-mode .swiper-wrapper {
+    perspective: 1200px;
+  }
+  .swiper-3d .swiper-wrapper,
+  .swiper-3d .swiper-slide,
+  .swiper-3d .swiper-slide-shadow,
+  .swiper-3d .swiper-slide-shadow-left,
+  .swiper-3d .swiper-slide-shadow-right,
+  .swiper-3d .swiper-slide-shadow-top,
+  .swiper-3d .swiper-slide-shadow-bottom,
+  .swiper-3d .swiper-cube-shadow {
+    transform-style: preserve-3d;
+  }
+  .swiper-3d .swiper-slide-shadow,
+  .swiper-3d .swiper-slide-shadow-left,
+  .swiper-3d .swiper-slide-shadow-right,
+  .swiper-3d .swiper-slide-shadow-top,
+  .swiper-3d .swiper-slide-shadow-bottom {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10;
+  }
+  .swiper-3d .swiper-slide-shadow {
+    background: rgba(0, 0, 0, 0.15);
+  }
+  .swiper-3d .swiper-slide-shadow-left {
+    background-image: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-right {
+    background-image: linear-gradient(
+      to right,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-top {
+    background-image: linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-bottom {
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  /* CSS Mode */
+  .swiper-css-mode > .swiper-wrapper {
+    overflow: auto;
+    scrollbar-width: none;
+    /* For Firefox */
+    -ms-overflow-style: none;
+    /* For Internet Explorer and Edge */
+  }
+  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
+    scroll-snap-align: start start;
+  }
+  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+    scroll-snap-type: x mandatory;
+  }
+  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
+    scroll-snap-type: y mandatory;
+  }
+  .swiper-centered > .swiper-wrapper::before {
+    content: "";
+    flex-shrink: 0;
+    order: 9999;
+  }
+  .swiper-centered.swiper-horizontal
+    > .swiper-wrapper
+    > .swiper-slide:first-child {
+    margin-inline-start: var(--swiper-centered-offset-before);
+  }
+  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+    height: 100%;
+    min-height: 1px;
+    width: var(--swiper-centered-offset-after);
+  }
+  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+    margin-block-start: var(--swiper-centered-offset-before);
+  }
+  .swiper-centered.swiper-vertical > .swiper-wrapper::before {
+    width: 100%;
+    min-width: 1px;
+    height: var(--swiper-centered-offset-after);
+  }
+  .swiper-centered > .swiper-wrapper > .swiper-slide {
+    scroll-snap-align: center center;
+  }
+  .swiper-virtual .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    transform: translateZ(0);
+  }
+  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+  }
+  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+    height: 1px;
+    width: var(--swiper-virtual-size);
+  }
+  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+    width: 1px;
+    height: var(--swiper-virtual-size);
+  }
+  :root {
+    --swiper-navigation-size: 44px;
+    /*
+    --swiper-navigation-color: var(--swiper-theme-color);
+    */
+  }
+  .swiper-button-prev,
+  .swiper-button-next {
+    position: absolute;
+    top: 50%;
+    width: calc(var(--swiper-navigation-size) / 44 * 27);
+    height: var(--swiper-navigation-size);
+    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+    z-index: 10;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--swiper-navigation-color, var(--swiper-theme-color));
+  }
+  .swiper-button-prev.swiper-button-disabled,
+  .swiper-button-next.swiper-button-disabled {
+    opacity: 0.35;
+    cursor: auto;
+    pointer-events: none;
+  }
+  .swiper-button-prev:after,
+  .swiper-button-next:after {
+    font-family: swiper-icons;
+    font-size: var(--swiper-navigation-size);
+    text-transform: none !important;
+    letter-spacing: 0;
+    text-transform: none;
+    font-variant: initial;
+    line-height: 1;
+  }
+  .swiper-button-prev,
+  .swiper-rtl .swiper-button-next {
+    left: 10px;
+    right: auto;
+  }
+  .swiper-button-prev:after,
+  .swiper-rtl .swiper-button-next:after {
+    content: "prev";
+  }
+  .swiper-button-next,
+  .swiper-rtl .swiper-button-prev {
+    right: 10px;
+    left: auto;
+  }
+  .swiper-button-next:after,
+  .swiper-rtl .swiper-button-prev:after {
+    content: "next";
+  }
+  .swiper-button-lock {
+    display: none;
+  }
+  :root {
+    /*
+    --swiper-pagination-color: var(--swiper-theme-color);
+    --swiper-pagination-bullet-size: 8px;
+    --swiper-pagination-bullet-width: 8px;
+    --swiper-pagination-bullet-height: 8px;
+    --swiper-pagination-bullet-inactive-color: #000;
+    --swiper-pagination-bullet-inactive-opacity: 0.2;
+    --swiper-pagination-bullet-opacity: 1;
+    --swiper-pagination-bullet-horizontal-gap: 4px;
+    --swiper-pagination-bullet-vertical-gap: 6px;
+    */
+  }
+  .swiper-pagination {
+    position: absolute;
+    text-align: center;
+    transition: 300ms opacity;
+    transform: translate3d(0, 0, 0);
+    z-index: 10;
+  }
+  .swiper-pagination.swiper-pagination-hidden {
+    opacity: 0;
+  }
+  /* Common Styles */
+  .swiper-pagination-fraction,
+  .swiper-pagination-custom,
+  .swiper-horizontal > .swiper-pagination-bullets,
+  .swiper-pagination-bullets.swiper-pagination-horizontal {
+    bottom: 10px;
+    left: 0;
+    width: 100%;
+  }
+  /* Bullets */
+  .swiper-pagination-bullets-dynamic {
+    overflow: hidden;
+    font-size: 0;
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transform: scale(0.33);
+    position: relative;
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+    transform: scale(1);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+    transform: scale(1);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+    transform: scale(0.66);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+    transform: scale(0.33);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+    transform: scale(0.66);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+    transform: scale(0.33);
+  }
+  .swiper-pagination-bullet {
+    width: var(
+      --swiper-pagination-bullet-width,
+      var(--swiper-pagination-bullet-size, 8px)
+    );
+    height: var(
+      --swiper-pagination-bullet-height,
+      var(--swiper-pagination-bullet-size, 8px)
+    );
+    display: inline-block;
+    border-radius: 50%;
+    background: var(--swiper-pagination-bullet-inactive-color, #000);
+    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+  }
+  button.swiper-pagination-bullet {
+    border: none;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  .swiper-pagination-clickable .swiper-pagination-bullet {
+    cursor: pointer;
+  }
+  .swiper-pagination-bullet:only-child {
+    display: none !important;
+  }
+  .swiper-pagination-bullet-active {
+    opacity: var(--swiper-pagination-bullet-opacity, 1);
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  }
+  .swiper-vertical > .swiper-pagination-bullets,
+  .swiper-pagination-vertical.swiper-pagination-bullets {
+    right: 10px;
+    top: 50%;
+    transform: translate3d(0px, -50%, 0);
+  }
+  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+  .swiper-pagination-vertical.swiper-pagination-bullets
+    .swiper-pagination-bullet {
+    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+    display: block;
+  }
+  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8px;
+  }
+  .swiper-vertical
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet,
+  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    display: inline-block;
+    transition:
+      200ms transform,
+      200ms top;
+  }
+  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+  .swiper-pagination-horizontal.swiper-pagination-bullets
+    .swiper-pagination-bullet {
+    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+  }
+  .swiper-horizontal
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+  }
+  .swiper-horizontal
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet,
+  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    transition:
+      200ms transform,
+      200ms left;
+  }
+  .swiper-horizontal.swiper-rtl
+    > .swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    transition:
+      200ms transform,
+      200ms right;
+  }
+  /* Progress */
+  .swiper-pagination-progressbar {
+    background: rgba(0, 0, 0, 0.25);
+    position: absolute;
+  }
+  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    transform: scale(0);
+    transform-origin: left top;
+  }
+  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    transform-origin: right top;
+  }
+  .swiper-horizontal > .swiper-pagination-progressbar,
+  .swiper-pagination-progressbar.swiper-pagination-horizontal,
+  .swiper-vertical
+    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+    width: 100%;
+    height: 4px;
+    left: 0;
+    top: 0;
+  }
+  .swiper-vertical > .swiper-pagination-progressbar,
+  .swiper-pagination-progressbar.swiper-pagination-vertical,
+  .swiper-horizontal
+    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+    width: 4px;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+  .swiper-pagination-lock {
+    display: none;
+  }
+  /* Scrollbar */
+  .swiper-scrollbar {
+    border-radius: 10px;
+    position: relative;
+    -ms-touch-action: none;
+    background: rgba(0, 0, 0, 0.1);
+  }
+  .swiper-horizontal > .swiper-scrollbar {
+    position: absolute;
+    left: 1%;
+    bottom: 3px;
+    z-index: 50;
+    height: 5px;
+    width: 98%;
+  }
+  .swiper-vertical > .swiper-scrollbar {
+    position: absolute;
+    right: 3px;
+    top: 1%;
+    z-index: 50;
+    width: 5px;
+    height: 98%;
+  }
+  .swiper-scrollbar-drag {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
+    left: 0;
+    top: 0;
+  }
+  .swiper-scrollbar-cursor-drag {
+    cursor: move;
+  }
+  .swiper-scrollbar-lock {
+    display: none;
+  }
+  .swiper-zoom-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+  .swiper-zoom-container > img,
+  .swiper-zoom-container > svg,
+  .swiper-zoom-container > canvas {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+  }
+  .swiper-slide-zoomed {
+    cursor: move;
+  }
+  /* Preloader */
+  :root {
+    /*
+    --swiper-preloader-color: var(--swiper-theme-color);
+    */
+  }
+  .swiper-lazy-preloader {
+    width: 42px;
+    height: 42px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -21px;
+    margin-top: -21px;
+    z-index: 10;
+    transform-origin: 50%;
+    box-sizing: border-box;
+    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+    border-radius: 50%;
+    border-top-color: transparent;
+  }
+  .swiper-slide-visible .swiper-lazy-preloader {
+    animation: swiper-preloader-spin 1s infinite linear;
+  }
+  .swiper-lazy-preloader-white {
+    --swiper-preloader-color: #fff;
+  }
+  .swiper-lazy-preloader-black {
+    --swiper-preloader-color: #000;
+  }
+  @keyframes swiper-preloader-spin {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  /* a11y */
+  .swiper .swiper-notification {
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    opacity: 0;
+    z-index: -1000;
+  }
+  .swiper-free-mode > .swiper-wrapper {
+    transition-timing-function: ease-out;
+    margin: 0 auto;
+  }
+  .swiper-grid > .swiper-wrapper {
+    flex-wrap: wrap;
+  }
+  .swiper-grid-column > .swiper-wrapper {
+    flex-wrap: wrap;
+    flex-direction: column;
+  }
+  .swiper-fade.swiper-free-mode .swiper-slide {
+    transition-timing-function: ease-out;
+  }
+  .swiper-fade .swiper-slide {
+    pointer-events: none;
+    transition-property: opacity;
+  }
+  .swiper-fade .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-fade .swiper-slide-active,
+  .swiper-fade .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-cube {
+    overflow: visible;
+  }
+  .swiper-cube .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+    visibility: hidden;
+    transform-origin: 0 0;
+    width: 100%;
+    height: 100%;
+  }
+  .swiper-cube .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-cube.swiper-rtl .swiper-slide {
+    transform-origin: 100% 0;
+  }
+  .swiper-cube .swiper-slide-active,
+  .swiper-cube .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-cube .swiper-slide-active,
+  .swiper-cube .swiper-slide-next,
+  .swiper-cube .swiper-slide-prev,
+  .swiper-cube .swiper-slide-next + .swiper-slide {
+    pointer-events: auto;
+    visibility: visible;
+  }
+  .swiper-cube .swiper-slide-shadow-top,
+  .swiper-cube .swiper-slide-shadow-bottom,
+  .swiper-cube .swiper-slide-shadow-left,
+  .swiper-cube .swiper-slide-shadow-right {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  .swiper-cube .swiper-cube-shadow {
+    position: absolute;
+    left: 0;
+    bottom: 0px;
+    width: 100%;
+    height: 100%;
+    opacity: 0.6;
+    z-index: 0;
+  }
+  .swiper-cube .swiper-cube-shadow:before {
+    content: "";
+    background: #000;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    filter: blur(50px);
+  }
+  .swiper-flip {
+    overflow: visible;
+  }
+  .swiper-flip .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+  }
+  .swiper-flip .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-flip .swiper-slide-active,
+  .swiper-flip .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-flip .swiper-slide-shadow-top,
+  .swiper-flip .swiper-slide-shadow-bottom,
+  .swiper-flip .swiper-slide-shadow-left,
+  .swiper-flip .swiper-slide-shadow-right {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  .swiper-creative .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+    transition-property: transform, opacity, height;
+  }
+  .swiper-cards {
+    overflow: visible;
+  }
+  .swiper-cards .swiper-slide {
+    transform-origin: center bottom;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+  }
+  
\ No newline at end of file
diff --git a/public/404.html b/public/404.html
index 1922065..a7f3919 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,898 +1,18 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/404.html" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/404.html" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section-sm text-center">
-    <div class="container">
-      <div class="row justify-center">
-        <div class="sm:col-10 md:col-8 lg:col-6">
-          <span
-            class="text-[8rem] block font-bold text-dark dark:text-darkmode-dark">
-            404
-          </span>
-          <h1 class="h2 mb-4">Page not found</h1>
-          <div class="content">
-            <p>
-              The page you are looking for might have been removed, had its name
-              changed, or is temporarily unavailable.
-            </p>
-          </div>
-          <a
-            href="//localhost:1313/"
-            class="btn btn-primary mt-8">
-            Back to home
-          </a>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/404.html"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section-sm text-center"><div class=container><div class="row justify-center"><div class="sm:col-10 md:col-8 lg:col-6"><span class="text-[8rem] block font-bold text-dark dark:text-darkmode-dark">404</span><h1 class="h2 mb-4">Page not found</h1><div class=content><p>The page you are looking for might have been removed, had its name
+changed, or is temporarily unavailable.</p></div><a href=/ class="btn btn-primary mt-8">Back to home</a></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/about/index.html b/public/about/index.html
index fc02473..08296ba 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -1,988 +1,17 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/about/" />
-
-
-
-
-
-
-
-  
-  
-
-
-<title>About</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/avatar.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/avatar.png" />
-        <meta
-          name="twitter:card"
-          content="summary" />
-      
-      
-      <meta property="og:image:width" content="194" />
-      <meta property="og:image:height" content="194" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>About</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/avatar.png"><meta name=twitter:image content="/images/avatar.png"><meta name=twitter:card content="summary"><meta property="og:image:width" content="194"><meta property="og:image:height" content="194"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="About" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/about/" />
-
-
-<meta name="twitter:title" content="About" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link active"
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section-sm">
-    <div class="container">
-      <div class="row justify-center">
-        <div class="md:col-10 lg:col-7 text-center">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async"
-          
-
-          alt="Hey, I am John Doe!"
-          class=" mx-auto mb-6 img"
-          width="200"
-          height="200"
-          onerror="this.onerror='null';
-          this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
-
-        
-      
-      
-    
-    
-  
-
-
-  
-
-
-          <h2 class="h3 mb-6">Hey, I am John Doe!</h2>
-          <div class="content"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.</p>
-</div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="About"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/about/"><meta name=twitter:title content="About"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class="nav-link active" href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class=section-sm><div class=container><div class="row justify-center"><div class="md:col-10 lg:col-7 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="Hey, I am John Doe!" class="mx-auto mb-6 img" width=200 height=200 onerror='this.onerror="null",this.src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png"'><h2 class="h3 mb-6">Hey, I am John Doe!</h2><div class=content><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.</p></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/about/index.xml b/public/about/index.xml
index ed0978a..509f98c 100644
--- a/public/about/index.xml
+++ b/public/about/index.xml
@@ -1,11 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Hey, I am John Doe! on Tobias&#39; Blog</title>
-    <link>//localhost:1313/about/</link>
-    <description>Recent content in Hey, I am John Doe! on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <atom:link href="//localhost:1313/about/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hey, I am John Doe! on Tobias' Blog</title><link>/about/</link><description>Recent content in Hey, I am John Doe! on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="/about/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
diff --git a/public/authors/index.html b/public/authors/index.html
index 6b77565..e78c286 100644
--- a/public/authors/index.html
+++ b/public/authors/index.html
@@ -1,1315 +1,27 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/authors/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Authors</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Authors</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Authors" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/authors/" />
-
-
-<meta name="twitter:title" content="Authors" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Authors</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Authors
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row">
-        
-          <div class="md:col-6 lg:col-4 mb-14">
-            <div
-  class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async" alt="John Doe"
-          
-
-          class=" mx-auto mb-6 rounded img"
-          width="194"
-          height="194"
-          onerror="this.onerror='null';this.src='\/images\/avatar.png';" />
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/authors/john-doe/">John Doe</a>
-  </h4>
-  <p class="mb-4">
-    lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </p>
-  <ul class="social-icons">
-    
-      <li>
-        <a href="https://github.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-github"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://twitter.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-twitter"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://linkedin.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-linkedin"></i>
-        </a>
-      </li>
-    
-  </ul>
-</div>
-
-          </div>
-        
-          <div class="md:col-6 lg:col-4 mb-14">
-            <div
-  class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async" alt="Sam Wilson"
-          
-
-          class=" mx-auto mb-6 rounded img"
-          width="194"
-          height="194"
-          onerror="this.onerror='null';this.src='\/images\/avatar.png';" />
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/authors/sam-wilson/">Sam Wilson</a>
-  </h4>
-  <p class="mb-4">
-    lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </p>
-  <ul class="social-icons">
-    
-      <li>
-        <a href="https://github.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-github"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://twitter.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-twitter"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://linkedin.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-linkedin"></i>
-        </a>
-      </li>
-    
-  </ul>
-</div>
-
-          </div>
-        
-          <div class="md:col-6 lg:col-4 mb-14">
-            <div
-  class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async" alt="William Jacob"
-          
-
-          class=" mx-auto mb-6 rounded img"
-          width="194"
-          height="194"
-          onerror="this.onerror='null';this.src='\/images\/avatar.png';" />
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/authors/william-jacob/">William Jacob</a>
-  </h4>
-  <p class="mb-4">
-    lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </p>
-  <ul class="social-icons">
-    
-      <li>
-        <a href="https://github.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-github"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://twitter.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-twitter"></i>
-        </a>
-      </li>
-    
-      <li>
-        <a href="https://linkedin.com" target="_blank" rel="noopener nofollow">
-          <span class="sr-only"></span>
-          <i class="fa-brands fa-linkedin"></i>
-        </a>
-      </li>
-    
-  </ul>
-</div>
-
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Authors"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/authors/"><meta name=twitter:title content="Authors"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Authors</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Authors</span></li></ul></div></div></section><section class=section><div class=container><div class=row><div class="md:col-6 lg:col-4 mb-14"><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="John Doe" class="mx-auto mb-6 rounded img" width=194 height=194 onerror='this.onerror="null",this.src="/images/avatar.png"'><h4 class=mb-3><a href=/authors/john-doe/>John Doe</a></h4><p class=mb-4>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><ul class=social-icons><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="md:col-6 lg:col-4 mb-14"><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="Sam Wilson" class="mx-auto mb-6 rounded img" width=194 height=194 onerror='this.onerror="null",this.src="/images/avatar.png"'><h4 class=mb-3><a href=/authors/sam-wilson/>Sam Wilson</a></h4><p class=mb-4>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><ul class=social-icons><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="md:col-6 lg:col-4 mb-14"><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="William Jacob" class="mx-auto mb-6 rounded img" width=194 height=194 onerror='this.onerror="null",this.src="/images/avatar.png"'><h4 class=mb-3><a href=/authors/william-jacob/>William Jacob</a></h4><p class=mb-4>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><ul class=social-icons><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/authors/index.xml b/public/authors/index.xml
index 7c8631d..ec97057 100644
--- a/public/authors/index.xml
+++ b/public/authors/index.xml
@@ -1,32 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Authors on Tobias&#39; Blog</title>
-    <link>//localhost:1313/authors/</link>
-    <description>Recent content in Authors on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <atom:link href="//localhost:1313/authors/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>John Doe</title>
-      <link>//localhost:1313/authors/john-doe/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/john-doe/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-    <item>
-      <title>Sam Wilson</title>
-      <link>//localhost:1313/authors/sam-wilson/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/sam-wilson/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-    <item>
-      <title>William Jacob</title>
-      <link>//localhost:1313/authors/william-jacob/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/william-jacob/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Authors on Tobias' Blog</title><link>/authors/</link><description>Recent content in Authors on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="/authors/index.xml" rel="self" type="application/rss+xml"/><item><title>John Doe</title><link>/authors/john-doe/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/john-doe/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item><item><title>Sam Wilson</title><link>/authors/sam-wilson/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/sam-wilson/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item><item><title>William Jacob</title><link>/authors/william-jacob/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/william-jacob/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/authors/john-doe/index.html b/public/authors/john-doe/index.html
index bfc9686..f5c326b 100644
--- a/public/authors/john-doe/index.html
+++ b/public/authors/john-doe/index.html
@@ -1,1498 +1,25 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/authors/john-doe/" />
-
-
-
-
-
-
-
-  
-
-
-<title>John Doe</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/avatar.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/avatar.png" />
-        <meta
-          name="twitter:card"
-          content="summary" />
-      
-      
-      <meta property="og:image:width" content="194" />
-      <meta property="og:image:height" content="194" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>John Doe</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/avatar.png"><meta name=twitter:image content="/images/avatar.png"><meta name=twitter:card content="summary"><meta property="og:image:width" content="194"><meta property="og:image:height" content="194"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="John Doe" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/authors/john-doe/" />
-
-
-<meta name="twitter:title" content="John Doe" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section-sm pb-0">
-    <div class="container">
-      <div
-        class="row border-border dark:border-darkmode-border justify-center border-b pb-14">
-        <div class="lg:col-4 text-center">
-          
-          
-            
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async"
-          
-
-          alt="John Doe"
-          class=" mx-auto img"
-          width="200"
-          height="200"
-          onerror="this.onerror='null';
-          this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
-
-        
-      
-      
-    
-    
-  
-
-
-  
-
-
-          
-          <h1 class="h3 mt-10">John Doe</h1>
-          <div class="content mt-6">
-            <p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p>
-
-          </div>
-          <ul class="social-icons ml-4 mt-10 text-center">
-            
-              <li>
-                <a
-                  href="https://github.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-github"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://twitter.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-twitter"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://linkedin.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-linkedin"></i>
-                </a>
-              </li>
-            
-          </ul>
-        </div>
-      </div>
-
-      <div class="row pb-16 pt-14">
-        
-        
-          <div class="md:col-6 lg:col-4 mb-12">
-            <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-          </div>
-        
-          <div class="md:col-6 lg:col-4 mb-12">
-            <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-          </div>
-        
-          <div class="md:col-6 lg:col-4 mb-12">
-            <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="John Doe"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/authors/john-doe/"><meta name=twitter:title content="John Doe"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section-sm pb-0"><div class=container><div class="row border-border dark:border-darkmode-border justify-center border-b pb-14"><div class="lg:col-4 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="John Doe" class="mx-auto img" width=200 height=200 onerror='this.onerror="null",this.src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png"'><h1 class="h3 mt-10">John Doe</h1><div class="content mt-6"><p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p></div><ul class="social-icons ml-4 mt-10 text-center"><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="row pb-16 pt-14"><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/authors/sam-wilson/index.html b/public/authors/sam-wilson/index.html
index ce33c3f..627a014 100644
--- a/public/authors/sam-wilson/index.html
+++ b/public/authors/sam-wilson/index.html
@@ -1,1192 +1,23 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/authors/sam-wilson/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Sam Wilson</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/avatar.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/avatar.png" />
-        <meta
-          name="twitter:card"
-          content="summary" />
-      
-      
-      <meta property="og:image:width" content="194" />
-      <meta property="og:image:height" content="194" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Sam Wilson</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/avatar.png"><meta name=twitter:image content="/images/avatar.png"><meta name=twitter:card content="summary"><meta property="og:image:width" content="194"><meta property="og:image:height" content="194"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Sam Wilson" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/authors/sam-wilson/" />
-
-
-<meta name="twitter:title" content="Sam Wilson" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section-sm pb-0">
-    <div class="container">
-      <div
-        class="row border-border dark:border-darkmode-border justify-center border-b pb-14">
-        <div class="lg:col-4 text-center">
-          
-          
-            
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async"
-          
-
-          alt="Sam Wilson"
-          class=" mx-auto img"
-          width="200"
-          height="200"
-          onerror="this.onerror='null';
-          this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
-
-        
-      
-      
-    
-    
-  
-
-
-  
-
-
-          
-          <h1 class="h3 mt-10">Sam Wilson</h1>
-          <div class="content mt-6">
-            <p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p>
-
-          </div>
-          <ul class="social-icons ml-4 mt-10 text-center">
-            
-              <li>
-                <a
-                  href="https://github.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-github"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://twitter.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-twitter"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://linkedin.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-linkedin"></i>
-                </a>
-              </li>
-            
-          </ul>
-        </div>
-      </div>
-
-      <div class="row pb-16 pt-14">
-        
-        
-          <div class="md:col-6 lg:col-4 mb-12">
-            <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Sam Wilson"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/authors/sam-wilson/"><meta name=twitter:title content="Sam Wilson"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section-sm pb-0"><div class=container><div class="row border-border dark:border-darkmode-border justify-center border-b pb-14"><div class="lg:col-4 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="Sam Wilson" class="mx-auto img" width=200 height=200 onerror='this.onerror="null",this.src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png"'><h1 class="h3 mt-10">Sam Wilson</h1><div class="content mt-6"><p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p></div><ul class="social-icons ml-4 mt-10 text-center"><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="row pb-16 pt-14"><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/authors/william-jacob/index.html b/public/authors/william-jacob/index.html
index 6b3182e..09d0675 100644
--- a/public/authors/william-jacob/index.html
+++ b/public/authors/william-jacob/index.html
@@ -1,1031 +1,20 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/authors/william-jacob/" />
-
-
-
-
-
-
-
-  
-
-
-<title>William Jacob</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/avatar.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/avatar.png" />
-        <meta
-          name="twitter:card"
-          content="summary" />
-      
-      
-      <meta property="og:image:width" content="194" />
-      <meta property="og:image:height" content="194" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>William Jacob</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/avatar.png"><meta name=twitter:image content="/images/avatar.png"><meta name=twitter:card content="summary"><meta property="og:image:width" content="194"><meta property="og:image:height" content="194"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="William Jacob" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/authors/william-jacob/" />
-
-
-<meta name="twitter:title" content="William Jacob" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section-sm pb-0">
-    <div class="container">
-      <div
-        class="row border-border dark:border-darkmode-border justify-center border-b pb-14">
-        <div class="lg:col-4 text-center">
-          
-          
-            
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <img
-          
-            src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
-            decoding="async"
-          
-
-          alt="William Jacob"
-          class=" mx-auto img"
-          width="200"
-          height="200"
-          onerror="this.onerror='null';
-          this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
-
-        
-      
-      
-    
-    
-  
-
-
-  
-
-
-          
-          <h1 class="h3 mt-10">William Jacob</h1>
-          <div class="content mt-6">
-            <p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p>
-
-          </div>
-          <ul class="social-icons ml-4 mt-10 text-center">
-            
-              <li>
-                <a
-                  href="https://github.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-github"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://twitter.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-twitter"></i>
-                </a>
-              </li>
-            
-              <li>
-                <a
-                  href="https://linkedin.com"
-                  target="_blank"
-                  rel="noopener nofollow">
-                  <span class="sr-only"></span>
-                  <i class="fa-brands fa-linkedin"></i>
-                </a>
-              </li>
-            
-          </ul>
-        </div>
-      </div>
-
-      <div class="row pb-16 pt-14">
-        
-        
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="William Jacob"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/authors/william-jacob/"><meta name=twitter:title content="William Jacob"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section-sm pb-0"><div class=container><div class="row border-border dark:border-darkmode-border justify-center border-b pb-14"><div class="lg:col-4 text-center"><img src=/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp loading=lazy decoding=async alt="William Jacob" class="mx-auto img" width=200 height=200 onerror='this.onerror="null",this.src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png"'><h1 class="h3 mt-10">William Jacob</h1><div class="content mt-6"><p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p></div><ul class="social-icons ml-4 mt-10 text-center"><li><a href=https://github.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-twitter"></i></a></li><li><a href=https://linkedin.com target=_blank rel="noopener nofollow"><span class=sr-only></span>
+<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="row pb-16 pt-14"></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/blog/index.html b/public/blog/index.html
index 4653960..0e25429 100644
--- a/public/blog/index.html
+++ b/public/blog/index.html
@@ -1,1680 +1,26 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/blog/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Blog Posts</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Blog Posts</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Blog Posts" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/blog/" />
-
-
-<meta name="twitter:title" content="Blog Posts" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Blog Posts</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Blog Posts
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-          
-
-
-
-
-
-
-
-
-
-
-
-        </div>
-        
-        <div class="lg:col-4">
-          
-          
-          
-  
-
-  
-    <div class="mb-8">
-      <h5 class="mb-6">Categories</h5>
-      <div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8">
-        <ul class="space-y-4">
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/application/">
-                Application <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/architecture/">
-                Architecture <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/data/">
-                Data <span>( 2 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/software/">
-                Software <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/technology/">
-                Technology <span>( 1 )</span>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  
-
-
-
-  
-
-  
-    <div class="mb-8">
-      <h5 class="mb-6">Tags</h5>
-      <div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-6">
-        <ul>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/nextjs/">
-                Nextjs
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/silicon/">
-                Silicon
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/software/">
-                Software
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/tailwind/">
-                Tailwind
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/technology/">
-                Technology
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  
-
-
-
-
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Blog Posts"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/blog/"><meta name=twitter:title content="Blog Posts"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Blog Posts</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Blog Posts</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div><div class=lg:col-4><div class=mb-8><h5 class=mb-6>Categories</h5><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8"><ul class=space-y-4><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/application/>Application <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/architecture/>Architecture <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/data/>Data <span>( 2 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/software/>Software <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/technology/>Technology <span>( 1 )</span></a></li></ul></div></div><div class=mb-8><h5 class=mb-6>Tags</h5><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-6"><ul><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/nextjs/>Nextjs</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/silicon/>Silicon</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/software/>Software</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/tailwind/>Tailwind</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/technology/>Technology</a></li></ul></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/blog/index.xml b/public/blog/index.xml
index d14fce5..eb24335 100644
--- a/public/blog/index.xml
+++ b/public/blog/index.xml
@@ -1,40 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Blog Posts on Tobias&#39; Blog</title>
-    <link>//localhost:1313/blog/</link>
-    <description>Recent content in Blog Posts on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/blog/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-3/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-3/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-4/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-4/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blog Posts on Tobias' Blog</title><link>/blog/</link><description>Recent content in Blog Posts on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/blog/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-3/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-3/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-4/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-4/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/blog/page/1/index.html b/public/blog/page/1/index.html
index abbe72e..ea91b37 100644
--- a/public/blog/page/1/index.html
+++ b/public/blog/page/1/index.html
@@ -1,10 +1,2 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <title>//localhost:1313/blog/</title>
-    <link rel="canonical" href="//localhost:1313/blog/">
-    <meta name="robots" content="noindex">
-    <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=//localhost:1313/blog/">
-  </head>
-</html>
+<!doctype html><html lang=en-us><head><title>/blog/</title>
+<link rel=canonical href=/blog/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=/blog/"></head></html>
\ No newline at end of file
diff --git a/public/blog/post-1/index.html b/public/blog/post-1/index.html
index 9018f92..5c64c66 100644
--- a/public/blog/post-1/index.html
+++ b/public/blog/post-1/index.html
@@ -1,1553 +1,28 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/blog/post-1/" />
-
-
-
-
-
-
-
-  
-
-
-<title>How to build an Application with modern Technology</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="1096" />
-      <meta property="og:image:height" content="480" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>How to build an Application with modern Technology</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/image-placeholder.png"><meta name=twitter:image content="/images/image-placeholder.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="1096"><meta property="og:image:height" content="480"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="How to build an Application with modern Technology" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/blog/post-1/" />
-
-
-<meta name="twitter:title" content="How to build an Application with modern Technology" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section pt-7">
-    <div class="container">
-      <div class="row justify-center">
-        <article class="lg:col-10">
-          
-          
-            <div class="mb-10">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-            </div>
-          
-          <h1 class="h2 mb-4">
-            How to build an Application with modern Technology
-          </h1>
-          <ul class="mb-4">
-            <li class="mr-4 inline-block">
-              <a
-                href="/authors/john-doe/">
-                <i class="fa-regular fa-circle-user mr-2"></i
-                >John Doe
-              </a>
-            </li>
-            
-            
-              <li class="mr-4 inline-block">
-                <i class="fa-regular fa-folder mr-2"></i>
-                
-                  <a
-                    href="/categories/application/"
-                    class=""
-                    >Application
-                      ,
-                    
-                  </a>
-                
-                  <a
-                    href="/categories/data/"
-                    class=""
-                    >Data
-                  </a>
-                
-              </li>
-            
-            <li class="mr-4 inline-block">
-              <i class="fa-regular fa-clock mr-2"></i>
-              April 4, 2022
-            </li>
-          </ul>
-          <div class="content mb-10">
-            <p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-<h2 id="creative-design">Creative Design</h2>
-<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-</blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-
-          </div>
-          <div class="row items-start justify-between">
-            
-            
-              <div class="lg:col-5 mb-10 flex items-center lg:mb-0">
-                <h5 class="mr-3">Tags :</h5>
-                <ul>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/nextjs/">
-                        Nextjs
-                      </a>
-                    </li>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/tailwind/">
-                        Tailwind
-                      </a>
-                    </li>
-                  
-                </ul>
-              </div>
-            
-            <div class="lg:col-4 flex items-center">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="share-icons">
-  <h5 class="share-title">Share :</h5>
-
-
-  
-  
-    <a
-      class="share-link share-facebook"
-      href="https://facebook.com/sharer/sharer.php?u=%2f%2flocalhost%3a1313%2fblog%2fpost-1%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share facebook">
-      <span class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-twitter"
-      href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2f%2flocalhost%3a1313%2fblog%2fpost-1%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share twitter">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path 
-            d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/>
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-email"
-      href="mailto:?subject=Share&amp;body=%2f%2flocalhost%3a1313%2fblog%2fpost-1%2f"
-      target="_self"
-      rel="noopener"
-      aria-label="share email">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-reddit"
-      href="https://reddit.com/submit/?url=%2f%2flocalhost%3a1313%2fblog%2fpost-1%2f&amp;resubmit=true&amp;title=Share"
-      target="_blank"
-      rel="noopener"
-      aria-label="share reddit">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-</div>
-
-            </div>
-          </div>
-          
-          
-            <div class="mt-20">
-              <div id="disqus_thread"></div>
-<script>
-    window.disqus_config = function () {
-    
-    
-    
-    };
-    (function() {
-        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
-            document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
-            return;
-        }
-        var d = document, s = d.createElement('script'); s.async = true;
-        s.src = '//' + "themefisher-template" + '.disqus.com/embed.js';
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-            </div>
-          
-        </article>
-      </div>
-
-      
-      
-      
-      
-        <div class="section pb-0">
-          <h2 class="h3 mb-12">Related Posts</h2>
-          <div class="row">
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="How to build an Application with modern Technology"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/blog/post-1/"><meta name=twitter:title content="How to build an Application with modern Technology"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section pt-7"><div class=container><div class="row justify-center"><article class=lg:col-10><div class=mb-10><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture></div><h1 class="h2 mb-4">How to build an Application with modern Technology</h1><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-2"></i>
+<a href=/categories/application/>Application
+,
+</a><a href=/categories/data/>Data</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-clock mr-2"></i>
+April 4, 2022</li></ul><div class="content mb-10"><p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p><h2 id=creative-design>Creative Design</h2><p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></div><div class="row items-start justify-between"><div class="lg:col-5 mb-10 flex items-center lg:mb-0"><h5 class=mr-3>Tags :</h5><ul><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/nextjs/>Nextjs</a></li><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/tailwind/>Tailwind</a></li></ul></div><div class="lg:col-4 flex items-center"><div class=share-icons><h5 class=share-title>Share :</h5><a class="share-link share-facebook" href="https://facebook.com/sharer/sharer.php?u=%2fblog%2fpost-1%2f" target=_blank rel=noopener aria-label="share facebook"><span class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
+</span></a><a class="share-link share-twitter" href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2fblog%2fpost-1%2f" target=_blank rel=noopener aria-label="share twitter"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/></svg>
+</span></a><a class="share-link share-email" href="mailto:?subject=Share&amp;body=%2fblog%2fpost-1%2f" target=_self rel=noopener aria-label="share email"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9.0 6v12c0 1.1.9 2 2 2h20c1.1.0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17.0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1.0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08.0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
+</span></a><a class="share-link share-reddit" href="https://reddit.com/submit/?url=%2fblog%2fpost-1%2f&amp;resubmit=true&amp;title=Share" target=_blank rel=noopener aria-label="share reddit"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96.0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65.0 3-1.35 3-3s-1.35-3-3-3c-1.38.0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65.0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66.0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64.0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4.0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6.0.23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1.0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1.0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg></span></a></div></div></div><div class=mt-20><div id=disqus_thread></div><script>window.disqus_config=function(){},function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById("disqus_thread").innerHTML="Disqus comments not available by default when the website is previewed locally.";return}var t=document,e=t.createElement("script");e.async=!0,e.src="//themefisher-template.disqus.com/embed.js",e.setAttribute("data-timestamp",+new Date),(t.head||t.body).appendChild(e)}()</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/blog/post-2/index.html b/public/blog/post-2/index.html
index 3a91cf8..49cbfa2 100644
--- a/public/blog/post-2/index.html
+++ b/public/blog/post-2/index.html
@@ -1,1706 +1,29 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/blog/post-2/" />
-
-
-
-
-
-
-
-  
-
-
-<title>How to build an Application with modern Technology</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="1096" />
-      <meta property="og:image:height" content="480" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>How to build an Application with modern Technology</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/image-placeholder.png"><meta name=twitter:image content="/images/image-placeholder.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="1096"><meta property="og:image:height" content="480"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="How to build an Application with modern Technology" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/blog/post-2/" />
-
-
-<meta name="twitter:title" content="How to build an Application with modern Technology" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section pt-7">
-    <div class="container">
-      <div class="row justify-center">
-        <article class="lg:col-10">
-          
-          
-            <div class="mb-10">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-            </div>
-          
-          <h1 class="h2 mb-4">
-            How to build an Application with modern Technology
-          </h1>
-          <ul class="mb-4">
-            <li class="mr-4 inline-block">
-              <a
-                href="/authors/sam-wilson/">
-                <i class="fa-regular fa-circle-user mr-2"></i
-                >Sam Wilson
-              </a>
-            </li>
-            
-            
-              <li class="mr-4 inline-block">
-                <i class="fa-regular fa-folder mr-2"></i>
-                
-                  <a
-                    href="/categories/technology/"
-                    class=""
-                    >Technology
-                      ,
-                    
-                  </a>
-                
-                  <a
-                    href="/categories/data/"
-                    class=""
-                    >Data
-                  </a>
-                
-              </li>
-            
-            <li class="mr-4 inline-block">
-              <i class="fa-regular fa-clock mr-2"></i>
-              April 4, 2022
-            </li>
-          </ul>
-          <div class="content mb-10">
-            <p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-<h2 id="creative-design">Creative Design</h2>
-<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-</blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-
-          </div>
-          <div class="row items-start justify-between">
-            
-            
-              <div class="lg:col-5 mb-10 flex items-center lg:mb-0">
-                <h5 class="mr-3">Tags :</h5>
-                <ul>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/technology/">
-                        Technology
-                      </a>
-                    </li>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/tailwind/">
-                        Tailwind
-                      </a>
-                    </li>
-                  
-                </ul>
-              </div>
-            
-            <div class="lg:col-4 flex items-center">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="share-icons">
-  <h5 class="share-title">Share :</h5>
-
-
-  
-  
-    <a
-      class="share-link share-facebook"
-      href="https://facebook.com/sharer/sharer.php?u=%2f%2flocalhost%3a1313%2fblog%2fpost-2%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share facebook">
-      <span class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-twitter"
-      href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2f%2flocalhost%3a1313%2fblog%2fpost-2%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share twitter">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path 
-            d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/>
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-email"
-      href="mailto:?subject=Share&amp;body=%2f%2flocalhost%3a1313%2fblog%2fpost-2%2f"
-      target="_self"
-      rel="noopener"
-      aria-label="share email">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-reddit"
-      href="https://reddit.com/submit/?url=%2f%2flocalhost%3a1313%2fblog%2fpost-2%2f&amp;resubmit=true&amp;title=Share"
-      target="_blank"
-      rel="noopener"
-      aria-label="share reddit">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-</div>
-
-            </div>
-          </div>
-          
-          
-            <div class="mt-20">
-              <div id="disqus_thread"></div>
-<script>
-    window.disqus_config = function () {
-    
-    
-    
-    };
-    (function() {
-        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
-            document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
-            return;
-        }
-        var d = document, s = d.createElement('script'); s.async = true;
-        s.src = '//' + "themefisher-template" + '.disqus.com/embed.js';
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-            </div>
-          
-        </article>
-      </div>
-
-      
-      
-      
-      
-        <div class="section pb-0">
-          <h2 class="h3 mb-12">Related Posts</h2>
-          <div class="row">
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="How to build an Application with modern Technology"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/blog/post-2/"><meta name=twitter:title content="How to build an Application with modern Technology"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section pt-7"><div class=container><div class="row justify-center"><article class=lg:col-10><div class=mb-10><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture></div><h1 class="h2 mb-4">How to build an Application with modern Technology</h1><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-2"></i>
+<a href=/categories/technology/>Technology
+,
+</a><a href=/categories/data/>Data</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-clock mr-2"></i>
+April 4, 2022</li></ul><div class="content mb-10"><p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p><h2 id=creative-design>Creative Design</h2><p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></div><div class="row items-start justify-between"><div class="lg:col-5 mb-10 flex items-center lg:mb-0"><h5 class=mr-3>Tags :</h5><ul><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/technology/>Technology</a></li><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/tailwind/>Tailwind</a></li></ul></div><div class="lg:col-4 flex items-center"><div class=share-icons><h5 class=share-title>Share :</h5><a class="share-link share-facebook" href="https://facebook.com/sharer/sharer.php?u=%2fblog%2fpost-2%2f" target=_blank rel=noopener aria-label="share facebook"><span class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
+</span></a><a class="share-link share-twitter" href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2fblog%2fpost-2%2f" target=_blank rel=noopener aria-label="share twitter"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/></svg>
+</span></a><a class="share-link share-email" href="mailto:?subject=Share&amp;body=%2fblog%2fpost-2%2f" target=_self rel=noopener aria-label="share email"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9.0 6v12c0 1.1.9 2 2 2h20c1.1.0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17.0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1.0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08.0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
+</span></a><a class="share-link share-reddit" href="https://reddit.com/submit/?url=%2fblog%2fpost-2%2f&amp;resubmit=true&amp;title=Share" target=_blank rel=noopener aria-label="share reddit"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96.0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65.0 3-1.35 3-3s-1.35-3-3-3c-1.38.0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65.0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66.0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64.0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4.0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6.0.23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1.0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1.0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg></span></a></div></div></div><div class=mt-20><div id=disqus_thread></div><script>window.disqus_config=function(){},function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById("disqus_thread").innerHTML="Disqus comments not available by default when the website is previewed locally.";return}var t=document,e=t.createElement("script");e.async=!0,e.src="//themefisher-template.disqus.com/embed.js",e.setAttribute("data-timestamp",+new Date),(t.head||t.body).appendChild(e)}()</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/blog/post-3/index.html b/public/blog/post-3/index.html
index 83835bf..f3a6436 100644
--- a/public/blog/post-3/index.html
+++ b/public/blog/post-3/index.html
@@ -1,1553 +1,28 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/blog/post-3/" />
-
-
-
-
-
-
-
-  
-
-
-<title>How to build an Application with modern Technology</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="1096" />
-      <meta property="og:image:height" content="480" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>How to build an Application with modern Technology</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/image-placeholder.png"><meta name=twitter:image content="/images/image-placeholder.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="1096"><meta property="og:image:height" content="480"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="How to build an Application with modern Technology" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/blog/post-3/" />
-
-
-<meta name="twitter:title" content="How to build an Application with modern Technology" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section pt-7">
-    <div class="container">
-      <div class="row justify-center">
-        <article class="lg:col-10">
-          
-          
-            <div class="mb-10">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-            </div>
-          
-          <h1 class="h2 mb-4">
-            How to build an Application with modern Technology
-          </h1>
-          <ul class="mb-4">
-            <li class="mr-4 inline-block">
-              <a
-                href="/authors/john-doe/">
-                <i class="fa-regular fa-circle-user mr-2"></i
-                >John Doe
-              </a>
-            </li>
-            
-            
-              <li class="mr-4 inline-block">
-                <i class="fa-regular fa-folder mr-2"></i>
-                
-                  <a
-                    href="/categories/software/"
-                    class=""
-                    >Software
-                  </a>
-                
-              </li>
-            
-            <li class="mr-4 inline-block">
-              <i class="fa-regular fa-clock mr-2"></i>
-              April 4, 2022
-            </li>
-          </ul>
-          <div class="content mb-10">
-            <p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-<h2 id="creative-design">Creative Design</h2>
-<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-</blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-
-          </div>
-          <div class="row items-start justify-between">
-            
-            
-              <div class="lg:col-5 mb-10 flex items-center lg:mb-0">
-                <h5 class="mr-3">Tags :</h5>
-                <ul>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/software/">
-                        Software
-                      </a>
-                    </li>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/tailwind/">
-                        Tailwind
-                      </a>
-                    </li>
-                  
-                </ul>
-              </div>
-            
-            <div class="lg:col-4 flex items-center">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="share-icons">
-  <h5 class="share-title">Share :</h5>
-
-
-  
-  
-    <a
-      class="share-link share-facebook"
-      href="https://facebook.com/sharer/sharer.php?u=%2f%2flocalhost%3a1313%2fblog%2fpost-3%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share facebook">
-      <span class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-twitter"
-      href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2f%2flocalhost%3a1313%2fblog%2fpost-3%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share twitter">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path 
-            d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/>
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-email"
-      href="mailto:?subject=Share&amp;body=%2f%2flocalhost%3a1313%2fblog%2fpost-3%2f"
-      target="_self"
-      rel="noopener"
-      aria-label="share email">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-reddit"
-      href="https://reddit.com/submit/?url=%2f%2flocalhost%3a1313%2fblog%2fpost-3%2f&amp;resubmit=true&amp;title=Share"
-      target="_blank"
-      rel="noopener"
-      aria-label="share reddit">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-</div>
-
-            </div>
-          </div>
-          
-          
-            <div class="mt-20">
-              <div id="disqus_thread"></div>
-<script>
-    window.disqus_config = function () {
-    
-    
-    
-    };
-    (function() {
-        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
-            document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
-            return;
-        }
-        var d = document, s = d.createElement('script'); s.async = true;
-        s.src = '//' + "themefisher-template" + '.disqus.com/embed.js';
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-            </div>
-          
-        </article>
-      </div>
-
-      
-      
-      
-      
-        <div class="section pb-0">
-          <h2 class="h3 mb-12">Related Posts</h2>
-          <div class="row">
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="How to build an Application with modern Technology"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/blog/post-3/"><meta name=twitter:title content="How to build an Application with modern Technology"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section pt-7"><div class=container><div class="row justify-center"><article class=lg:col-10><div class=mb-10><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture></div><h1 class="h2 mb-4">How to build an Application with modern Technology</h1><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-2"></i>
+<a href=/categories/software/>Software</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-clock mr-2"></i>
+April 4, 2022</li></ul><div class="content mb-10"><p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p><h2 id=creative-design>Creative Design</h2><p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></div><div class="row items-start justify-between"><div class="lg:col-5 mb-10 flex items-center lg:mb-0"><h5 class=mr-3>Tags :</h5><ul><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/software/>Software</a></li><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/tailwind/>Tailwind</a></li></ul></div><div class="lg:col-4 flex items-center"><div class=share-icons><h5 class=share-title>Share :</h5><a class="share-link share-facebook" href="https://facebook.com/sharer/sharer.php?u=%2fblog%2fpost-3%2f" target=_blank rel=noopener aria-label="share facebook"><span class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
+</span></a><a class="share-link share-twitter" href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2fblog%2fpost-3%2f" target=_blank rel=noopener aria-label="share twitter"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/></svg>
+</span></a><a class="share-link share-email" href="mailto:?subject=Share&amp;body=%2fblog%2fpost-3%2f" target=_self rel=noopener aria-label="share email"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9.0 6v12c0 1.1.9 2 2 2h20c1.1.0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17.0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1.0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08.0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
+</span></a><a class="share-link share-reddit" href="https://reddit.com/submit/?url=%2fblog%2fpost-3%2f&amp;resubmit=true&amp;title=Share" target=_blank rel=noopener aria-label="share reddit"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96.0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65.0 3-1.35 3-3s-1.35-3-3-3c-1.38.0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65.0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66.0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64.0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4.0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6.0.23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1.0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1.0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg></span></a></div></div></div><div class=mt-20><div id=disqus_thread></div><script>window.disqus_config=function(){},function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById("disqus_thread").innerHTML="Disqus comments not available by default when the website is previewed locally.";return}var t=document,e=t.createElement("script");e.async=!0,e.src="//themefisher-template.disqus.com/embed.js",e.setAttribute("data-timestamp",+new Date),(t.head||t.body).appendChild(e)}()</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/blog/post-4/index.html b/public/blog/post-4/index.html
index dd5e8ee..d56e9e6 100644
--- a/public/blog/post-4/index.html
+++ b/public/blog/post-4/index.html
@@ -1,1392 +1,25 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/blog/post-4/" />
-
-
-
-
-
-
-
-  
-
-
-<title>How to build an Application with modern Technology</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/image-placeholder.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="1096" />
-      <meta property="og:image:height" content="480" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>How to build an Application with modern Technology</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/image-placeholder.png"><meta name=twitter:image content="/images/image-placeholder.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="1096"><meta property="og:image:height" content="480"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="How to build an Application with modern Technology" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/blog/post-4/" />
-
-
-<meta name="twitter:title" content="How to build an Application with modern Technology" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section class="section pt-7">
-    <div class="container">
-      <div class="row justify-center">
-        <article class="lg:col-10">
-          
-          
-            <div class="mb-10">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-            </div>
-          
-          <h1 class="h2 mb-4">
-            How to build an Application with modern Technology
-          </h1>
-          <ul class="mb-4">
-            <li class="mr-4 inline-block">
-              <a
-                href="/authors/john-doe/">
-                <i class="fa-regular fa-circle-user mr-2"></i
-                >John Doe
-              </a>
-            </li>
-            
-            
-              <li class="mr-4 inline-block">
-                <i class="fa-regular fa-folder mr-2"></i>
-                
-                  <a
-                    href="/categories/architecture/"
-                    class=""
-                    >Architecture
-                  </a>
-                
-              </li>
-            
-            <li class="mr-4 inline-block">
-              <i class="fa-regular fa-clock mr-2"></i>
-              April 4, 2022
-            </li>
-          </ul>
-          <div class="content mb-10">
-            <p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-<h2 id="creative-design">Creative Design</h2>
-<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
-<blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-</blockquote>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
-
-          </div>
-          <div class="row items-start justify-between">
-            
-            
-              <div class="lg:col-5 mb-10 flex items-center lg:mb-0">
-                <h5 class="mr-3">Tags :</h5>
-                <ul>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/silicon/">
-                        Silicon
-                      </a>
-                    </li>
-                  
-                    <li class="inline-block">
-                      <a
-                        class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white"
-                        href="/tags/technology/">
-                        Technology
-                      </a>
-                    </li>
-                  
-                </ul>
-              </div>
-            
-            <div class="lg:col-4 flex items-center">
-              
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="share-icons">
-  <h5 class="share-title">Share :</h5>
-
-
-  
-  
-    <a
-      class="share-link share-facebook"
-      href="https://facebook.com/sharer/sharer.php?u=%2f%2flocalhost%3a1313%2fblog%2fpost-4%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share facebook">
-      <span class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-twitter"
-      href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2f%2flocalhost%3a1313%2fblog%2fpost-4%2f"
-      target="_blank"
-      rel="noopener"
-      aria-label="share twitter">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path 
-            d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/>
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-email"
-      href="mailto:?subject=Share&amp;body=%2f%2flocalhost%3a1313%2fblog%2fpost-4%2f"
-      target="_self"
-      rel="noopener"
-      aria-label="share email">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-    <a
-      class="share-link share-reddit"
-      href="https://reddit.com/submit/?url=%2f%2flocalhost%3a1313%2fblog%2fpost-4%2f&amp;resubmit=true&amp;title=Share"
-      target="_blank"
-      rel="noopener"
-      aria-label="share reddit">
-      <span aria-hidden="true" class="share-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z" />
-        </svg>
-      </span>
-    </a>
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-
-
-  
-  
-</div>
-
-            </div>
-          </div>
-          
-          
-            <div class="mt-20">
-              <div id="disqus_thread"></div>
-<script>
-    window.disqus_config = function () {
-    
-    
-    
-    };
-    (function() {
-        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
-            document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
-            return;
-        }
-        var d = document, s = d.createElement('script'); s.async = true;
-        s.src = '//' + "themefisher-template" + '.disqus.com/embed.js';
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-    })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-            </div>
-          
-        </article>
-      </div>
-
-      
-      
-      
-      
-        <div class="section pb-0">
-          <h2 class="h3 mb-12">Related Posts</h2>
-          <div class="row">
-            
-              <div class="lg:col-4 md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="How to build an Application with modern Technology"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/blog/post-4/"><meta name=twitter:title content="How to build an Application with modern Technology"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section pt-7"><div class=container><div class="row justify-center"><article class=lg:col-10><div class=mb-10><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture></div><h1 class="h2 mb-4">How to build an Application with modern Technology</h1><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-2"></i>
+<a href=/categories/architecture/>Architecture</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-clock mr-2"></i>
+April 4, 2022</li></ul><div class="content mb-10"><p>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p><h2 id=creative-design>Creative Design</h2><p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p><blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></blockquote><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p></div><div class="row items-start justify-between"><div class="lg:col-5 mb-10 flex items-center lg:mb-0"><h5 class=mr-3>Tags :</h5><ul><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/silicon/>Silicon</a></li><li class=inline-block><a class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" href=/tags/technology/>Technology</a></li></ul></div><div class="lg:col-4 flex items-center"><div class=share-icons><h5 class=share-title>Share :</h5><a class="share-link share-facebook" href="https://facebook.com/sharer/sharer.php?u=%2fblog%2fpost-4%2f" target=_blank rel=noopener aria-label="share facebook"><span class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
+</span></a><a class="share-link share-twitter" href="https://twitter.com/intent/tweet/?text=Share&amp;url=%2fblog%2fpost-4%2f" target=_blank rel=noopener aria-label="share twitter"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z"/></svg>
+</span></a><a class="share-link share-email" href="mailto:?subject=Share&amp;body=%2fblog%2fpost-4%2f" target=_self rel=noopener aria-label="share email"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9.0 6v12c0 1.1.9 2 2 2h20c1.1.0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17.0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1.0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08.0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
+</span></a><a class="share-link share-reddit" href="https://reddit.com/submit/?url=%2fblog%2fpost-4%2f&amp;resubmit=true&amp;title=Share" target=_blank rel=noopener aria-label="share reddit"><span aria-hidden=true class=share-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96.0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65.0 3-1.35 3-3s-1.35-3-3-3c-1.38.0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65.0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66.0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64.0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4.0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6.0.23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1.0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1.0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg></span></a></div></div></div><div class=mt-20><div id=disqus_thread></div><script>window.disqus_config=function(){},function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById("disqus_thread").innerHTML="Disqus comments not available by default when the website is previewed locally.";return}var t=document,e=t.createElement("script");e.async=!0,e.src="//themefisher-template.disqus.com/embed.js",e.setAttribute("data-timestamp",+new Date),(t.head||t.body).appendChild(e)}()</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/application/index.html b/public/categories/application/index.html
index 87377bf..8f98577 100644
--- a/public/categories/application/index.html
+++ b/public/categories/application/index.html
@@ -1,1091 +1,22 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/application/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/application/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Application</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/categories/">
-          Categories
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Application
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/application/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Application</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/categories/>Categories
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Application</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/application/index.xml b/public/categories/application/index.xml
index 51e571a..33e49af 100644
--- a/public/categories/application/index.xml
+++ b/public/categories/application/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Application on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/application/</link>
-    <description>Recent content in Application on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/application/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Application on Tobias' Blog</title><link>/categories/application/</link><description>Recent content in Application on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/application/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/architecture/index.html b/public/categories/architecture/index.html
index ff57b49..377696d 100644
--- a/public/categories/architecture/index.html
+++ b/public/categories/architecture/index.html
@@ -1,1083 +1,20 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/architecture/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/architecture/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Architecture</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/categories/">
-          Categories
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Architecture
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/architecture/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Architecture</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/categories/>Categories
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Architecture</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/architecture/index.xml b/public/categories/architecture/index.xml
index 051e522..0a42d10 100644
--- a/public/categories/architecture/index.xml
+++ b/public/categories/architecture/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Architecture on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/architecture/</link>
-    <description>Recent content in Architecture on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/architecture/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-4/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-4/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Architecture on Tobias' Blog</title><link>/categories/architecture/</link><description>Recent content in Architecture on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/architecture/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-4/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-4/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/data/index.html b/public/categories/data/index.html
index 0adeda0..06effc0 100644
--- a/public/categories/data/index.html
+++ b/public/categories/data/index.html
@@ -1,1252 +1,25 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/data/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/data/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Data</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/categories/">
-          Categories
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Data
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/data/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Data</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/categories/>Categories
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Data</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/data/index.xml b/public/categories/data/index.xml
index 1aa9c75..975b248 100644
--- a/public/categories/data/index.xml
+++ b/public/categories/data/index.xml
@@ -1,26 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Data on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/data/</link>
-    <description>Recent content in Data on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/data/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Data on Tobias' Blog</title><link>/categories/data/</link><description>Recent content in Data on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/data/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/index.html b/public/categories/index.html
index d028a28..51debdd 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -1,974 +1,23 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Categories</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Categories
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <ul class="text-center">
-        
-        
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/categories/data/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Data
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  2
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/categories/application/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Application
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/categories/architecture/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Architecture
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/categories/software/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Software
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/categories/technology/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Technology
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-        
-        
-        
-      </ul>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Categories</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Categories</span></li></ul></div></div></section><section class=section><div class=container><ul class=text-center><li class="m-3 inline-block"><a href=/categories/data/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Data
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">2</span></a></li><li class="m-3 inline-block"><a href=/categories/application/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Application
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li><li class="m-3 inline-block"><a href=/categories/architecture/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Architecture
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li><li class="m-3 inline-block"><a href=/categories/software/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Software
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li><li class="m-3 inline-block"><a href=/categories/technology/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Technology
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li></ul></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/index.xml b/public/categories/index.xml
index a466fb9..721b809 100644
--- a/public/categories/index.xml
+++ b/public/categories/index.xml
@@ -1,47 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Categories on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/</link>
-    <description>Recent content in Categories on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Application</title>
-      <link>//localhost:1313/categories/application/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/categories/application/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Architecture</title>
-      <link>//localhost:1313/categories/architecture/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/categories/architecture/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Data</title>
-      <link>//localhost:1313/categories/data/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/categories/data/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Software</title>
-      <link>//localhost:1313/categories/software/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/categories/software/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Technology</title>
-      <link>//localhost:1313/categories/technology/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/categories/technology/</guid>
-      <description></description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Tobias' Blog</title><link>/categories/</link><description>Recent content in Categories on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml"/><item><title>Application</title><link>/categories/application/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/categories/application/</guid><description/></item><item><title>Architecture</title><link>/categories/architecture/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/categories/architecture/</guid><description/></item><item><title>Data</title><link>/categories/data/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/categories/data/</guid><description/></item><item><title>Software</title><link>/categories/software/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/categories/software/</guid><description/></item><item><title>Technology</title><link>/categories/technology/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/categories/technology/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/software/index.html b/public/categories/software/index.html
index 54d9b83..111d293 100644
--- a/public/categories/software/index.html
+++ b/public/categories/software/index.html
@@ -1,1083 +1,20 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/software/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/software/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Software</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/categories/">
-          Categories
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Software
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/software/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Software</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/categories/>Categories
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Software</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/software/index.xml b/public/categories/software/index.xml
index 0324d00..d234455 100644
--- a/public/categories/software/index.xml
+++ b/public/categories/software/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Software on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/software/</link>
-    <description>Recent content in Software on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/software/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-3/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-3/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Software on Tobias' Blog</title><link>/categories/software/</link><description>Recent content in Software on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/software/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-3/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-3/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/categories/technology/index.html b/public/categories/technology/index.html
index d090749..a416b4f 100644
--- a/public/categories/technology/index.html
+++ b/public/categories/technology/index.html
@@ -1,1091 +1,22 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/categories/technology/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/categories/technology/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Technology</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/categories/">
-          Categories
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Technology
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/categories/technology/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Technology</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/categories/>Categories
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Technology</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/categories/technology/index.xml b/public/categories/technology/index.xml
index 298a0a0..c1317e3 100644
--- a/public/categories/technology/index.xml
+++ b/public/categories/technology/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Technology on Tobias&#39; Blog</title>
-    <link>//localhost:1313/categories/technology/</link>
-    <description>Recent content in Technology on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/categories/technology/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Technology on Tobias' Blog</title><link>/categories/technology/</link><description>Recent content in Technology on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/categories/technology/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/contact/index.html b/public/contact/index.html
index 3b1046f..ce31bc9 100644
--- a/public/contact/index.html
+++ b/public/contact/index.html
@@ -1,966 +1,21 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/contact/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Contact</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="this is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Contact</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="this is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Contact" />
-<meta property="og:description" content="this is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/contact/" />
-
-
-<meta name="twitter:title" content="Contact" />
-<meta name="twitter:description" content="this is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Contact</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Contact
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section-sm">
-    <div class="container">
-      <div class="row">
-        <div class="md:col-10 lg:col-6 mx-auto">
-          <form action="#" method="POST">
-            <div class="mb-6">
-              <label for="name" class="form-label">
-                Full Name <span class="text-red-500">*</span>
-              </label>
-              <input
-                id="name"
-                name="name"
-                class="form-input"
-                placeholder="John Doe"
-                type="text" />
-            </div>
-            <div class="mb-6">
-              <label for="email" class="form-label">
-                Working Mail <span class="text-red-500">*</span>
-              </label>
-              <input
-                id="email"
-                name="email"
-                class="form-input"
-                placeholder="john.doe@email.com"
-                type="email" />
-            </div>
-            <div class="mb-6">
-              <label for="message" class="form-label">
-                Anything else? <span class="text-red-500">*</span>
-              </label>
-              <textarea
-                id="message"
-                name="message"
-                class="form-input"
-                placeholder="Message goes here..."
-                rows="8"></textarea>
-            </div>
-            <button type="submit" class="btn btn-primary">Submit</button>
-          </form>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  
-  
-    
-  
-
-  
-    
-  
-
-  
-
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Contact"><meta property="og:description" content="this is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/contact/"><meta name=twitter:title content="Contact"><meta name=twitter:description content="this is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Contact</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Contact</span></li></ul></div></div></section><section class=section-sm><div class=container><div class=row><div class="md:col-10 lg:col-6 mx-auto"><form action=# method=POST><div class=mb-6><label for=name class=form-label>Full Name <span class=text-red-500>*</span>
+</label><input id=name name=name class=form-input placeholder="John Doe" type=text></div><div class=mb-6><label for=email class=form-label>Working Mail <span class=text-red-500>*</span>
+</label><input id=email name=email class=form-input placeholder=john.doe@email.com type=email></div><div class=mb-6><label for=message class=form-label>Anything else? <span class=text-red-500>*</span>
+</label><textarea id=message name=message class=form-input placeholder="Message goes here..." rows=8></textarea></div><button type=submit class="btn btn-primary">Submit</button></form></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/contact/index.xml b/public/contact/index.xml
index e107eac..b98a514 100644
--- a/public/contact/index.xml
+++ b/public/contact/index.xml
@@ -1,11 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Contact on Tobias&#39; Blog</title>
-    <link>//localhost:1313/contact/</link>
-    <description>Recent content in Contact on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <atom:link href="//localhost:1313/contact/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Contact on Tobias' Blog</title><link>/contact/</link><description>Recent content in Contact on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="/contact/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
\ No newline at end of file
diff --git a/public/elements/index.html b/public/elements/index.html
index 9703147..2af7d72 100644
--- a/public/elements/index.html
+++ b/public/elements/index.html
@@ -1,2743 +1,34 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/elements/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Elements</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="This is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Elements</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="This is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Elements" />
-<meta property="og:description" content="This is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/elements/" />
-
-
-<meta name="twitter:title" content="Elements" />
-<meta name="twitter:description" content="This is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Elements</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Elements
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section-sm">
-    <div class="container">
-      <div class="row justify-center">
-        <div class="lg:col-10">
-          <div class="content">
-            
-<details class="table-of-content ">
-  <summary>
-    
-      Table of Contents
-    
-  </summary>
-  <nav id="TableOfContents">
-  <ol>
-    <li><a href="#heading-2">Heading 2</a>
-      <ol>
-        <li><a href="#heading-3">Heading 3</a>
-          <ol>
-            <li><a href="#heading-4">Heading 4</a>
-              <ol>
-                <li><a href="#heading-5">Heading 5</a></li>
-              </ol>
-            </li>
-          </ol>
-        </li>
-        <li><a href="#emphasis">Emphasis</a></li>
-        <li><a href="#button">Button</a></li>
-        <li><a href="#link">Link</a></li>
-        <li><a href="#paragraph">Paragraph</a></li>
-        <li><a href="#ordered-list">Ordered List</a></li>
-        <li><a href="#unordered-list">Unordered List</a></li>
-        <li><a href="#notice">Notice</a></li>
-        <li><a href="#tab">Tab</a></li>
-        <li><a href="#accordions">Accordions</a></li>
-        <li><a href="#code-and-syntax-highlighting">Code and Syntax Highlighting</a></li>
-        <li><a href="#blockquote">Blockquote</a></li>
-        <li><a href="#tables">Tables</a></li>
-        <li><a href="#image">Image</a></li>
-        <li><a href="#gallery">Gallery</a></li>
-        <li><a href="#slider">Slider</a></li>
-        <li><a href="#youtube-video">Youtube video</a></li>
-        <li><a href="#custom-video">Custom video</a></li>
-      </ol>
-    </li>
-  </ol>
-</nav>
-</details>
-
-<p>Here is an example of headings. You can use this heading by the following markdown rules. For example: use <code>#</code> for heading 1 and use <code>######</code> for heading 6.</p>
-<h1 id="heading-1">Heading 1</h1>
-<h2 id="heading-2">Heading 2</h2>
-<h3 id="heading-3">Heading 3</h3>
-<h4 id="heading-4">Heading 4</h4>
-<h5 id="heading-5">Heading 5</h5>
-<h6 id="heading-6">Heading 6</h6>
-<hr>
-<h3 id="emphasis">Emphasis</h3>
-<p>The emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p>
-<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p>
-<p>The combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p>
-<p>Strike through uses two tildes. <del>Scratch this.</del></p>
-<hr>
-<h3 id="button">Button</h3>
-
-
-
-
-
-
-
-  
-
-  
-
-  
-
-
-
-  
-
-  
-
-  
-
-
-
-  
-
-  
-
-  
-
-
-
-  
-
-  
-
-  
-
-
-
-  
-
-  
-
-  
-
-
-
-<a href="//localhost:1313/" class="btn btn-primary "  rel="" >Button</a>
-
-<hr>
-<h3 id="link">Link</h3>
-<p><a href="https://www.google.com"
-
-
-
-
- target="_blank"
- 
-
-
->I&rsquo;m an inline-style link</a>
-</p>
-<p><a href="https://www.google.com"
-
-
- title="Google&#39;s Homepage"
-
-
-
- target="_blank"
- 
-
-
->I&rsquo;m an inline-style link with title</a>
-</p>
-<p><a href="https://www.themefisher.com"
-
-
-
-
- target="_blank"
- 
-
-
->I&rsquo;m a reference-style link</a>
-</p>
-<p><a href="../blob/master/LICENSE"
-
-
-
- 
-
-
->I&rsquo;m a relative reference to a repository file</a>
-</p>
-<p><a href="https://gethugothemes.com"
-
-
-
-
- target="_blank"
- 
-
-
->You can use numbers for reference-style link definitions</a>
-</p>
-<p>Or leave it empty and use the <a href="https://www.getjekyllthemes.com"
-
-
-
-
- target="_blank"
- 
-
-
->link text itself</a>
-.</p>
-<p>URLs and URLs in angle brackets will automatically get turned into links.
-<a href="http://www.example.com"
-
-
-
-
- target="_blank"
- 
-
-
->http://www.example.com</a>
- or <a href="http://www.example.com"
-
-
-
-
- target="_blank"
- 
-
-
->http://www.example.com</a>
- and sometimes
-example.com (but not on Github, for example).</p>
-<p>Some text to show that the reference links can follow later.</p>
-<hr>
-<h3 id="paragraph">Paragraph</h3>
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.</p>
-<hr>
-<h3 id="ordered-list">Ordered List</h3>
-<ol>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-</ol>
-<hr>
-<h3 id="unordered-list">Unordered List</h3>
-<ul>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-<li>List item</li>
-</ul>
-<hr>
-<h3 id="notice">Notice</h3>
-
-
-
-  
-
-
-
-<div class="notice note">
-  <div class="notice-head"><svg
-        width="20"
-        height="20"
-        viewBox="0 0 20 20"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M10 9V14M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19ZM10.0498 6V6.1L9.9502 6.1002V6H10.0498Z"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"></path>
-      </svg><p>Note</p>
-  </div>
-  <div class="notice-body"><p>This is a simple note.</p></div>
-</div>
-
-
-
-
-  
-
-
-
-<div class="notice tip">
-  <div class="notice-head"><svg
-        width="20"
-        height="20"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 2.4C6.69807 2.4 2.4 6.69807 2.4 12C2.4 17.3019 6.69807 21.6 12 21.6C17.3019 21.6 21.6 17.3019 21.6 12C21.6 6.69807 17.3019 2.4 12 2.4ZM15.9515 7.55147L9.6 13.9029L8.04853 12.3515C7.5799 11.8828 6.8201 11.8828 6.35147 12.3515C5.88284 12.8201 5.88284 13.5799 6.35147 14.0485L8.75147 16.4485C9.2201 16.9172 9.9799 16.9172 10.4485 16.4485L17.6485 9.24853C18.1172 8.7799 18.1172 8.0201 17.6485 7.55147C17.1799 7.08284 16.4201 7.08284 15.9515 7.55147Z"
-          fill="currentColor" />
-      </svg><p>Tip</p>
-  </div>
-  <div class="notice-body"><p>This is a simple tip.</p></div>
-</div>
-
-
-
-
-  
-
-
-
-<div class="notice info">
-  <div class="notice-head"><svg
-        width="20"
-        height="20"
-        viewBox="0 0 18 20"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M9.16109 0.993016C9.97971 1.03952 10.6611 1.42989 11.0721 2.22339L17.7981 15.8014C18.4502 17.1739 17.4403 19.0208 15.7832 19.0474H2.23859C0.730337 19.0234 -0.507163 17.3108 0.231587 15.7864L7.08321 2.20877C7.21146 1.96502 7.26996 1.89452 7.38059 1.76664C7.82534 1.25102 8.31171 0.975016 9.16109 0.993016ZM9.05046 2.49189C8.79284 2.50464 8.55696 2.64902 8.42834 2.87327C6.06134 7.36539 3.77946 11.9036 1.56546 16.4734C1.36071 16.9328 1.71209 17.5223 2.22621 17.547C6.74871 17.6201 11.2731 17.6201 15.7956 17.547C16.2925 17.523 16.666 16.953 16.459 16.4783C14.2866 11.9093 12.0471 7.37102 9.72171 2.87814C9.58446 2.63402 9.38309 2.48739 9.05046 2.49189Z"
-          fill="currentColor" />
-        <path
-          d="M9.61323 13.2153H8.35773L8.21973 7.04688H9.75723L9.61323 13.2153ZM8.17773 15.1015C8.17773 14.8731 8.25161 14.6841 8.39973 14.5338C8.54823 14.3838 8.75036 14.3084 9.00648 14.3084C9.26298 14.3084 9.46511 14.3838 9.61323 14.5338C9.76136 14.6841 9.83561 14.8731 9.83561 15.1015C9.83561 15.3216 9.76323 15.5057 9.61923 15.6539C9.47486 15.802 9.27086 15.8762 9.00648 15.8762C8.74211 15.8762 8.53811 15.802 8.39373 15.6539C8.24973 15.5057 8.17773 15.3216 8.17773 15.1015Z"
-          fill="currentColor" />
-      </svg><p>Info</p>
-  </div>
-  <div class="notice-body"><p>This is a simple info.</p></div>
-</div>
-
-
-
-
-  
-
-
-
-<div class="notice warning">
-  <div class="notice-head"><svg
-        width="20"
-        height="20"
-        viewBox="0 0 20 20"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M10 0C15.522 0 20 4.478 20 10C20 15.522 15.522 20 10 20C4.478 20 0 15.522 0 10C0 4.478 4.478 0 10 0ZM10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18C14.411 18 18 14.411 18 10C18 5.589 14.411 2 10 2ZM12.293 6.293L13.707 7.707L11.414 10L13.707 12.293L12.293 13.707L10 11.414L7.707 13.707L6.293 12.293L8.586 10L6.293 7.707L7.707 6.293L10 8.586L12.293 6.293Z"
-          fill="currentColor" />
-      </svg><p>Warning</p>
-  </div>
-  <div class="notice-body"><p>This is a simple warning.</p></div>
-</div>
-
-<hr>
-<h3 id="tab">Tab</h3>
-
-
-
-<div class="tab" data-tab-group="">
-  <ul class="tab-nav" data-tab-nav>
-    
-      <li
-        class="tab-nav-item active"
-        data-tab="tab-1" tabindex="0">
-        Tab 1
-      </li>
-    
-      <li
-        class="tab-nav-item "
-        data-tab="tab-2" tabindex="-1">
-        Tab 2
-      </li>
-    
-      <li
-        class="tab-nav-item "
-        data-tab="tab-3" tabindex="-1">
-        Tab 3
-      </li>
-    
-  </ul>
-  <div class="tab-content" data-tab-content>
-    
-      <div
-        class="tab-content-panel active"
-        data-tab-panel="tab-1">
-        <h4 id="hey-there-i-am-a-tab">Hey There, I am a tab</h4>
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-
-      </div>
-    
-      <div
-        class="tab-content-panel "
-        data-tab-panel="tab-2">
-        <h4 id="i-wanna-talk-about-the-assassination-attempt">I wanna talk about the assassination attempt</h4>
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-
-      </div>
-    
-      <div
-        class="tab-content-panel "
-        data-tab-panel="tab-3">
-        <h4 id="we-know-youre-dealing-in-stolen-ore">We know you’re dealing in stolen ore</h4>
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo</p>
-
-      </div>
-    
-  </div>
-</div>
-
-<hr>
-<h3 id="accordions">Accordions</h3>
-
-
-
-
-
-
-  
-
-
-
-<div class="accordion ">
-  <button class="accordion-header " data-accordion>
-    Why should you need to do this?
-    <svg
-      class="accordion-icon"
-      x="0px"
-      y="0px"
-      viewBox="0 0 512 512"
-      xmlspace="preserve">
-      <path
-        fill="currentColor"
-        d="M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z"></path>
-    </svg>
-  </button>
-  <div class="accordion-content ">
-    <p><ul>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur</li>
-</ul>
-</p>
-  </div>
-</div>
-
-
-
-
-
-
-
-  
-
-
-
-<div class="accordion ">
-  <button class="accordion-header " data-accordion>
-    How can I adjust Horizontal centering
-    <svg
-      class="accordion-icon"
-      x="0px"
-      y="0px"
-      viewBox="0 0 512 512"
-      xmlspace="preserve">
-      <path
-        fill="currentColor"
-        d="M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z"></path>
-    </svg>
-  </button>
-  <div class="accordion-content ">
-    <p><ul>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur</li>
-</ul>
-</p>
-  </div>
-</div>
-
-
-
-
-
-
-
-  
-
-
-
-<div class="accordion ">
-  <button class="accordion-header " data-accordion>
-    Should you use Negative margin?
-    <svg
-      class="accordion-icon"
-      x="0px"
-      y="0px"
-      viewBox="0 0 512 512"
-      xmlspace="preserve">
-      <path
-        fill="currentColor"
-        d="M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z"></path>
-    </svg>
-  </button>
-  <div class="accordion-content ">
-    <p><ul>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
-<li>Lorem ipsum dolor sit amet consectetur</li>
-</ul>
-</p>
-  </div>
-</div>
-
-<hr>
-<h3 id="code-and-syntax-highlighting">Code and Syntax Highlighting</h3>
-<p>This is an <code>Inline code</code> sample.</p>
-<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">s</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;JavaScript syntax highlighting&#34;</span>;
-</span></span><span style="display:flex;"><span><span style="color:#a6e22e">alert</span>(<span style="color:#a6e22e">s</span>);
-</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span>s <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;Python syntax highlighting&#34;</span>
-</span></span><span style="display:flex;"><span>print s
-</span></span></code></pre></div><hr>
-<h3 id="blockquote">Blockquote</h3>
-<blockquote>
-<p>Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.</p>
-</blockquote>
-<hr>
-<h3 id="tables">Tables</h3>
-<table>
-<thead>
-<tr>
-<th>Tables</th>
-<th style="text-align:center">Are</th>
-<th style="text-align:right">Cool</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>col 3 is</td>
-<td style="text-align:center">right-aligned</td>
-<td style="text-align:right">$1600</td>
-</tr>
-<tr>
-<td>col 2 is</td>
-<td style="text-align:center">centered</td>
-<td style="text-align:right">$12</td>
-</tr>
-<tr>
-<td>zebra stripes</td>
-<td style="text-align:center">are neat</td>
-<td style="text-align:right">$1</td>
-</tr>
-</tbody>
-</table>
-<hr>
-<h3 id="image">Image</h3>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-    
-    
-      
-      
-    
-    
-    
-    
-
-
-    
-    
-      
-      
-
-      
-        
-        
-      
-
-
-      
-
-      
-      
-        
-        
-        
-      
-      
-      
-      
-
-    
-    
-
-    
-    
-      
-      
-          <img
-            title="image title"
-            loading="lazy"
-            decoding="async"
-            class="img img-fluid img-center"
-            width="1096"
-            height="480"
-            src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1096x480_fill_q100_lanczos_smart1_3.png"
-            alt="alter-text"
-            onerror="this.onerror='null';this.src='\/images\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1096x480_fill_q100_lanczos_smart1_3.png'" />
-      
-    
-
-  
-  
-
-
-
-
-
-
-  <script>
-    window.addEventListener("load", (e) => {
-      const lightbox = GLightbox();
-    });
-  </script>
-
-
-<hr>
-<h3 id="gallery">Gallery</h3>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  <div
-    class=" gallery 
-      zoomable
-    ">
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/01.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="01.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/02.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="02.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/03.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="03.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/04.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="04.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/05.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="05.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-      
-      
-      
-        
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-        
-        
-        
-        
-
-        <div class="gallery-item">
-          
-            <a
-              href="/images/gallery/06.jpg"
-              style="display: block;"
-              class="glightbox">
-              <img
-                loading="lazy"
-                src="/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"
-                class="img"
-                style="margin: 0;"
-                alt="06.jpg"
-                onerror="this.onerror='null';this.src='\/images\/gallery\/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg'" />
-            </a>
-          
-        </div>
-      
-    
-    
-  </div>
-
-  
-
-<hr>
-<h3 id="slider">Slider</h3>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="swiper gallery-slider max-w-[600px] ml-0">
-  <div class="swiper-wrapper">
-    
-    
-      
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/01.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="01.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/02.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="02.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/03.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="03.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/04.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="04.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/05.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="05.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-        
-        
-        
-
-          
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-    
-    
-  
-  
-  
-
-
-  
-  
-    
-
-    
-    
-
-
-    
-    
-    
-    
-    
-    
-    
-    
-
-
-    
-
-    
-    
-    
-      
-      
-        
-        
-      
-      
-    
-
-
-    
-  
-
-
-  
-
-
-          
-          
-          
-          
-
-
-          <div
-            class="swiper-slide zoomable">
-            
-              <a
-                href="/images/gallery/06.jpg"
-                class="glightbox"
-                style="display: block;">
-                <img
-                  loading="lazy"
-                  src="/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"
-                  class="img"
-                  style="margin: 0"
-                  alt="06.jpg"
-                  onerror="this.onerror='null';this.src='\/images\/gallery\/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg'" />
-              </a>
-            
-          </div>
-        
-      
-
-
-      
-
-      
-    
-    
-  </div>
-
-  
-  <span class="swiper-button-prev"></span>
-  <span class="swiper-button-next"></span>
-</div>
-
-
-<hr>
-<h3 id="youtube-video">Youtube video</h3>
-
-<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
-  <iframe src="https://www.youtube.com/embed/ResipmZmpDU" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
-</div>
-
-<hr>
-<h3 id="custom-video">Custom video</h3>
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-
-
-
-
-
-  <video
-    width="100%"
-    height="auto"
-    
-    
-    
-    controls
-    
-    class="rounded-lg"
-    style="max-width:100%">
-    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
-    Your browser does not support the video tag.
-  </video>
-
-
-
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Elements"><meta property="og:description" content="This is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/elements/"><meta name=twitter:title content="Elements"><meta name=twitter:description content="This is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Elements</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Elements</span></li></ul></div></div></section><section class=section-sm><div class=container><div class="row justify-center"><div class=lg:col-10><div class=content><details class=table-of-content><summary>Table of Contents</summary><nav id=TableOfContents><ol><li><a href=#heading-2>Heading 2</a><ol><li><a href=#heading-3>Heading 3</a><ol><li><a href=#heading-4>Heading 4</a><ol><li><a href=#heading-5>Heading 5</a></li></ol></li></ol></li><li><a href=#emphasis>Emphasis</a></li><li><a href=#button>Button</a></li><li><a href=#link>Link</a></li><li><a href=#paragraph>Paragraph</a></li><li><a href=#ordered-list>Ordered List</a></li><li><a href=#unordered-list>Unordered List</a></li><li><a href=#notice>Notice</a></li><li><a href=#tab>Tab</a></li><li><a href=#accordions>Accordions</a></li><li><a href=#code-and-syntax-highlighting>Code and Syntax Highlighting</a></li><li><a href=#blockquote>Blockquote</a></li><li><a href=#tables>Tables</a></li><li><a href=#image>Image</a></li><li><a href=#gallery>Gallery</a></li><li><a href=#slider>Slider</a></li><li><a href=#youtube-video>Youtube video</a></li><li><a href=#custom-video>Custom video</a></li></ol></li></ol></nav></details><p>Here is an example of headings. You can use this heading by the following markdown rules. For example: use <code>#</code> for heading 1 and use <code>######</code> for heading 6.</p><h1 id=heading-1>Heading 1</h1><h2 id=heading-2>Heading 2</h2><h3 id=heading-3>Heading 3</h3><h4 id=heading-4>Heading 4</h4><h5 id=heading-5>Heading 5</h5><h6 id=heading-6>Heading 6</h6><hr><h3 id=emphasis>Emphasis</h3><p>The emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p><p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p><p>The combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p><p>Strike through uses two tildes. <del>Scratch this.</del></p><hr><h3 id=button>Button</h3><a href=/ class="btn btn-primary" rel>Button</a><hr><h3 id=link>Link</h3><p><a href=https://www.google.com target=_blank>I&rsquo;m an inline-style link</a></p><p><a href=https://www.google.com title="Google's Homepage" target=_blank>I&rsquo;m an inline-style link with title</a></p><p><a href=https://www.themefisher.com target=_blank>I&rsquo;m a reference-style link</a></p><p><a href=../blob/master/LICENSE>I&rsquo;m a relative reference to a repository file</a></p><p><a href=https://gethugothemes.com target=_blank>You can use numbers for reference-style link definitions</a></p><p>Or leave it empty and use the <a href=https://www.getjekyllthemes.com target=_blank>link text itself</a>
+.</p><p>URLs and URLs in angle brackets will automatically get turned into links.
+<a href=http://www.example.com target=_blank>http://www.example.com</a>
+or <a href=http://www.example.com target=_blank>http://www.example.com</a>
+and sometimes
+example.com (but not on Github, for example).</p><p>Some text to show that the reference links can follow later.</p><hr><h3 id=paragraph>Paragraph</h3><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.</p><hr><h3 id=ordered-list>Ordered List</h3><ol><li>List item</li><li>List item</li><li>List item</li><li>List item</li><li>List item</li></ol><hr><h3 id=unordered-list>Unordered List</h3><ul><li>List item</li><li>List item</li><li>List item</li><li>List item</li><li>List item</li></ul><hr><h3 id=notice>Notice</h3><div class="notice note"><div class=notice-head><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 9v5m0 5c-4.97056.0-9-4.0294-9-9 0-4.97056 4.02944-9 9-9 4.9706.0 9 4.02944 9 9 0 4.9706-4.0294 9-9 9zM10.0498 6V6.1L9.9502 6.1002V6H10.0498z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><p>Note</p></div><div class=notice-body><p>This is a simple note.</p></div></div><div class="notice tip"><div class=notice-head><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 0c6.6274.0 12 5.37258 12 12 0 6.6274-5.3726 12-12 12C5.37258 24 0 18.6274.0 12 0 5.37258 5.37258.0 12 0zm0 2.4C6.69807 2.4 2.4 6.69807 2.4 12c0 5.3019 4.29807 9.6 9.6 9.6 5.3019.0 9.6-4.2981 9.6-9.6.0-5.30193-4.2981-9.6-9.6-9.6zm3.9515 5.15147L9.6 13.9029 8.04853 12.3515C7.5799 11.8828 6.8201 11.8828 6.35147 12.3515c-.46863.4686-.46863 1.2284.0 1.697l2.4 2.4C9.2201 16.9172 9.9799 16.9172 10.4485 16.4485l7.2-7.19997C18.1172 8.7799 18.1172 8.0201 17.6485 7.55147c-.468599999999999-.46863-1.2284-.46863-1.697.0z" fill="currentcolor"/></svg><p>Tip</p></div><div class=notice-body><p>This is a simple tip.</p></div></div><div class="notice info"><div class=notice-head><svg width="20" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16109.993016C9.97971 1.03952 10.6611 1.42989 11.0721 2.22339l6.726 13.57801C18.4502 17.1739 17.4403 19.0208 15.7832 19.0474H2.23859C.730337 19.0234-.507163 17.3108.231587 15.7864L7.08321 2.20877c.12825-.24375.18675-.31425.29738-.44213.44475-.51562.93112-.791624 1.7805-.773624zM9.05046 2.49189C8.79284 2.50464 8.55696 2.64902 8.42834 2.87327 6.06134 7.36539 3.77946 11.9036 1.56546 16.4734 1.36071 16.9328 1.71209 17.5223 2.22621 17.547 6.74871 17.6201 11.2731 17.6201 15.7956 17.547 16.2925 17.523 16.666 16.953 16.459 16.4783c-2.1724-4.569-4.4119-9.10728-6.73729-13.60016C9.58446 2.63402 9.38309 2.48739 9.05046 2.49189z" fill="currentcolor"/><path d="M9.61323 13.2153H8.35773l-.138-6.16842h1.5375l-.144 6.16842zm-1.4355 1.8862C8.17773 14.8731 8.25161 14.6841 8.39973 14.5338 8.54823 14.3838 8.75036 14.3084 9.00648 14.3084 9.26298 14.3084 9.46511 14.3838 9.61323 14.5338 9.76136 14.6841 9.83561 14.8731 9.83561 15.1015 9.83561 15.3216 9.76323 15.5057 9.61923 15.6539 9.47486 15.802 9.27086 15.8762 9.00648 15.8762 8.74211 15.8762 8.53811 15.802 8.39373 15.6539 8.24973 15.5057 8.17773 15.3216 8.17773 15.1015z" fill="currentcolor"/></svg><p>Info</p></div><div class=notice-body><p>This is a simple info.</p></div></div><div class="notice warning"><div class=notice-head><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M10 0c5.522.0 10 4.478 10 10S15.522 20 10 20 0 15.522.0 10 4.478.0 10 0zm0 2C5.589 2 2 5.589 2 10s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm2.293 4.293 1.414 1.414L11.414 10l2.293 2.293-1.414 1.414L10 11.414 7.707 13.707 6.293 12.293 8.586 10 6.293 7.707 7.707 6.293 10 8.586l2.293-2.293z" fill="currentcolor"/></svg><p>Warning</p></div><div class=notice-body><p>This is a simple warning.</p></div></div><hr><h3 id=tab>Tab</h3><div class=tab data-tab-group><ul class=tab-nav data-tab-nav><li class="tab-nav-item active" data-tab=tab-1 tabindex=0>Tab 1</li><li class=tab-nav-item data-tab=tab-2 tabindex=-1>Tab 2</li><li class=tab-nav-item data-tab=tab-3 tabindex=-1>Tab 3</li></ul><div class=tab-content data-tab-content><div class="tab-content-panel active" data-tab-panel=tab-1><h4 id=hey-there-i-am-a-tab>Hey There, I am a tab</h4><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div><div class=tab-content-panel data-tab-panel=tab-2><h4 id=i-wanna-talk-about-the-assassination-attempt>I wanna talk about the assassination attempt</h4><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div><div class=tab-content-panel data-tab-panel=tab-3><h4 id=we-know-youre-dealing-in-stolen-ore>We know you’re dealing in stolen ore</h4><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo</p></div></div></div><hr><h3 id=accordions>Accordions</h3><div class=accordion><button class=accordion-header data-accordion>
+Why should you need to do this?<svg class="accordion-icon" viewBox="0 0 512 512" xmlspace="preserve"><path fill="currentcolor" d="M505.755 123.592c-8.341-8.341-21.824-8.341-30.165.0L256.005 343.176 36.421 123.592c-8.341-8.341-21.824-8.341-30.165.0s-8.341 21.824.0 30.165l234.667 234.667c4.16 4.16 9.621 6.251 15.083 6.251 5.462.0 10.923-2.091 15.083-6.251l234.667-234.667C514.096 145.416 514.096 131.933 505.755 123.592z"/></svg></button><div class=accordion-content><p><ul><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur</li></ul></p></div></div><div class=accordion><button class=accordion-header data-accordion>
+How can I adjust Horizontal centering<svg class="accordion-icon" viewBox="0 0 512 512" xmlspace="preserve"><path fill="currentcolor" d="M505.755 123.592c-8.341-8.341-21.824-8.341-30.165.0L256.005 343.176 36.421 123.592c-8.341-8.341-21.824-8.341-30.165.0s-8.341 21.824.0 30.165l234.667 234.667c4.16 4.16 9.621 6.251 15.083 6.251 5.462.0 10.923-2.091 15.083-6.251l234.667-234.667C514.096 145.416 514.096 131.933 505.755 123.592z"/></svg></button><div class=accordion-content><p><ul><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur</li></ul></p></div></div><div class=accordion><button class=accordion-header data-accordion>
+Should you use Negative margin?<svg class="accordion-icon" viewBox="0 0 512 512" xmlspace="preserve"><path fill="currentcolor" d="M505.755 123.592c-8.341-8.341-21.824-8.341-30.165.0L256.005 343.176 36.421 123.592c-8.341-8.341-21.824-8.341-30.165.0s-8.341 21.824.0 30.165l234.667 234.667c4.16 4.16 9.621 6.251 15.083 6.251 5.462.0 10.923-2.091 15.083-6.251l234.667-234.667C514.096 145.416 514.096 131.933 505.755 123.592z"/></svg></button><div class=accordion-content><p><ul><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li><li>Lorem ipsum dolor sit amet consectetur</li></ul></p></div></div><hr><h3 id=code-and-syntax-highlighting>Code and Syntax Highlighting</h3><p>This is an <code>Inline code</code> sample.</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-javascript data-lang=javascript><span style=display:flex><span><span style=color:#66d9ef>var</span> <span style=color:#a6e22e>s</span> <span style=color:#f92672>=</span> <span style=color:#e6db74>&#34;JavaScript syntax highlighting&#34;</span>;
+</span></span><span style=display:flex><span><span style=color:#a6e22e>alert</span>(<span style=color:#a6e22e>s</span>);
+</span></span></code></pre></div><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-python data-lang=python><span style=display:flex><span>s <span style=color:#f92672>=</span> <span style=color:#e6db74>&#34;Python syntax highlighting&#34;</span>
+</span></span><span style=display:flex><span>print s
+</span></span></code></pre></div><hr><h3 id=blockquote>Blockquote</h3><blockquote><p>Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.</p></blockquote><hr><h3 id=tables>Tables</h3><table><thead><tr><th>Tables</th><th style=text-align:center>Are</th><th style=text-align:right>Cool</th></tr></thead><tbody><tr><td>col 3 is</td><td style=text-align:center>right-aligned</td><td style=text-align:right>$1600</td></tr><tr><td>col 2 is</td><td style=text-align:center>centered</td><td style=text-align:right>$12</td></tr><tr><td>zebra stripes</td><td style=text-align:center>are neat</td><td style=text-align:right>$1</td></tr></tbody></table><hr><h3 id=image>Image</h3><img title="image title" loading=lazy decoding=async class="img img-fluid img-center" width=1096 height=480 src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1096x480_fill_q100_lanczos_smart1_3.png alt=alter-text onerror='this.onerror="null",this.src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1096x480_fill_q100_lanczos_smart1_3.png"'>
+<script>window.addEventListener("load",e=>{const t=GLightbox()})</script><hr><h3 id=gallery>Gallery</h3><div class="gallery
+zoomable"><div class=gallery-item><a href=/images/gallery/01.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=01.jpg onerror='this.onerror="null",this.src="/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"'></a></div><div class=gallery-item><a href=/images/gallery/02.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=02.jpg onerror='this.onerror="null",this.src="/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg"'></a></div><div class=gallery-item><a href=/images/gallery/03.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=03.jpg onerror='this.onerror="null",this.src="/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg"'></a></div><div class=gallery-item><a href=/images/gallery/04.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=04.jpg onerror='this.onerror="null",this.src="/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg"'></a></div><div class=gallery-item><a href=/images/gallery/05.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=05.jpg onerror='this.onerror="null",this.src="/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg"'></a></div><div class=gallery-item><a href=/images/gallery/06.jpg style=display:block class=glightbox><img loading=lazy src=/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=06.jpg onerror='this.onerror="null",this.src="/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"'></a></div></div><hr><h3 id=slider>Slider</h3><div class="swiper gallery-slider max-w-[600px] ml-0"><div class=swiper-wrapper><div class="swiper-slide zoomable"><a href=/images/gallery/01.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=01.jpg onerror='this.onerror="null",this.src="/images/gallery/01_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"'></a></div><div class="swiper-slide zoomable"><a href=/images/gallery/02.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=02.jpg onerror='this.onerror="null",this.src="/images/gallery/02_hu9f5ce1c569e2ab213865609500b54bff_713428_400x400_fit_q80_lanczos.jpg"'></a></div><div class="swiper-slide zoomable"><a href=/images/gallery/03.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=03.jpg onerror='this.onerror="null",this.src="/images/gallery/03_huf5c9dfe5645852846ce99ad77e61d20e_259550_400x400_fit_q80_lanczos.jpg"'></a></div><div class="swiper-slide zoomable"><a href=/images/gallery/04.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=04.jpg onerror='this.onerror="null",this.src="/images/gallery/04_hua47f595a8863664e9d354ca6db7dfd57_59892_400x400_fit_q80_lanczos.jpg"'></a></div><div class="swiper-slide zoomable"><a href=/images/gallery/05.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=05.jpg onerror='this.onerror="null",this.src="/images/gallery/05_hue3c47dbec81aa52cd05166231080af9a_215325_400x400_fit_q80_lanczos.jpg"'></a></div><div class="swiper-slide zoomable"><a href=/images/gallery/06.jpg class=glightbox style=display:block><img loading=lazy src=/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg class=img style=margin:0 alt=06.jpg onerror='this.onerror="null",this.src="/images/gallery/06_hu3cc0698070fd18165717cc5d118ae043_76179_400x400_fit_q80_lanczos.jpg"'></a></div></div><span class=swiper-button-prev></span>
+<span class=swiper-button-next></span></div><hr><h3 id=youtube-video>Youtube video</h3><div style=position:relative;padding-bottom:56.25%;height:0;overflow:hidden><iframe src=https://www.youtube.com/embed/ResipmZmpDU style=position:absolute;top:0;left:0;width:100%;height:100%;border:0 allowfullscreen title="YouTube Video"></iframe></div><hr><h3 id=custom-video>Custom video</h3><video width=100% height=auto controls class=rounded-lg style=max-width:100%>
+<source src=https://www.w3schools.com/html/mov_bbb.mp4 type=video/mp4>Your browser does not support the video tag.</video></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index f121132..aad5e44 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,1646 +1,25 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head>
-	<meta name="generator" content="Hugo 0.124.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta name=generator content="Hugo 0.124.1"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link active"
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  
-  
-  
-
-  
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-                
-                <div class="lg:col-4">
-                  
-                  
-                  
-  
-
-  
-    <div class="mb-8">
-      <h5 class="mb-6">Categories</h5>
-      <div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8">
-        <ul class="space-y-4">
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/application/">
-                Application <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/architecture/">
-                Architecture <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/data/">
-                Data <span>( 2 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/software/">
-                Software <span>( 1 )</span>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                class="hover:text-primary dark:hover:text-darkmode-primary  flex justify-between"
-                href="/categories/technology/">
-                Technology <span>( 1 )</span>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  
-
-
-
-  
-
-  
-    <div class="mb-8">
-      <h5 class="mb-6">Tags</h5>
-      <div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-6">
-        <ul>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/nextjs/">
-                Nextjs
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/silicon/">
-                Silicon
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/software/">
-                Software
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/tailwind/">
-                Tailwind
-              </a>
-            </li>
-          
-            <li class="inline-block">
-              <a
-                class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark  m-1 block rounded bg-white px-3 py-1 hover:text-white"
-                href="/tags/technology/">
-                Technology
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  
-
-
-
-
-                </div>
-      </div>
-    </div>
-  </section>
-
-  
-
-
-  
-  
-  
-  
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class="nav-link active" href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div><div class=lg:col-4><div class=mb-8><h5 class=mb-6>Categories</h5><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8"><ul class=space-y-4><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/application/>Application <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/architecture/>Architecture <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/data/>Data <span>( 2 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/software/>Software <span>( 1 )</span></a></li><li><a class="hover:text-primary dark:hover:text-darkmode-primary flex justify-between" href=/categories/technology/>Technology <span>( 1 )</span></a></li></ul></div></div><div class=mb-8><h5 class=mb-6>Tags</h5><div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-6"><ul><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/nextjs/>Nextjs</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/silicon/>Silicon</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/software/>Software</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/tailwind/>Tailwind</a></li><li class=inline-block><a class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded bg-white px-3 py-1 hover:text-white" href=/tags/technology/>Technology</a></li></ul></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/index.xml b/public/index.xml
index 6a8b4df..8ed6631 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -1,89 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Tobias&#39; Blog</title>
-    <link>//localhost:1313/</link>
-    <description>Recent content on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-3/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-3/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-4/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-4/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>Elements</title>
-      <link>//localhost:1313/elements/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/elements/</guid>
-      <description>Table of Contents Heading 2 Heading 3 Heading 4 Heading 5 Emphasis Button Link Paragraph Ordered List Unordered List Notice Tab Accordions Code and Syntax Highlighting Blockquote Tables Image Gallery Slider Youtube video Custom video Here is an example of headings.</description>
-    </item>
-    <item>
-      <title>John Doe</title>
-      <link>//localhost:1313/authors/john-doe/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/john-doe/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-    <item>
-      <title>Privacy</title>
-      <link>//localhost:1313/privacy-policy/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/privacy-policy/</guid>
-      <description>Responsibility of Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
-    </item>
-    <item>
-      <title>Ready to build your next project with Hugo?</title>
-      <link></link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid></guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Sam Wilson</title>
-      <link>//localhost:1313/authors/sam-wilson/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/sam-wilson/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-    <item>
-      <title>What Users Are Saying About Hugoplate</title>
-      <link></link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid></guid>
-      <description></description>
-    </item>
-    <item>
-      <title>William Jacob</title>
-      <link>//localhost:1313/authors/william-jacob/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/authors/william-jacob/</guid>
-      <description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tobias' Blog</title><link>/</link><description>Recent content on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-3/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-3/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-4/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-4/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>Elements</title><link>/elements/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/elements/</guid><description>Table of Contents Heading 2 Heading 3 Heading 4 Heading 5 Emphasis Button Link Paragraph Ordered List Unordered List Notice Tab Accordions Code and Syntax Highlighting Blockquote Tables Image Gallery Slider Youtube video Custom video Here is an example of headings.</description></item><item><title>John Doe</title><link>/authors/john-doe/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/john-doe/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item><item><title>Privacy</title><link>/privacy-policy/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/privacy-policy/</guid><description>Responsibility of Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description></item><item><title>Ready to build your next project with Hugo?</title><link/><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid/><description/></item><item><title>Sam Wilson</title><link>/authors/sam-wilson/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/sam-wilson/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item><item><title>What Users Are Saying About Hugoplate</title><link/><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid/><description/></item><item><title>William Jacob</title><link>/authors/william-jacob/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/authors/william-jacob/</guid><description>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
index 54dd6a7..17f299a 100644
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -1,56 +1 @@
-{
-  "name": "Tobias' Blog",
-  "short_name": "Tobias' Blog",
-  "lang": "en-us",
-  "display": "fullscreen",
-  "orientation" : "portrait",
-  "start_url": "//localhost:1313/?utm_source=web_app_manifest",
-  "background_color": "#fff",
-  "theme_color": "#000",
-
-  
-  
-  
-  
-  
-  
-  
-  
-  
-  
-  "icons": [
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x48_resize_lanczos_3.png",
-      "sizes": "48x48",
-      "type": "image/png"
-    },
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_72x72_resize_lanczos_3.png",
-      "sizes": "72x72",
-      "type": "image/png"
-    },
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x96_resize_lanczos_3.png",
-      "sizes": "96x96",
-      "type": "image/png"
-    },
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x144_resize_lanczos_3.png",
-      "sizes": "144x144",
-      "type": "image/png"
-    },
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_192x192_resize_lanczos_3.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_512x512_resize_lanczos_3.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-  
-  
-}
\ No newline at end of file
+{"name":"Tobias' Blog","short_name":"Tobias' Blog","lang":"en-us","display":"fullscreen","orientation":"portrait","start_url":"/?utm_source=web_app_manifest","background_color":"#fff","theme_color":"#000","icons":[{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x48_resize_lanczos_3.png","sizes":"48x48","type":"image/png"},{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_72x72_resize_lanczos_3.png","sizes":"72x72","type":"image/png"},{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x96_resize_lanczos_3.png","sizes":"96x96","type":"image/png"},{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x144_resize_lanczos_3.png","sizes":"144x144","type":"image/png"},{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_192x192_resize_lanczos_3.png","sizes":"192x192","type":"image/png","purpose":"any maskable"},{"src":"/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_512x512_resize_lanczos_3.png","sizes":"512x512","type":"image/png"}]}
\ No newline at end of file
diff --git a/public/pages/index.html b/public/pages/index.html
index 4b582fb..c335767 100644
--- a/public/pages/index.html
+++ b/public/pages/index.html
@@ -1,930 +1,18 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/pages/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/pages/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Pages</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Pages
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <ul class="text-center">
-        
-          <li class="m-3">
-            <a
-              href="//localhost:1313/elements/"
-              class="text-dark dark:text-darkmode-dark block text-xl">
-              Elements
-            </a>
-          </li>
-        
-          <li class="m-3">
-            <a
-              href="//localhost:1313/privacy-policy/"
-              class="text-dark dark:text-darkmode-dark block text-xl">
-              Privacy
-            </a>
-          </li>
-        
-      </ul>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/pages/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Pages</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Pages</span></li></ul></div></div></section><section class=section><div class=container><ul class=text-center><li class=m-3><a href=/elements/ class="text-dark dark:text-darkmode-dark block text-xl">Elements</a></li><li class=m-3><a href=/privacy-policy/ class="text-dark dark:text-darkmode-dark block text-xl">Privacy</a></li></ul></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/pages/index.xml b/public/pages/index.xml
index 0083419..2bfc981 100644
--- a/public/pages/index.xml
+++ b/public/pages/index.xml
@@ -1,25 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Pages on Tobias&#39; Blog</title>
-    <link>//localhost:1313/pages/</link>
-    <description>Recent content in Pages on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <atom:link href="//localhost:1313/pages/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Elements</title>
-      <link>//localhost:1313/elements/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/elements/</guid>
-      <description>Table of Contents Heading 2 Heading 3 Heading 4 Heading 5 Emphasis Button Link Paragraph Ordered List Unordered List Notice Tab Accordions Code and Syntax Highlighting Blockquote Tables Image Gallery Slider Youtube video Custom video Here is an example of headings.</description>
-    </item>
-    <item>
-      <title>Privacy</title>
-      <link>//localhost:1313/privacy-policy/</link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>//localhost:1313/privacy-policy/</guid>
-      <description>Responsibility of Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Pages on Tobias' Blog</title><link>/pages/</link><description>Recent content in Pages on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="/pages/index.xml" rel="self" type="application/rss+xml"/><item><title>Elements</title><link>/elements/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/elements/</guid><description>Table of Contents Heading 2 Heading 3 Heading 4 Heading 5 Emphasis Button Link Paragraph Ordered List Unordered List Notice Tab Accordions Code and Syntax Highlighting Blockquote Tables Image Gallery Slider Youtube video Custom video Here is an example of headings.</description></item><item><title>Privacy</title><link>/privacy-policy/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/privacy-policy/</guid><description>Responsibility of Contributors Lorem ipsum dolor sit amet, consectetur adipiscing elit.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/privacy-policy/index.html b/public/privacy-policy/index.html
index 92bb8fc..958a96a 100644
--- a/public/privacy-policy/index.html
+++ b/public/privacy-policy/index.html
@@ -1,939 +1,19 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/privacy-policy/" />
-
-
-
-
-
-
-
-  
-
-
-<title>Privacy</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="This is meta description" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Privacy</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="This is meta description"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Privacy" />
-<meta property="og:description" content="This is meta description" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/privacy-policy/" />
-
-
-<meta name="twitter:title" content="Privacy" />
-<meta name="twitter:description" content="This is meta description" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Privacy</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Privacy
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section-sm">
-    <div class="container">
-      <div class="row justify-center">
-        <div class="lg:col-10">
-          <div class="content">
-            <h4 id="responsibility-of-contributors">Responsibility of Contributors</h4>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed</p>
-<p>pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.</p>
-<h4 id="gathering-of-personal-information">Gathering of Personal Information</h4>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed</p>
-<h4 id="protection-of-personal--information">Protection of Personal- Information</h4>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus.</p>
-<p>Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat</p>
-<h4 id="privacy-policy-changes">Privacy Policy Changes</h4>
-<ol>
-<li>Sll the Themefisher items are designed to be with the latest , We check all</li>
-<li>comments that threaten or harm the reputation of any person or organization</li>
-<li>personal information including, but limited to, email addresses, telephone numbers</li>
-<li>Any Update come in The technology Customer will get automatic Notification.</li>
-</ol>
-
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Privacy"><meta property="og:description" content="This is meta description"><meta property="og:type" content="website"><meta property="og:url" content="/privacy-policy/"><meta name=twitter:title content="Privacy"><meta name=twitter:description content="This is meta description"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Privacy</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Privacy</span></li></ul></div></div></section><section class=section-sm><div class=container><div class="row justify-center"><div class=lg:col-10><div class=content><h4 id=responsibility-of-contributors>Responsibility of Contributors</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed</p><p>pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.</p><h4 id=gathering-of-personal-information>Gathering of Personal Information</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed</p><h4 id=protection-of-personal--information>Protection of Personal- Information</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus.</p><p>Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat</p><h4 id=privacy-policy-changes>Privacy Policy Changes</h4><ol><li>Sll the Themefisher items are designed to be with the latest , We check all</li><li>comments that threaten or harm the reputation of any person or organization</li><li>personal information including, but limited to, email addresses, telephone numbers</li><li>Any Update come in The technology Customer will get automatic Notification.</li></ol></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/searchindex.json b/public/searchindex.json
index 04d666b..85833ca 100644
--- a/public/searchindex.json
+++ b/public/searchindex.json
@@ -1,45 +1 @@
-[{
-  "section": "Blog",
-  "slug": "/blog/post-1/",
-  "title": "How to build an Application with modern Technology",
-  "description": "this is meta description",
-  "date": "April 4, 2022",
-  "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "searchKeyword": "",
-  "categories": "Application, Data",
-  "tags": "nextjs, tailwind",
-  "content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{
-  "section": "Blog",
-  "slug": "/blog/post-2/",
-  "title": "How to build an Application with modern Technology",
-  "description": "this is meta description",
-  "date": "April 4, 2022",
-  "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "searchKeyword": "",
-  "categories": "Technology, Data",
-  "tags": "technology, tailwind",
-  "content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{
-  "section": "Blog",
-  "slug": "/blog/post-3/",
-  "title": "How to build an Application with modern Technology",
-  "description": "this is meta description",
-  "date": "April 4, 2022",
-  "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "searchKeyword": "",
-  "categories": "Software",
-  "tags": "software, tailwind",
-  "content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{
-  "section": "Blog",
-  "slug": "/blog/post-4/",
-  "title": "How to build an Application with modern Technology",
-  "description": "this is meta description",
-  "date": "April 4, 2022",
-  "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n",
-  "searchKeyword": "",
-  "categories": "Architecture",
-  "tags": "silicon, technology",
-  "content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"}]
+[{"section":"Blog","slug":"/blog/post-1/","title":"How to build an Application with modern Technology","description":"this is meta description","date":"April 4, 2022","image":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","imageSM":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","searchKeyword":"","categories":"Application, Data","tags":"nextjs, tailwind","content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{"section":"Blog","slug":"/blog/post-2/","title":"How to build an Application with modern Technology","description":"this is meta description","date":"April 4, 2022","image":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","imageSM":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","searchKeyword":"","categories":"Technology, Data","tags":"technology, tailwind","content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{"section":"Blog","slug":"/blog/post-3/","title":"How to build an Application with modern Technology","description":"this is meta description","date":"April 4, 2022","image":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","imageSM":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","searchKeyword":"","categories":"Software","tags":"software, tailwind","content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"},{"section":"Blog","slug":"/blog/post-4/","title":"How to build an Application with modern Technology","description":"this is meta description","date":"April 4, 2022","image":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"420\"\n          height=\"184\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_420x0_resize_lanczos_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","imageSM":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n  \n\n  \n  \n    \n      \n    \n\n\n    \n    \n\n\n    \n    \n      \n      \n    \n    \n    \n\n\n    \n    \n      \n      \n        \n        \n        \n        \n        \n        \n          \n          \n          \n          \n        \n\n\n        \n        \n\n\n        \u003cimg\n          \n            src=\"/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n          \n\n          alt=\"\"\n          class=\"  img\"\n          width=\"100\"\n          height=\"100\"\n          onerror=\"this.onerror='null';this.src='\\/images\\/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n        \n      \n      \n    \n    \n  \n\n\n  \n","searchKeyword":"","categories":"Architecture","tags":"silicon, technology","content":"Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nCreative Design Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\nLorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!\n"}]
\ No newline at end of file
diff --git a/public/sections/index.html b/public/sections/index.html
index 7c99c7f..4c6c1cd 100644
--- a/public/sections/index.html
+++ b/public/sections/index.html
@@ -1,930 +1,18 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/sections/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/sections/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Sections</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Sections
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <ul class="text-center">
-        
-          <li class="m-3">
-            <a
-              href=""
-              class="text-dark dark:text-darkmode-dark block text-xl">
-              Ready to build your next project with Hugo?
-            </a>
-          </li>
-        
-          <li class="m-3">
-            <a
-              href=""
-              class="text-dark dark:text-darkmode-dark block text-xl">
-              What Users Are Saying About Hugoplate
-            </a>
-          </li>
-        
-      </ul>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/sections/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Sections</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Sections</span></li></ul></div></div></section><section class=section><div class=container><ul class=text-center><li class=m-3><a href class="text-dark dark:text-darkmode-dark block text-xl">Ready to build your next project with Hugo?</a></li><li class=m-3><a href class="text-dark dark:text-darkmode-dark block text-xl">What Users Are Saying About Hugoplate</a></li></ul></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/sections/index.xml b/public/sections/index.xml
index f1a8935..fe8ac24 100644
--- a/public/sections/index.xml
+++ b/public/sections/index.xml
@@ -1,25 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Sections on Tobias&#39; Blog</title>
-    <link>//localhost:1313/sections/</link>
-    <description>Recent content in Sections on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <atom:link href="//localhost:1313/sections/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Ready to build your next project with Hugo?</title>
-      <link></link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid></guid>
-      <description></description>
-    </item>
-    <item>
-      <title>What Users Are Saying About Hugoplate</title>
-      <link></link>
-      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid></guid>
-      <description></description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Sections on Tobias' Blog</title><link>/sections/</link><description>Recent content in Sections on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="/sections/index.xml" rel="self" type="application/rss+xml"/><item><title>Ready to build your next project with Hugo?</title><link/><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid/><description/></item><item><title>What Users Are Saying About Hugoplate</title><link/><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid/><description/></item></channel></rss>
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 928f74e..0d1c940 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,79 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-  xmlns:xhtml="http://www.w3.org/1999/xhtml">
-  <url>
-    <loc>//localhost:1313/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/application/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/architecture/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/blog/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/data/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/blog/post-1/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/blog/post-2/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/blog/post-3/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/blog/post-4/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/nextjs/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/silicon/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/software/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/software/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/tailwind/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/tags/technology/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/categories/technology/</loc>
-    <lastmod>2022-04-04T05:00:00+00:00</lastmod>
-  </url><url>
-    <loc>//localhost:1313/authors/</loc>
-  </url><url>
-    <loc>//localhost:1313/contact/</loc>
-  </url><url>
-    <loc>//localhost:1313/elements/</loc>
-  </url><url>
-    <loc>//localhost:1313/about/</loc>
-  </url><url>
-    <loc>//localhost:1313/authors/john-doe/</loc>
-  </url><url>
-    <loc>//localhost:1313/pages/</loc>
-  </url><url>
-    <loc>//localhost:1313/privacy-policy/</loc>
-  </url><url>
-    <loc>//localhost:1313/authors/sam-wilson/</loc>
-  </url><url>
-    <loc>//localhost:1313/sections/</loc>
-  </url><url>
-    <loc>//localhost:1313/authors/william-jacob/</loc>
-  </url>
-</urlset>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/application/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/architecture/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/blog/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/data/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/blog/post-1/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/blog/post-2/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/blog/post-3/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/blog/post-4/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/nextjs/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/silicon/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/software/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/software/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/tailwind/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/tags/technology/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/categories/technology/</loc><lastmod>2022-04-04T05:00:00+00:00</lastmod></url><url><loc>/authors/</loc></url><url><loc>/contact/</loc></url><url><loc>/elements/</loc></url><url><loc>/about/</loc></url><url><loc>/authors/john-doe/</loc></url><url><loc>/pages/</loc></url><url><loc>/privacy-policy/</loc></url><url><loc>/authors/sam-wilson/</loc></url><url><loc>/sections/</loc></url><url><loc>/authors/william-jacob/</loc></url></urlset>
\ No newline at end of file
diff --git a/public/tags/index.html b/public/tags/index.html
index e11ca06..0a6b7ba 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -1,974 +1,23 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Tags</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Tags
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <ul class="text-center">
-        
-        
-        
-        
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/tags/tailwind/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Tailwind
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  3
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/tags/technology/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Technology
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  2
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/tags/nextjs/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Nextjs
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/tags/silicon/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Silicon
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                href="//localhost:1313/tags/software/"
-                class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">
-                Software
-                <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
-                  1
-                </span>
-              </a>
-            </li>
-          
-        
-      </ul>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Tags</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Tags</span></li></ul></div></div></section><section class=section><div class=container><ul class=text-center><li class="m-3 inline-block"><a href=/tags/tailwind/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Tailwind
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">3</span></a></li><li class="m-3 inline-block"><a href=/tags/technology/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Technology
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">2</span></a></li><li class="m-3 inline-block"><a href=/tags/nextjs/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Nextjs
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li><li class="m-3 inline-block"><a href=/tags/silicon/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Silicon
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li><li class="m-3 inline-block"><a href=/tags/software/ class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl">Software
+<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">1</span></a></li></ul></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/index.xml b/public/tags/index.xml
index 4f4d671..7336cd4 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -1,47 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Tags on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/</link>
-    <description>Recent content in Tags on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>Nextjs</title>
-      <link>//localhost:1313/tags/nextjs/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/tags/nextjs/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Silicon</title>
-      <link>//localhost:1313/tags/silicon/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/tags/silicon/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Software</title>
-      <link>//localhost:1313/tags/software/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/tags/software/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Tailwind</title>
-      <link>//localhost:1313/tags/tailwind/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/tags/tailwind/</guid>
-      <description></description>
-    </item>
-    <item>
-      <title>Technology</title>
-      <link>//localhost:1313/tags/technology/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/tags/technology/</guid>
-      <description></description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on Tobias' Blog</title><link>/tags/</link><description>Recent content in Tags on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>Nextjs</title><link>/tags/nextjs/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/tags/nextjs/</guid><description/></item><item><title>Silicon</title><link>/tags/silicon/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/tags/silicon/</guid><description/></item><item><title>Software</title><link>/tags/software/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/tags/software/</guid><description/></item><item><title>Tailwind</title><link>/tags/tailwind/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/tags/tailwind/</guid><description/></item><item><title>Technology</title><link>/tags/technology/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/tags/technology/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/nextjs/index.html b/public/tags/nextjs/index.html
index c85e205..f5be69f 100644
--- a/public/tags/nextjs/index.html
+++ b/public/tags/nextjs/index.html
@@ -1,1091 +1,22 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/nextjs/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/nextjs/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Nextjs</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/tags/">
-          Tags
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Nextjs
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/nextjs/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Nextjs</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/tags/>Tags
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Nextjs</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/nextjs/index.xml b/public/tags/nextjs/index.xml
index dc30956..4f1d3ae 100644
--- a/public/tags/nextjs/index.xml
+++ b/public/tags/nextjs/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Nextjs on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/nextjs/</link>
-    <description>Recent content in Nextjs on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/nextjs/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Nextjs on Tobias' Blog</title><link>/tags/nextjs/</link><description>Recent content in Nextjs on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/nextjs/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/silicon/index.html b/public/tags/silicon/index.html
index 94722d8..23e4f5e 100644
--- a/public/tags/silicon/index.html
+++ b/public/tags/silicon/index.html
@@ -1,1083 +1,20 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/silicon/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/silicon/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Silicon</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/tags/">
-          Tags
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Silicon
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/silicon/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Silicon</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/tags/>Tags
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Silicon</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/silicon/index.xml b/public/tags/silicon/index.xml
index 813d64b..161252b 100644
--- a/public/tags/silicon/index.xml
+++ b/public/tags/silicon/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Silicon on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/silicon/</link>
-    <description>Recent content in Silicon on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/silicon/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-4/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-4/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Silicon on Tobias' Blog</title><link>/tags/silicon/</link><description>Recent content in Silicon on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/silicon/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-4/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-4/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/software/index.html b/public/tags/software/index.html
index 1feb212..bfb3183 100644
--- a/public/tags/software/index.html
+++ b/public/tags/software/index.html
@@ -1,1083 +1,20 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/software/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/software/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Software</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/tags/">
-          Tags
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Software
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/software/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Software</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/tags/>Tags
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Software</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/software/index.xml b/public/tags/software/index.xml
index 28a3617..a7bb6e5 100644
--- a/public/tags/software/index.xml
+++ b/public/tags/software/index.xml
@@ -1,19 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Software on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/software/</link>
-    <description>Recent content in Software on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/software/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-3/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-3/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Software on Tobias' Blog</title><link>/tags/software/</link><description>Recent content in Software on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/software/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-3/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-3/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/tailwind/index.html b/public/tags/tailwind/index.html
index af1a7bc..b5dbc74 100644
--- a/public/tags/tailwind/index.html
+++ b/public/tags/tailwind/index.html
@@ -1,1405 +1,26 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/tailwind/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/tailwind/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Tailwind</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/tags/">
-          Tags
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Tailwind
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-1/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/application/"
-            class="ms-1"
-            >Application
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-1/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-3/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/software/"
-            class="ms-1"
-            >Software
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-3/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/tailwind/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Tailwind</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/tags/>Tags
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Tailwind</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-1/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/application/ class=ms-1>Application
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-1/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-3/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/software/ class=ms-1>Software</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-3/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/tailwind/index.xml b/public/tags/tailwind/index.xml
index c6cd357..0b5e079 100644
--- a/public/tags/tailwind/index.xml
+++ b/public/tags/tailwind/index.xml
@@ -1,33 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Tailwind on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/tailwind/</link>
-    <description>Recent content in Tailwind on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/tailwind/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-1/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-1/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-3/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-3/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tailwind on Tobias' Blog</title><link>/tags/tailwind/</link><description>Recent content in Tailwind on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/tailwind/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-1/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-1/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-3/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-3/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/public/tags/technology/index.html b/public/tags/technology/index.html
index 9cca985..ea1b0c4 100644
--- a/public/tags/technology/index.html
+++ b/public/tags/technology/index.html
@@ -1,1244 +1,23 @@
-<!doctype html>
-<html
-  itemscope
-  class=""
-  lang="en-us"
-  itemtype="http://schema.org/WebPage">
-  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
-    
-    <meta charset="utf-8" />
-
-
-<meta
-  name="viewport"
-  content="width=device-width, initial-scale=1, maximum-scale=5" />
-
-
-<meta name="theme-name" content="hugoplate" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<link rel="shortcut icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png" type="image/x-icon">
-<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png">
-
-
-
-
-
-
-
-
-<link rel="manifest" href="/manifest.webmanifest" />
-<meta
-  name="msapplication-TileColor"
-  content="#ddd" />
-<meta
-  name="theme-color"
-  content="#ffffff" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <base href="//localhost:1313/tags/technology/" />
-
-
-
-
-
-
-
-
-<title>Tobias&#39; Blog</title>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <meta
-    name="keywords"
-    content="Boilerplate, Hugo" />
-
-
-
-
-<meta
-  name="description"
-  content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-  <meta name="author" content="zeon.studio" />
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-  
-  
-  
-
-
-  
-  
-    
-    
-      
-    
-
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-      
-        <meta property="og:image" content="//localhost:1313/images/og-image.png" />
-        <meta name="twitter:image" content="//localhost:1313/images/og-image.png" />
-        <meta
-          name="twitter:card"
-          content="summary_large_image" />
-      
-      
-      <meta property="og:image:width" content="900" />
-      <meta property="og:image:height" content="600" />
-    
-
-
-    
-    <meta
-      property="og:image:type"
-      content="image/
+<!doctype html><html itemscope lang=en-us itemtype=http://schema.org/WebPage><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=5"><meta name=theme-name content="hugoplate"><link rel="shortcut icon" href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png type=image/x-icon><link rel=icon type=image/png sizes=48x48 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_48x0_resize_lanczos_3.png><link rel=icon type=image/png sizes=96x96 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_96x0_resize_lanczos_3.png><link rel=apple-touch-icon sizes=144x144 href=/images/favicon_hueb84ecec72665a83aae8c940dfe71474_1906_144x0_resize_lanczos_3.png><link rel=manifest href=/manifest.webmanifest><meta name=msapplication-TileColor content="#ddd"><meta name=theme-color content="#ffffff"><title>Tobias' Blog</title>
+<meta name=keywords content="Boilerplate,Hugo"><meta name=description content="Hugo & Tailwindcss Starter"><meta name=author content="zeon.studio"><meta property="og:image" content="/images/og-image.png"><meta name=twitter:image content="/images/og-image.png"><meta name=twitter:card content="summary_large_image"><meta property="og:image:width" content="900"><meta property="og:image:height" content="600"><meta property="og:image:type" content="image/
         .png
-      " />
-  
-
-
-  
-
-
-
-
-
-<meta property="og:title" content="Tobias&#39; Blog" />
-<meta property="og:description" content="Hugo &amp; Tailwindcss Starter" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="//localhost:1313/tags/technology/" />
-
-
-<meta name="twitter:title" content="Tobias&#39; Blog" />
-<meta name="twitter:description" content="Hugo &amp; Tailwindcss Starter" />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<script>
-  let indexURL = "//localhost:1313/searchindex.json";
-  let includeSectionsInSearch = ["blog"];
-  let search_no_results = "No results for";
-  let search_initial_message = "Type something to search..";
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    
-<meta http-equiv="x-dns-prefetch-control" content="on" />
-<link rel="preconnect" href="//www.googletagmanager.com" />
-<link rel="preconnect" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//ajax.googleapis.com" />
-<link rel="dns-prefetch" href="//www.googletagmanager.com" />
-<link rel="dns-prefetch" href="//www.google-analytics.com" />
-<link rel="dns-prefetch" href="//fonts.googleapis.com" />
-<link rel="dns-prefetch" href="//connect.facebook.net" />
-<link rel="dns-prefetch" href="//platform.linkedin.com" />
-<link rel="dns-prefetch" href="//platform.twitter.com" />
-
-
-
-
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-  
-  
-
-
-
-<link
-  href="/css/style.css"
-  integrity=""
-  rel="stylesheet" />
-
-
-<link
-  defer
-  async
-  rel="stylesheet"
-  href="/css/style-lazy.css"
-  integrity=""
-  media="print"
-  onload="this.media='all'; this.onload=null;" />
-
-  </head>
-
-  <body>
-    
-    
-      
-
-
-
-
-
-      
-      <div
-  class="fixed left-0 top-0 z-50 flex w-[30px] items-center justify-center bg-gray-200 py-[2.5px] text-[12px] uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
-  <span class="block sm:hidden">all</span>
-  <span class="hidden sm:block md:hidden">sm</span>
-  <span class="hidden md:block lg:hidden">md</span>
-  <span class="hidden lg:block xl:hidden">lg</span>
-  <span class="hidden xl:block 2xl:hidden">xl</span>
-  <span class="hidden 2xl:block">2xl</span>
-</div>
-
-    
-
-
-    
-    <header
-  class="header sticky top-0 z-30">
-  <nav class="navbar container">
-    
-    <div class="order-0">
-      
-      <a class="navbar-brand block" href="/">
-        
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-      </a>
-    </div>
-    
-    <input id="nav-toggle" type="checkbox" class="hidden" />
-    <label
-      for="nav-toggle"
-      class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
-      <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
-        <title>Menu Open</title>
-        <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
-      </svg>
-      <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
-        <title>Menu Close</title>
-        <polygon
-          points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
-          transform="rotate(45 10 10)"></polygon>
-      </svg>
-    </label>
-    
-
-    
-    <ul
-      id="nav-menu"
-      class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
-      
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/"
-              >Blog</a
-            >
-          </li>
-        
-      
-        
-        
-        
-        
-          <li class="nav-item">
-            <a
-              class="nav-link "
-              
-              href="/about/"
-              >About</a
-            >
-          </li>
-        
-      
-      
-    </ul>
-
-    <div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
-      
-        
-          <button
-            aria-label="search"
-            
-            class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
-            
-            data-target="search-modal">
-            <i class="fa-solid fa-search"></i>
-          </button>
-        
-      
-
-      
-
-
-
-
-
-
-
-
-
-      
-
-
-  <div class="theme-switcher mr-5">
-    <input id="theme-switcher" data-theme-switcher type="checkbox" />
-    <label for="theme-switcher">
-      <span class="sr-only">theme switcher</span>
-      <span>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
-          viewBox="0 0 56 56"
-          fill="#fff"
-          height="16"
-          width="16">
-          <path
-            d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
-        </svg>
-        
-        <svg
-          class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
-          viewBox="0 0 24 24"
-          fill="none"
-          height="16"
-          width="16">
-          <path
-            fill="#000"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
-        </svg>
-      </span>
-    </label>
-  </div>
-
-  
-  <script>
-    var darkMode = false;
-
-    
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
-    
-
-    if (localStorage.getItem("theme") === "dark"){darkMode = true}
-    else if (localStorage.getItem("theme") === "light"){darkMode = false}
-    if (darkMode){document.documentElement.classList.toggle("dark")}
-    var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
-
-    document.addEventListener("DOMContentLoaded", () => {
-      [].forEach.call(themeSwitch, function (ts) {
-        ts.checked = darkMode ? true : false;
-        ts.addEventListener("click", () => {
-          document.documentElement.classList.toggle("dark");
-          localStorage.setItem(
-            "theme",
-            document.documentElement.classList.contains("dark") ? "dark" : "light"
-          );
-        });
-      });
-    });
-  </script>
-
-
-
-
-      
-      
-    </div>
-  </nav>
-</header>
-
-    
-
-
-
-
-  
-    <div
-      class="search-modal "
-      aria-hidden="true"
-      style="--color-primary: #121212">
-      <div data-target="close-search-modal" class="search-modal-overlay"></div>
-      <div
-        class="search-wrapper"
-        data-image="true"
-        data-description="true"
-        data-tags="true"
-        data-categories="true">
-        <div class="search-wrapper-header">
-          <label for="search-modal-input" style="margin-top:-1px">
-            <span class="sr-only">search icon</span>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-icon"
-              data-type="search">
-              <path
-                fill="currentColor"
-                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
-            </svg>
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 512 512"
-              height="18"
-              width="18"
-              class="search-reset"
-              data-type="reset">
-              <path
-                fill="currentColor"
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-            </svg>
-          </label>
-          <input
-            id="search-modal-input"
-            type="text"
-            data-search-input
-            autocomplete="off"
-            aria-label="Search"
-            placeholder="Search Post ..." />
-        </div>
-        <div class="search-wrapper-body">
-          <div class="search-result" data-search-result></div>
-          <span class="search-result-empty">
-            Type something to search..
-          </span>
-        </div>
-        <div class="search-wrapper-footer">
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
-              </svg>
-            </kbd>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14"
-                height="14"
-                fill="currentColor"
-                style="margin-top:1px;"
-                viewBox="0 0 16 16">
-                <path
-                  d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
-              </svg>
-            </kbd>
-            to navigate
-          </span>
-          <span>
-            <kbd>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="12"
-                height="12"
-                fill="currentColor"
-                style="display:inline-block;"
-                viewBox="0 0 16 16">
-                <path
-                  fill-rule="evenodd"
-                  d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
-              </svg>
-            </kbd>
-            to select
-          </span>
-          <span class="search-result-info"></span>
-          <span data-target="close-search-modal">
-            <kbd>ESC</kbd> to close
-          </span>
-        </div>
-      </div>
-    </div>
-  
-
-
-
-
-    <main>
-      
-  <section>
-  <div class="container text-center">
-    <div
-      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
-      <h1>Technology</h1>
-      
-
-
-
-
-<ul class="mt-6 inline-flex space-x-1 capitalize">
-  <li>
-    <a class="text-primary dark:text-darkmode-primary" href="//localhost:1313/">
-      Home
-    </a>
-    <span class="inlin-block mr-1">/</span>
-  </li>
-  
-    
-  
-    
-      <li>
-        <a
-          class="text-primary dark:text-darkmode-primary"
-          href="/tags/">
-          Tags
-        </a>
-        <span class="inlin-block mr-1">/</span>
-      </li>
-    
-  
-  <li>
-    <span class="text-primary dark:text-darkmode-primary">
-      Technology
-    </span>
-  </li>
-</ul>
-
-    </div>
-  </div>
-</section>
-
-
-
-  <section class="section">
-    <div class="container">
-      <div class="row gx-5">
-        
-        <div class="lg:col-8">
-          <div class="row">
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-2/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/sam-wilson/">
-          <i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/technology/"
-            class="ms-1"
-            >Technology
-              ,
-            
-          </a>
-        
-          <a
-            href="/categories/data/"
-            class="ms-1"
-            >Data
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-2/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-              <div class="md:col-6 mb-14">
-                <div class="bg-body dark:bg-darkmode-body">
-  
-  
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-  
-  
-    
-      
-    
-
-
-    
-    
-
-
-    
-    
-      
-      
-    
-    
-    
-
-
-    
-    
-      
-      
-        
-
-        
-        
-        
-        
-        
-        
-        
-
-
-        
-        
-
-
-        <picture>
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 575px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 767px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
-            
-            media="(max-width: 991px)" />
-          <source
-            
-              srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
-             />
-          <img
-            
-              loading="lazy" decoding="async"
-              src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
-            class=" mb-6 w-full rounded img"
-            alt="How to build an Application with modern Technology"
-            width="1096"
-            height="480" />
-        </picture>
-      
-      
-    
-    
-  
-
-
-  
-
-
-  
-  <h4 class="mb-3">
-    <a href="/blog/post-4/">
-      How to build an Application with modern Technology
-    </a>
-  </h4>
-  
-  
-    <ul class="mb-4">
-      <li class="mr-4 inline-block">
-        <a href="/authors/john-doe/">
-          <i class="fa-regular fa-circle-user mr-2"></i>John Doe
-        </a>
-      </li>
-      <li class="mr-4 inline-block">
-        <i class="fa-regular fa-folder mr-1"></i>
-        
-          <a
-            href="/categories/architecture/"
-            class="ms-1"
-            >Architecture
-          </a>
-        
-      </li>
-    </ul>
-  
-  <p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
-  <a class="btn btn-outline-primary btn-sm" href="/blog/post-4/">
-    Read More
-  </a>
-</div>
-
-              </div>
-            
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-    </main>
-
-    
-    <footer class="bg-theme-light dark:bg-darkmode-theme-light">
-  <div class="container">
-    <div class="row items-center py-10">
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
-        
-        <a
-          class="navbar-brand inline-block"
-          href="/">
-          
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-  Tobias&#39; Blog
-
-
-        </a>
-      </div>
-      <div class="lg:col-6 mb-8 text-center lg:mb-0">
-        <ul>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /about/
-                "
-                >About</a
-              >
-            </li>
-          
-            <li class="m-3 inline-block">
-              <a
-                
-                href="
-                  /privacy-policy/
-                "
-                >Privacy Policy</a
-              >
-            </li>
-          
-        </ul>
-      </div>
-      <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
-        <ul class="social-icons">
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="facebook"
-                rel="nofollow noopener"
-                href="https://www.facebook.com/">
-                <i class="fab fa-facebook"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="twitter"
-                rel="nofollow noopener"
-                href="https://twitter.com/">
-                <i class="fab fa-twitter"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="github"
-                rel="nofollow noopener"
-                href="https://www.github.com/">
-                <i class="fab fa-github"></i>
-              </a>
-            </li>
-          
-            <li>
-              <a
-                target="_blank"
-                aria-label="linkedin"
-                rel="nofollow noopener"
-                href="https://www.linkedin.com/">
-                <i class="fab fa-linkedin"></i>
-              </a>
-            </li>
-          
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="border-border dark:border-darkmode-border border-t py-7">
-    <div class="text-light dark:text-darkmode-light container text-center">
-      <p>
-        
-      </p>
-    </div>
-  </div>
-</footer>
-
-
-
-    
-    
-
-
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-  
-    
-      
-    
-  
-
-
-
-
-
-
-
-
-
-
-
-
-<script
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script.js"></script>
-
-
-<script
-  defer
-  async
-  crossorigin="anonymous"
-  integrity=""
-  src="/js/script-lazy.js"></script>
-
-
-
-<script>
-  if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
-</script>
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-  </body>
-</html>
+      "><meta property="og:title" content="Tobias' Blog"><meta property="og:description" content="Hugo & Tailwindcss Starter"><meta property="og:type" content="website"><meta property="og:url" content="/tags/technology/"><meta name=twitter:title content="Tobias' Blog"><meta name=twitter:description content="Hugo & Tailwindcss Starter"><script>let indexURL="/searchindex.json",includeSectionsInSearch=["blog"],search_no_results="No results for",search_initial_message="Type something to search.."</script><meta http-equiv=x-dns-prefetch-control content="on"><link rel=preconnect href=//www.googletagmanager.com><link rel=preconnect href=//www.google-analytics.com><link rel=dns-prefetch href=//ajax.googleapis.com><link rel=dns-prefetch href=//www.googletagmanager.com><link rel=dns-prefetch href=//www.google-analytics.com><link rel=dns-prefetch href=//fonts.googleapis.com><link rel=dns-prefetch href=//connect.facebook.net><link rel=dns-prefetch href=//platform.linkedin.com><link rel=dns-prefetch href=//platform.twitter.com><link href="/css/style.min.9d479c504ff3f87a1a1a0b2e12c22d95b4381ec05f9656da6e413dad590f04ef.css" integrity="sha256-nUecUE/z+HoaGgsuEsItlbQ4HsBfllbabkE9rVkPBO8=" rel=stylesheet><link defer async rel=stylesheet href="/css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css" integrity="sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI=" media=print onload='this.media="all",this.onload=null'></head><body><header class="header sticky top-0 z-30"><nav class="navbar container"><div class=order-0><a class="navbar-brand block" href=/>Tobias' Blog</a></div><input id=nav-toggle type=checkbox class=hidden>
+<label for=nav-toggle class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"><svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/></svg><svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/></svg></label><ul id=nav-menu class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"><li class=nav-item><a class=nav-link href=/>Blog</a></li><li class=nav-item><a class=nav-link href=/about/>About</a></li></ul><div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0"><button aria-label=search class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary" data-target=search-modal>
+<i class="fa-solid fa-search"></i></button><div class="theme-switcher mr-5"><input id=theme-switcher data-theme-switcher type=checkbox>
+<label for=theme-switcher><span class=sr-only>theme switcher</span>
+<span><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0" viewBox="0 0 56 56" fill="#fff" height="16" width="16"><path d="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z"/></svg><svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100" viewBox="0 0 24 24" fill="none" height="16" width="16"><path fill="#000" fill-rule="evenodd" clip-rule="evenodd" d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z"/></svg></span></label></div><script>var darkMode=!1,themeSwitch;window.matchMedia("(prefers-color-scheme: dark)").matches&&(darkMode=!0),localStorage.getItem("theme")==="dark"?darkMode=!0:localStorage.getItem("theme")==="light"&&(darkMode=!1),darkMode&&document.documentElement.classList.toggle("dark"),themeSwitch=document.querySelectorAll("[data-theme-switcher]"),document.addEventListener("DOMContentLoaded",()=>{[].forEach.call(themeSwitch,function(e){e.checked=!!darkMode,e.addEventListener("click",()=>{document.documentElement.classList.toggle("dark"),localStorage.setItem("theme",document.documentElement.classList.contains("dark")?"dark":"light")})})})</script></div></nav></header><div class=search-modal aria-hidden=true style=--color-primary:#121212><div data-target=close-search-modal class=search-modal-overlay></div><div class=search-wrapper data-image=true data-description=true data-tags=true data-categories=true><div class=search-wrapper-header><label for=search-modal-input style=margin-top:-1px><span class=sr-only>search icon</span>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-icon" data-type="search"><path fill="currentcolor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="18" width="18" class="search-reset" data-type="reset"><path fill="currentcolor" d="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z"/></svg>
+</label><input id=search-modal-input type=text data-search-input autocomplete=off aria-label=Search placeholder="Search Post ..."></div><div class=search-wrapper-body><div class=search-result data-search-result></div><span class=search-result-empty>Type something to search..</span></div><div class=search-wrapper-footer><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" viewBox="0 0 16 16"><path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z"/></svg>
+</kbd><kbd><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentcolor" style="margin-top:1px" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z"/></svg>
+</kbd>to navigate
+</span><span><kbd><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentcolor" style="display:inline-block" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z"/></svg>
+</kbd>to select
+</span><span class=search-result-info></span>
+<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section><div class="container text-center"><div class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"><h1>Technology</h1><ul class="mt-6 inline-flex space-x-1 capitalize"><li><a class="text-primary dark:text-darkmode-primary" href=/>Home
+</a><span class="inlin-block mr-1">/</span></li><li><a class="text-primary dark:text-darkmode-primary" href=/tags/>Tags
+</a><span class="inlin-block mr-1">/</span></li><li><span class="text-primary dark:text-darkmode-primary">Technology</span></li></ul></div></div></section><section class=section><div class=container><div class="row gx-5"><div class=lg:col-8><div class=row><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-2/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sam-wilson/><i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/technology/ class=ms-1>Technology
+,
+</a><a href=/categories/data/ class=ms-1>Data</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-2/>Read More</a></div></div><div class="md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><picture><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp media="(max-width: 575px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp media="(max-width: 767px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp media="(max-width: 991px)"><source srcset=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp><img loading=lazy decoding=async src=/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png class="mb-6 w-full rounded img" alt="How to build an Application with modern Technology" width=1096 height=480></picture><h4 class=mb-3><a href=/blog/post-4/>How to build an Application with modern Technology</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/john-doe/><i class="fa-regular fa-circle-user mr-2"></i>John Doe</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/architecture/ class=ms-1>Architecture</a></li></ul><p class=mb-6>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p><a class="btn btn-outline-primary btn-sm" href=/blog/post-4/>Read More</a></div></div></div></div></div></div></section></main><footer class="bg-theme-light dark:bg-darkmode-theme-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/>Tobias' Blog</a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/privacy-policy/>Privacy Policy</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=facebook rel="nofollow noopener" href=https://www.facebook.com/><i class="fab fa-facebook"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/><i class="fab fa-linkedin"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-light dark:text-darkmode-light container text-center"><p></p></div></div></footer><script crossorigin=anonymous integrity="sha256-r/J1MXe30baYLAGeYouhVRh2dskxjLR3lDcavhargS4=" src=/js/script.min.aff2753177b7d1b6982c019e628ba155187676c9318cb47794371abe16ab812e.js></script><script defer async crossorigin=anonymous integrity="sha256-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>
\ No newline at end of file
diff --git a/public/tags/technology/index.xml b/public/tags/technology/index.xml
index 54d10c5..e5931e6 100644
--- a/public/tags/technology/index.xml
+++ b/public/tags/technology/index.xml
@@ -1,26 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Technology on Tobias&#39; Blog</title>
-    <link>//localhost:1313/tags/technology/</link>
-    <description>Recent content in Technology on Tobias&#39; Blog</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate>
-    <atom:link href="//localhost:1313/tags/technology/index.xml" rel="self" type="application/rss+xml" />
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-2/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-2/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-    <item>
-      <title>How to build an Application with modern Technology</title>
-      <link>//localhost:1313/blog/post-4/</link>
-      <pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate>
-      <guid>//localhost:1313/blog/post-4/</guid>
-      <description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description>
-    </item>
-  </channel>
-</rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Technology on Tobias' Blog</title><link>/tags/technology/</link><description>Recent content in Technology on Tobias' Blog</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 04 Apr 2022 05:00:00 +0000</lastBuildDate><atom:link href="/tags/technology/index.xml" rel="self" type="application/rss+xml"/><item><title>How to build an Application with modern Technology</title><link>/blog/post-2/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-2/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item><item><title>How to build an Application with modern Technology</title><link>/blog/post-4/</link><pubDate>Mon, 04 Apr 2022 05:00:00 +0000</pubDate><guid>/blog/post-4/</guid><description>Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</description></item></channel></rss>
\ No newline at end of file
diff --git a/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.content b/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.content
index 38609a5..43708ba 100644
--- a/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.content
+++ b/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.content
@@ -1,4 +1,4 @@
-@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient( to left,rgba(0,0,0,.5),transparent )}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient( to right,rgba(0,0,0,.5),transparent )}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient( to top,rgba(0,0,0,.5),transparent )}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient( to bottom,rgba(0,0,0,.5),transparent )}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var( --swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px) );height:var( --swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px) );display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}:root{}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}/*!* Glightbox v3.1.0
+/*!* Glightbox v3.1.0
 * https://github.com/biati-digital/glightbox
 * Released under the MIT license*/.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{transition:transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:flex!important;justify-content:center;align-items:center;transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:grabbing!important;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video::before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:grabbing!important;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:flex;width:auto}.zoomed .gslide-media{box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;flex-direction:column}.gslide-description{position:relative;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;order:2!important;max-height:78vh;overflow:auto!important;background:linear-gradient( to bottom,transparent 0,rgba(0,0,0,.75) 100% );transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:flex;justify-content:center;align-items:center;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gslideOutLeft{animation:gslideOutLeft .3s ease}.gslideInLeft{animation:gslideInLeft .3s ease}.gslideOutRight{animation:gslideOutRight .3s ease}.gslideInRight{animation:gslideInRight .3s ease}.gzoomIn{animation:gzoomIn .5s ease}.gzoomOut{animation:gzoomOut .5s ease}@keyframes lightboxLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gslideInLeft{from{opacity:0;transform:translate3d(-60%,0,0)}to{visibility:visible;transform:translate3d(0,0,0);opacity:1}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideInRight{from{opacity:0;visibility:visible;transform:translate3d(60%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(60%,0,0);opacity:0}}@keyframes gzoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@media(min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{order:1}.glightbox-container .ginner-container.desc-left .gslide-description{order:0}.glightbox-container .ginner-container.desc-left .gslide-image{order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{box-shadow:1px 2px 9px rgba(0,0,0,.65)}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media(min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}/*!* Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
diff --git a/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.json b/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.json
index 07761f7..b05346b 100644
--- a/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.json
+++ b/resources/_gen/assets/css/style-lazy.css_7867913776bf0aafb59f4bc4fd3b75eb.json
@@ -1 +1 @@
-{"Target":"css/style-lazy.min.e6fe60073d49c4c5ea05c479f7da4cd77f5c2726acd883432e2137bbea51fda3.css","MediaType":"text/css","Data":{"Integrity":"sha256-5v5gBz1JxMXqBcR599pM139cJyas2INDLiE3u+pR/aM="}}
\ No newline at end of file
+{"Target":"css/style-lazy.min.31da1b8489a59086ddbf4afd94e8ccb5440e201b14208919a0b1441cd134eb32.css","MediaType":"text/css","Data":{"Integrity":"sha256-MdobhImlkIbdv0r9lOjMtUQOIBsUIIkZoLFEHNE06zI="}}
\ No newline at end of file
diff --git a/static/css/style-lazy.css b/static/css/style-lazy.css
new file mode 100644
index 0000000..520668f
--- /dev/null
+++ b/static/css/style-lazy.css
@@ -0,0 +1,9413 @@
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+ @font-face {
+    font-family: "swiper-icons";
+    src: url("/fonts/fontawesome-free-6.5.2-web/webfonts/fa-solid-900.woff2");
+    font-weight: 400;
+    font-style: normal;
+  }
+  :root {
+    --swiper-theme-color: #007aff;
+  }
+  .swiper {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    /* Fix of Webkit flickering */
+    z-index: 1;
+  }
+  .swiper-vertical > .swiper-wrapper {
+    flex-direction: column;
+  }
+  .swiper-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    transition-property: transform;
+    box-sizing: content-box;
+  }
+  .swiper-android .swiper-slide,
+  .swiper-wrapper {
+    transform: translate3d(0px, 0, 0);
+  }
+  .swiper-pointer-events {
+    touch-action: pan-y;
+  }
+  .swiper-pointer-events.swiper-vertical {
+    touch-action: pan-x;
+  }
+  .swiper-slide {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition-property: transform;
+  }
+  .swiper-slide-invisible-blank {
+    visibility: hidden;
+  }
+  /* Auto Height */
+  .swiper-autoheight,
+  .swiper-autoheight .swiper-slide {
+    height: auto;
+  }
+  .swiper-autoheight .swiper-wrapper {
+    align-items: flex-start;
+    transition-property: transform, height;
+  }
+  .swiper-backface-hidden .swiper-slide {
+    transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  /* 3D Effects */
+  .swiper-3d,
+  .swiper-3d.swiper-css-mode .swiper-wrapper {
+    perspective: 1200px;
+  }
+  .swiper-3d .swiper-wrapper,
+  .swiper-3d .swiper-slide,
+  .swiper-3d .swiper-slide-shadow,
+  .swiper-3d .swiper-slide-shadow-left,
+  .swiper-3d .swiper-slide-shadow-right,
+  .swiper-3d .swiper-slide-shadow-top,
+  .swiper-3d .swiper-slide-shadow-bottom,
+  .swiper-3d .swiper-cube-shadow {
+    transform-style: preserve-3d;
+  }
+  .swiper-3d .swiper-slide-shadow,
+  .swiper-3d .swiper-slide-shadow-left,
+  .swiper-3d .swiper-slide-shadow-right,
+  .swiper-3d .swiper-slide-shadow-top,
+  .swiper-3d .swiper-slide-shadow-bottom {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10;
+  }
+  .swiper-3d .swiper-slide-shadow {
+    background: rgba(0, 0, 0, 0.15);
+  }
+  .swiper-3d .swiper-slide-shadow-left {
+    background-image: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-right {
+    background-image: linear-gradient(
+      to right,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-top {
+    background-image: linear-gradient(
+      to top,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  .swiper-3d .swiper-slide-shadow-bottom {
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0.5),
+      rgba(0, 0, 0, 0)
+    );
+  }
+  /* CSS Mode */
+  .swiper-css-mode > .swiper-wrapper {
+    overflow: auto;
+    scrollbar-width: none;
+    /* For Firefox */
+    -ms-overflow-style: none;
+    /* For Internet Explorer and Edge */
+  }
+  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
+    scroll-snap-align: start start;
+  }
+  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+    scroll-snap-type: x mandatory;
+  }
+  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
+    scroll-snap-type: y mandatory;
+  }
+  .swiper-centered > .swiper-wrapper::before {
+    content: "";
+    flex-shrink: 0;
+    order: 9999;
+  }
+  .swiper-centered.swiper-horizontal
+    > .swiper-wrapper
+    > .swiper-slide:first-child {
+    margin-inline-start: var(--swiper-centered-offset-before);
+  }
+  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+    height: 100%;
+    min-height: 1px;
+    width: var(--swiper-centered-offset-after);
+  }
+  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+    margin-block-start: var(--swiper-centered-offset-before);
+  }
+  .swiper-centered.swiper-vertical > .swiper-wrapper::before {
+    width: 100%;
+    min-width: 1px;
+    height: var(--swiper-centered-offset-after);
+  }
+  .swiper-centered > .swiper-wrapper > .swiper-slide {
+    scroll-snap-align: center center;
+  }
+  .swiper-virtual .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    transform: translateZ(0);
+  }
+  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+  }
+  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+    height: 1px;
+    width: var(--swiper-virtual-size);
+  }
+  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+    width: 1px;
+    height: var(--swiper-virtual-size);
+  }
+  :root {
+    --swiper-navigation-size: 44px;
+    /*
+    --swiper-navigation-color: var(--swiper-theme-color);
+    */
+  }
+  .swiper-button-prev,
+  .swiper-button-next {
+    position: absolute;
+    top: 50%;
+    width: calc(var(--swiper-navigation-size) / 44 * 27);
+    height: var(--swiper-navigation-size);
+    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+    z-index: 10;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--swiper-navigation-color, var(--swiper-theme-color));
+  }
+  .swiper-button-prev.swiper-button-disabled,
+  .swiper-button-next.swiper-button-disabled {
+    opacity: 0.35;
+    cursor: auto;
+    pointer-events: none;
+  }
+  .swiper-button-prev:after,
+  .swiper-button-next:after {
+    font-family: swiper-icons;
+    font-size: var(--swiper-navigation-size);
+    letter-spacing: 0;
+    text-transform: none;
+    font-variant: initial;
+    line-height: 1;
+  }
+  .swiper-button-prev,
+  .swiper-rtl .swiper-button-next {
+    left: 10px;
+    right: auto;
+  }
+  .swiper-button-prev:after,
+  .swiper-rtl .swiper-button-next:after {
+    content: "prev";
+  }
+  .swiper-button-next,
+  .swiper-rtl .swiper-button-prev {
+    right: 10px;
+    left: auto;
+  }
+  .swiper-button-next:after,
+  .swiper-rtl .swiper-button-prev:after {
+    content: "next";
+  }
+  .swiper-button-lock {
+    display: none;
+  }
+  :root {
+    /*
+    --swiper-pagination-color: var(--swiper-theme-color);
+    --swiper-pagination-bullet-size: 8px;
+    --swiper-pagination-bullet-width: 8px;
+    --swiper-pagination-bullet-height: 8px;
+    --swiper-pagination-bullet-inactive-color: #000;
+    --swiper-pagination-bullet-inactive-opacity: 0.2;
+    --swiper-pagination-bullet-opacity: 1;
+    --swiper-pagination-bullet-horizontal-gap: 4px;
+    --swiper-pagination-bullet-vertical-gap: 6px;
+    */
+  }
+  .swiper-pagination {
+    position: absolute;
+    text-align: center;
+    transition: 300ms opacity;
+    transform: translate3d(0, 0, 0);
+    z-index: 10;
+  }
+  .swiper-pagination.swiper-pagination-hidden {
+    opacity: 0;
+  }
+  /* Common Styles */
+  .swiper-pagination-fraction,
+  .swiper-pagination-custom,
+  .swiper-horizontal > .swiper-pagination-bullets,
+  .swiper-pagination-bullets.swiper-pagination-horizontal {
+    bottom: 10px;
+    left: 0;
+    width: 100%;
+  }
+  /* Bullets */
+  .swiper-pagination-bullets-dynamic {
+    overflow: hidden;
+    font-size: 0;
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transform: scale(0.33);
+    position: relative;
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+    transform: scale(1);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+    transform: scale(1);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+    transform: scale(0.66);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+    transform: scale(0.33);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+    transform: scale(0.66);
+  }
+  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+    transform: scale(0.33);
+  }
+  .swiper-pagination-bullet {
+    width: var(
+      --swiper-pagination-bullet-width,
+      var(--swiper-pagination-bullet-size, 8px)
+    );
+    height: var(
+      --swiper-pagination-bullet-height,
+      var(--swiper-pagination-bullet-size, 8px)
+    );
+    display: inline-block;
+    border-radius: 50%;
+    background: var(--swiper-pagination-bullet-inactive-color, #000);
+    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+  }
+  button.swiper-pagination-bullet {
+    border: none;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  .swiper-pagination-clickable .swiper-pagination-bullet {
+    cursor: pointer;
+  }
+  .swiper-pagination-bullet:only-child {
+    display: none !important;
+  }
+  .swiper-pagination-bullet-active {
+    opacity: var(--swiper-pagination-bullet-opacity, 1);
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  }
+  .swiper-vertical > .swiper-pagination-bullets,
+  .swiper-pagination-vertical.swiper-pagination-bullets {
+    right: 10px;
+    top: 50%;
+    transform: translate3d(0px, -50%, 0);
+  }
+  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+  .swiper-pagination-vertical.swiper-pagination-bullets
+    .swiper-pagination-bullet {
+    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+    display: block;
+  }
+  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8px;
+  }
+  .swiper-vertical
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet,
+  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    display: inline-block;
+    transition: 200ms transform, 200ms top;
+  }
+  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+  .swiper-pagination-horizontal.swiper-pagination-bullets
+    .swiper-pagination-bullet {
+    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+  }
+  .swiper-horizontal
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+  }
+  .swiper-horizontal
+    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet,
+  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    transition: 200ms transform, 200ms left;
+  }
+  .swiper-horizontal.swiper-rtl
+    > .swiper-pagination-bullets-dynamic
+    .swiper-pagination-bullet {
+    transition: 200ms transform, 200ms right;
+  }
+  /* Progress */
+  .swiper-pagination-progressbar {
+    background: rgba(0, 0, 0, 0.25);
+    position: absolute;
+  }
+  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    transform: scale(0);
+    transform-origin: left top;
+  }
+  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    transform-origin: right top;
+  }
+  .swiper-horizontal > .swiper-pagination-progressbar,
+  .swiper-pagination-progressbar.swiper-pagination-horizontal,
+  .swiper-vertical
+    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+    width: 100%;
+    height: 4px;
+    left: 0;
+    top: 0;
+  }
+  .swiper-vertical > .swiper-pagination-progressbar,
+  .swiper-pagination-progressbar.swiper-pagination-vertical,
+  .swiper-horizontal
+    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+    width: 4px;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+  .swiper-pagination-lock {
+    display: none;
+  }
+  /* Scrollbar */
+  .swiper-scrollbar {
+    border-radius: 10px;
+    position: relative;
+    -ms-touch-action: none;
+    background: rgba(0, 0, 0, 0.1);
+  }
+  .swiper-horizontal > .swiper-scrollbar {
+    position: absolute;
+    left: 1%;
+    bottom: 3px;
+    z-index: 50;
+    height: 5px;
+    width: 98%;
+  }
+  .swiper-vertical > .swiper-scrollbar {
+    position: absolute;
+    right: 3px;
+    top: 1%;
+    z-index: 50;
+    width: 5px;
+    height: 98%;
+  }
+  .swiper-scrollbar-drag {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
+    left: 0;
+    top: 0;
+  }
+  .swiper-scrollbar-cursor-drag {
+    cursor: move;
+  }
+  .swiper-scrollbar-lock {
+    display: none;
+  }
+  .swiper-zoom-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+  .swiper-zoom-container > img,
+  .swiper-zoom-container > svg,
+  .swiper-zoom-container > canvas {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+  }
+  .swiper-slide-zoomed {
+    cursor: move;
+  }
+  /* Preloader */
+  :root {
+    /*
+    --swiper-preloader-color: var(--swiper-theme-color);
+    */
+  }
+  .swiper-lazy-preloader {
+    width: 42px;
+    height: 42px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -21px;
+    margin-top: -21px;
+    z-index: 10;
+    transform-origin: 50%;
+    box-sizing: border-box;
+    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+    border-radius: 50%;
+    border-top-color: transparent;
+  }
+  .swiper-slide-visible .swiper-lazy-preloader {
+    animation: swiper-preloader-spin 1s infinite linear;
+  }
+  .swiper-lazy-preloader-white {
+    --swiper-preloader-color: #fff;
+  }
+  .swiper-lazy-preloader-black {
+    --swiper-preloader-color: #000;
+  }
+  @keyframes swiper-preloader-spin {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  /* a11y */
+  .swiper .swiper-notification {
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    opacity: 0;
+    z-index: -1000;
+  }
+  .swiper-free-mode > .swiper-wrapper {
+    transition-timing-function: ease-out;
+    margin: 0 auto;
+  }
+  .swiper-grid > .swiper-wrapper {
+    flex-wrap: wrap;
+  }
+  .swiper-grid-column > .swiper-wrapper {
+    flex-wrap: wrap;
+    flex-direction: column;
+  }
+  .swiper-fade.swiper-free-mode .swiper-slide {
+    transition-timing-function: ease-out;
+  }
+  .swiper-fade .swiper-slide {
+    pointer-events: none;
+    transition-property: opacity;
+  }
+  .swiper-fade .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-fade .swiper-slide-active,
+  .swiper-fade .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-cube {
+    overflow: visible;
+  }
+  .swiper-cube .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+    visibility: hidden;
+    transform-origin: 0 0;
+    width: 100%;
+    height: 100%;
+  }
+  .swiper-cube .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-cube.swiper-rtl .swiper-slide {
+    transform-origin: 100% 0;
+  }
+  .swiper-cube .swiper-slide-active,
+  .swiper-cube .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-cube .swiper-slide-active,
+  .swiper-cube .swiper-slide-next,
+  .swiper-cube .swiper-slide-prev,
+  .swiper-cube .swiper-slide-next + .swiper-slide {
+    pointer-events: auto;
+    visibility: visible;
+  }
+  .swiper-cube .swiper-slide-shadow-top,
+  .swiper-cube .swiper-slide-shadow-bottom,
+  .swiper-cube .swiper-slide-shadow-left,
+  .swiper-cube .swiper-slide-shadow-right {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  .swiper-cube .swiper-cube-shadow {
+    position: absolute;
+    left: 0;
+    bottom: 0px;
+    width: 100%;
+    height: 100%;
+    opacity: 0.6;
+    z-index: 0;
+  }
+  .swiper-cube .swiper-cube-shadow:before {
+    content: "";
+    background: #000;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    filter: blur(50px);
+  }
+  .swiper-flip {
+    overflow: visible;
+  }
+  .swiper-flip .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+  }
+  .swiper-flip .swiper-slide .swiper-slide {
+    pointer-events: none;
+  }
+  .swiper-flip .swiper-slide-active,
+  .swiper-flip .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto;
+  }
+  .swiper-flip .swiper-slide-shadow-top,
+  .swiper-flip .swiper-slide-shadow-bottom,
+  .swiper-flip .swiper-slide-shadow-left,
+  .swiper-flip .swiper-slide-shadow-right {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+  }
+  .swiper-creative .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+    transition-property: transform, opacity, height;
+  }
+  .swiper-cards {
+    overflow: visible;
+  }
+  .swiper-cards .swiper-slide {
+    transform-origin: center bottom;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+  }
+  /*!
+   * Glightbox v3.1.0
+   * https://github.com/biati-digital/glightbox
+   * Released under the MIT license
+   */
+  
+  .glightbox-container {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999999 !important;
+    -ms-touch-action: none;
+    touch-action: none;
+    -webkit-text-size-adjust: 100%;
+    -moz-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    outline: 0;
+    overflow: hidden;
+  }
+  .glightbox-container.inactive {
+    display: none;
+  }
+  .glightbox-container .gcontainer {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    overflow: hidden;
+  }
+  .glightbox-container .gslider {
+    -webkit-transition: -webkit-transform 0.4s ease;
+    transition: -webkit-transform 0.4s ease;
+    transition: transform 0.4s ease;
+    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
+    height: 100%;
+    left: 0;
+    top: 0;
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  .glightbox-container .gslide {
+    width: 100%;
+    position: absolute;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    opacity: 0;
+  }
+  .glightbox-container .gslide.current {
+    opacity: 1;
+    z-index: 99999;
+    position: relative;
+  }
+  .glightbox-container .gslide.prev {
+    opacity: 1;
+    z-index: 9999;
+  }
+  .glightbox-container .gslide-inner-content {
+    width: 100%;
+  }
+  .glightbox-container .ginner-container {
+    position: relative;
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    max-width: 100%;
+    margin: auto;
+    height: 100vh;
+  }
+  .glightbox-container .ginner-container.gvideo-container {
+    width: 100%;
+  }
+  .glightbox-container .ginner-container.desc-bottom,
+  .glightbox-container .ginner-container.desc-top {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+  .glightbox-container .ginner-container.desc-left,
+  .glightbox-container .ginner-container.desc-right {
+    max-width: 100% !important;
+  }
+  .gslide iframe,
+  .gslide video {
+    outline: 0 !important;
+    border: none;
+    min-height: 165px;
+    -webkit-overflow-scrolling: touch;
+    -ms-touch-action: auto;
+    touch-action: auto;
+  }
+  .gslide:not(.current) {
+    pointer-events: none;
+  }
+  .gslide-image {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+  .gslide-image img {
+    max-height: 100vh;
+    display: block;
+    padding: 0;
+    float: none;
+    outline: 0;
+    border: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    max-width: 100vw;
+    width: auto;
+    height: auto;
+    -o-object-fit: cover;
+    object-fit: cover;
+    -ms-touch-action: none;
+    touch-action: none;
+    margin: auto;
+    min-width: 200px;
+  }
+  .desc-bottom .gslide-image img,
+  .desc-top .gslide-image img {
+    width: auto;
+  }
+  .desc-left .gslide-image img,
+  .desc-right .gslide-image img {
+    width: auto;
+    max-width: 100%;
+  }
+  .gslide-image img.zoomable {
+    position: relative;
+  }
+  .gslide-image img.dragging {
+    cursor: -webkit-grabbing !important;
+    cursor: grabbing !important;
+    -webkit-transition: none;
+    transition: none;
+  }
+  .gslide-video {
+    position: relative;
+    max-width: 100vh;
+    width: 100% !important;
+  }
+  .gslide-video .gvideo-wrapper {
+    width: 100%;
+    margin: auto;
+  }
+  .gslide-video::before {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 0, 0, 0.34);
+    display: none;
+  }
+  .gslide-video.playing::before {
+    display: none;
+  }
+  .gslide-video.fullscreen {
+    max-width: 100% !important;
+    min-width: 100%;
+    height: 75vh;
+  }
+  .gslide-video.fullscreen video {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+  .gslide-inline {
+    background: #fff;
+    text-align: left;
+    max-height: calc(100vh - 40px);
+    overflow: auto;
+    max-width: 100%;
+  }
+  .gslide-inline .ginlined-content {
+    padding: 20px;
+    width: 100%;
+  }
+  .gslide-inline .dragging {
+    cursor: -webkit-grabbing !important;
+    cursor: grabbing !important;
+    -webkit-transition: none;
+    transition: none;
+  }
+  .ginlined-content {
+    overflow: auto;
+    display: block !important;
+    opacity: 1;
+  }
+  .gslide-external {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    min-width: 100%;
+    background: #fff;
+    padding: 0;
+    overflow: auto;
+    max-height: 75vh;
+    height: 100%;
+  }
+  .gslide-media {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: auto;
+  }
+  .zoomed .gslide-media {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+  }
+  .desc-bottom .gslide-media,
+  .desc-top .gslide-media {
+    margin: 0 auto;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+  .gslide-description {
+    position: relative;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 100%;
+    flex: 1 0 100%;
+  }
+  .gslide-description.description-left,
+  .gslide-description.description-right {
+    max-width: 100%;
+  }
+  .gslide-description.description-bottom,
+  .gslide-description.description-top {
+    margin: 0 auto;
+    width: 100%;
+  }
+  .gslide-description p {
+    margin-bottom: 12px;
+  }
+  .gslide-description p:last-child {
+    margin-bottom: 0;
+  }
+  .zoomed .gslide-description {
+    display: none;
+  }
+  .glightbox-button-hidden {
+    display: none;
+  }
+  .glightbox-mobile .glightbox-container .gslide-description {
+    height: auto !important;
+    width: 100%;
+    background: 0 0;
+    position: absolute;
+    bottom: 0;
+    padding: 19px 11px;
+    max-width: 100vw !important;
+    -webkit-box-ordinal-group: 3 !important;
+    -ms-flex-order: 2 !important;
+    order: 2 !important;
+    max-height: 78vh;
+    overflow: auto !important;
+    background: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      from(rgba(0, 0, 0, 0)),
+      to(rgba(0, 0, 0, 0.75))
+    );
+    background: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0) 0,
+      rgba(0, 0, 0, 0.75) 100%
+    );
+    -webkit-transition: opacity 0.3s linear;
+    transition: opacity 0.3s linear;
+    padding-bottom: 50px;
+  }
+  .glightbox-mobile .glightbox-container .gslide-title {
+    color: #fff;
+    font-size: 1em;
+  }
+  .glightbox-mobile .glightbox-container .gslide-desc {
+    color: #a1a1a1;
+  }
+  .glightbox-mobile .glightbox-container .gslide-desc a {
+    color: #fff;
+    font-weight: 700;
+  }
+  .glightbox-mobile .glightbox-container .gslide-desc * {
+    color: inherit;
+  }
+  .glightbox-mobile .glightbox-container .gslide-desc string {
+    color: #fff;
+  }
+  .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
+    color: #fff;
+    opacity: 0.4;
+  }
+  .gdesc-open .gslide-media {
+    -webkit-transition: opacity 0.5s ease;
+    transition: opacity 0.5s ease;
+    opacity: 0.4;
+  }
+  .gdesc-open .gdesc-inner {
+    padding-bottom: 30px;
+  }
+  .gdesc-closed .gslide-media {
+    -webkit-transition: opacity 0.5s ease;
+    transition: opacity 0.5s ease;
+    opacity: 1;
+  }
+  .greset {
+    -webkit-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+  }
+  .gabsolute {
+    position: absolute;
+  }
+  .grelative {
+    position: relative;
+  }
+  .glightbox-desc {
+    display: none !important;
+  }
+  .glightbox-open {
+    overflow: hidden;
+  }
+  .gloader {
+    height: 25px;
+    width: 25px;
+    -webkit-animation: lightboxLoader 0.8s infinite linear;
+    animation: lightboxLoader 0.8s infinite linear;
+    border: 2px solid #fff;
+    border-right-color: transparent;
+    border-radius: 50%;
+    position: absolute;
+    display: block;
+    z-index: 9999;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    top: 47%;
+  }
+  .goverlay {
+    width: 100%;
+    height: calc(100vh + 1px);
+    position: fixed;
+    top: -1px;
+    left: 0;
+    background: #000;
+    will-change: opacity;
+  }
+  .glightbox-mobile .goverlay {
+    background: #000;
+  }
+  .gclose,
+  .gnext,
+  .gprev {
+    z-index: 99999;
+    cursor: pointer;
+    width: 26px;
+    height: 44px;
+    border: none;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+  .gclose svg,
+  .gnext svg,
+  .gprev svg {
+    display: block;
+    width: 25px;
+    height: auto;
+    margin: 0;
+    padding: 0;
+  }
+  .gclose.disabled,
+  .gnext.disabled,
+  .gprev.disabled {
+    opacity: 0.1;
+  }
+  .gclose .garrow,
+  .gnext .garrow,
+  .gprev .garrow {
+    stroke: #fff;
+  }
+  .gbtn.focused {
+    outline: 2px solid #0f3d81;
+  }
+  iframe.wait-autoplay {
+    opacity: 0;
+  }
+  .glightbox-closing .gclose,
+  .glightbox-closing .gnext,
+  .glightbox-closing .gprev {
+    opacity: 0 !important;
+  }
+  .glightbox-clean .gslide-description {
+    background: #fff;
+  }
+  .glightbox-clean .gdesc-inner {
+    padding: 22px 20px;
+  }
+  .glightbox-clean .gslide-title {
+    font-size: 1em;
+    font-weight: 400;
+    font-family: arial;
+    color: #000;
+    margin-bottom: 19px;
+    line-height: 1.4em;
+  }
+  .glightbox-clean .gslide-desc {
+    font-size: 0.86em;
+    margin-bottom: 0;
+    font-family: arial;
+    line-height: 1.4em;
+  }
+  .glightbox-clean .gslide-video {
+    background: #000;
+  }
+  .glightbox-clean .gclose,
+  .glightbox-clean .gnext,
+  .glightbox-clean .gprev {
+    background-color: rgba(0, 0, 0, 0.75);
+    border-radius: 4px;
+  }
+  .glightbox-clean .gclose path,
+  .glightbox-clean .gnext path,
+  .glightbox-clean .gprev path {
+    fill: #fff;
+  }
+  .glightbox-clean .gprev {
+    position: absolute;
+    top: -100%;
+    left: 30px;
+    width: 40px;
+    height: 50px;
+  }
+  .glightbox-clean .gnext {
+    position: absolute;
+    top: -100%;
+    right: 30px;
+    width: 40px;
+    height: 50px;
+  }
+  .glightbox-clean .gclose {
+    width: 35px;
+    height: 35px;
+    top: 15px;
+    right: 10px;
+    position: absolute;
+  }
+  .glightbox-clean .gclose svg {
+    width: 18px;
+    height: auto;
+  }
+  .glightbox-clean .gclose:hover {
+    opacity: 1;
+  }
+  .gfadeIn {
+    -webkit-animation: gfadeIn 0.5s ease;
+    animation: gfadeIn 0.5s ease;
+  }
+  .gfadeOut {
+    -webkit-animation: gfadeOut 0.5s ease;
+    animation: gfadeOut 0.5s ease;
+  }
+  .gslideOutLeft {
+    -webkit-animation: gslideOutLeft 0.3s ease;
+    animation: gslideOutLeft 0.3s ease;
+  }
+  .gslideInLeft {
+    -webkit-animation: gslideInLeft 0.3s ease;
+    animation: gslideInLeft 0.3s ease;
+  }
+  .gslideOutRight {
+    -webkit-animation: gslideOutRight 0.3s ease;
+    animation: gslideOutRight 0.3s ease;
+  }
+  .gslideInRight {
+    -webkit-animation: gslideInRight 0.3s ease;
+    animation: gslideInRight 0.3s ease;
+  }
+  .gzoomIn {
+    -webkit-animation: gzoomIn 0.5s ease;
+    animation: gzoomIn 0.5s ease;
+  }
+  .gzoomOut {
+    -webkit-animation: gzoomOut 0.5s ease;
+    animation: gzoomOut 0.5s ease;
+  }
+  @-webkit-keyframes lightboxLoader {
+    0% {
+      -webkit-transform: rotate(0);
+      transform: rotate(0);
+    }
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes lightboxLoader {
+    0% {
+      -webkit-transform: rotate(0);
+      transform: rotate(0);
+    }
+    100% {
+      -webkit-transform: rotate(360deg);
+      transform: rotate(360deg);
+    }
+  }
+  @-webkit-keyframes gfadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes gfadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @-webkit-keyframes gfadeOut {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  @keyframes gfadeOut {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  @-webkit-keyframes gslideInLeft {
+    from {
+      opacity: 0;
+      -webkit-transform: translate3d(-60%, 0, 0);
+      transform: translate3d(-60%, 0, 0);
+    }
+    to {
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+  @keyframes gslideInLeft {
+    from {
+      opacity: 0;
+      -webkit-transform: translate3d(-60%, 0, 0);
+      transform: translate3d(-60%, 0, 0);
+    }
+    to {
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+  @-webkit-keyframes gslideOutLeft {
+    from {
+      opacity: 1;
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(-60%, 0, 0);
+      transform: translate3d(-60%, 0, 0);
+      opacity: 0;
+      visibility: hidden;
+    }
+  }
+  @keyframes gslideOutLeft {
+    from {
+      opacity: 1;
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(-60%, 0, 0);
+      transform: translate3d(-60%, 0, 0);
+      opacity: 0;
+      visibility: hidden;
+    }
+  }
+  @-webkit-keyframes gslideInRight {
+    from {
+      opacity: 0;
+      visibility: visible;
+      -webkit-transform: translate3d(60%, 0, 0);
+      transform: translate3d(60%, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+  @keyframes gslideInRight {
+    from {
+      opacity: 0;
+      visibility: visible;
+      -webkit-transform: translate3d(60%, 0, 0);
+      transform: translate3d(60%, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+  @-webkit-keyframes gslideOutRight {
+    from {
+      opacity: 1;
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(60%, 0, 0);
+      transform: translate3d(60%, 0, 0);
+      opacity: 0;
+    }
+  }
+  @keyframes gslideOutRight {
+    from {
+      opacity: 1;
+      visibility: visible;
+      -webkit-transform: translate3d(0, 0, 0);
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      -webkit-transform: translate3d(60%, 0, 0);
+      transform: translate3d(60%, 0, 0);
+      opacity: 0;
+    }
+  }
+  @-webkit-keyframes gzoomIn {
+    from {
+      opacity: 0;
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes gzoomIn {
+    from {
+      opacity: 0;
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @-webkit-keyframes gzoomOut {
+    from {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  @keyframes gzoomOut {
+    from {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  @media (min-width: 769px) {
+    .glightbox-container .ginner-container {
+      width: auto;
+      height: auto;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+    }
+    .glightbox-container .ginner-container.desc-top .gslide-description {
+      -webkit-box-ordinal-group: 1;
+      -ms-flex-order: 0;
+      order: 0;
+    }
+    .glightbox-container .ginner-container.desc-top .gslide-image,
+    .glightbox-container .ginner-container.desc-top .gslide-image img {
+      -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+      order: 1;
+    }
+    .glightbox-container .ginner-container.desc-left .gslide-description {
+      -webkit-box-ordinal-group: 1;
+      -ms-flex-order: 0;
+      order: 0;
+    }
+    .glightbox-container .ginner-container.desc-left .gslide-image {
+      -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+      order: 1;
+    }
+    .gslide-image img {
+      max-height: 97vh;
+      max-width: 100%;
+    }
+    .gslide-image img.zoomable {
+      cursor: -webkit-zoom-in;
+      cursor: zoom-in;
+    }
+    .zoomed .gslide-image img.zoomable {
+      cursor: -webkit-grab;
+      cursor: grab;
+    }
+    .gslide-inline {
+      max-height: 95vh;
+    }
+    .gslide-external {
+      max-height: 100vh;
+    }
+    .gslide-description.description-left,
+    .gslide-description.description-right {
+      max-width: 275px;
+    }
+    .glightbox-open {
+      height: auto;
+    }
+    .goverlay {
+      background: rgba(0, 0, 0, 0.92);
+    }
+    .glightbox-clean .gslide-media {
+      -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
+      box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
+    }
+    .glightbox-clean .description-left .gdesc-inner,
+    .glightbox-clean .description-right .gdesc-inner {
+      position: absolute;
+      height: 100%;
+      overflow-y: auto;
+    }
+    .glightbox-clean .gclose,
+    .glightbox-clean .gnext,
+    .glightbox-clean .gprev {
+      background-color: rgba(0, 0, 0, 0.32);
+    }
+    .glightbox-clean .gclose:hover,
+    .glightbox-clean .gnext:hover,
+    .glightbox-clean .gprev:hover {
+      background-color: rgba(0, 0, 0, 0.7);
+    }
+    .glightbox-clean .gprev {
+      top: 45%;
+    }
+    .glightbox-clean .gnext {
+      top: 45%;
+    }
+  }
+  @media (min-width: 992px) {
+    .glightbox-clean .gclose {
+      opacity: 0.7;
+      right: 20px;
+    }
+  }
+  @media screen and (max-height: 420px) {
+    .goverlay {
+      background: #000;
+    }
+  }
+  /*!
+   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+   * Copyright 2023 Fonticons, Inc.
+   */
+  :root,
+  :host {
+    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
+  }
+  
+
+  
+  .fab,
+  .fa-brands {
+    font-weight: 400; }
+  
+  .fa-monero:before {
+    content: "\f3d0"; }
+  
+  .fa-hooli:before {
+    content: "\f427"; }
+  
+  .fa-yelp:before {
+    content: "\f1e9"; }
+  
+  .fa-cc-visa:before {
+    content: "\f1f0"; }
+  
+  .fa-lastfm:before {
+    content: "\f202"; }
+  
+  .fa-shopware:before {
+    content: "\f5b5"; }
+  
+  .fa-creative-commons-nc:before {
+    content: "\f4e8"; }
+  
+  .fa-aws:before {
+    content: "\f375"; }
+  
+  .fa-redhat:before {
+    content: "\f7bc"; }
+  
+  .fa-yoast:before {
+    content: "\f2b1"; }
+  
+  .fa-cloudflare:before {
+    content: "\e07d"; }
+  
+  .fa-ups:before {
+    content: "\f7e0"; }
+  
+  .fa-wpexplorer:before {
+    content: "\f2de"; }
+  
+  .fa-dyalog:before {
+    content: "\f399"; }
+  
+  .fa-bity:before {
+    content: "\f37a"; }
+  
+  .fa-stackpath:before {
+    content: "\f842"; }
+  
+  .fa-buysellads:before {
+    content: "\f20d"; }
+  
+  .fa-first-order:before {
+    content: "\f2b0"; }
+  
+  .fa-modx:before {
+    content: "\f285"; }
+  
+  .fa-guilded:before {
+    content: "\e07e"; }
+  
+  .fa-vnv:before {
+    content: "\f40b"; }
+  
+  .fa-square-js:before {
+    content: "\f3b9"; }
+  
+  .fa-js-square:before {
+    content: "\f3b9"; }
+  
+  .fa-microsoft:before {
+    content: "\f3ca"; }
+  
+  .fa-qq:before {
+    content: "\f1d6"; }
+  
+  .fa-orcid:before {
+    content: "\f8d2"; }
+  
+  .fa-java:before {
+    content: "\f4e4"; }
+  
+  .fa-invision:before {
+    content: "\f7b0"; }
+  
+  .fa-creative-commons-pd-alt:before {
+    content: "\f4ed"; }
+  
+  .fa-centercode:before {
+    content: "\f380"; }
+  
+  .fa-glide-g:before {
+    content: "\f2a6"; }
+  
+  .fa-drupal:before {
+    content: "\f1a9"; }
+  
+  .fa-hire-a-helper:before {
+    content: "\f3b0"; }
+  
+  .fa-creative-commons-by:before {
+    content: "\f4e7"; }
+  
+  .fa-unity:before {
+    content: "\e049"; }
+  
+  .fa-whmcs:before {
+    content: "\f40d"; }
+  
+  .fa-rocketchat:before {
+    content: "\f3e8"; }
+  
+  .fa-vk:before {
+    content: "\f189"; }
+  
+  .fa-untappd:before {
+    content: "\f405"; }
+  
+  .fa-mailchimp:before {
+    content: "\f59e"; }
+  
+  .fa-css3-alt:before {
+    content: "\f38b"; }
+  
+  .fa-square-reddit:before {
+    content: "\f1a2"; }
+  
+  .fa-reddit-square:before {
+    content: "\f1a2"; }
+  
+  .fa-vimeo-v:before {
+    content: "\f27d"; }
+  
+  .fa-contao:before {
+    content: "\f26d"; }
+  
+  .fa-square-font-awesome:before {
+    content: "\e5ad"; }
+  
+  .fa-deskpro:before {
+    content: "\f38f"; }
+  
+  .fa-sistrix:before {
+    content: "\f3ee"; }
+  
+  .fa-square-instagram:before {
+    content: "\e055"; }
+  
+  .fa-instagram-square:before {
+    content: "\e055"; }
+  
+  .fa-battle-net:before {
+    content: "\f835"; }
+  
+  .fa-the-red-yeti:before {
+    content: "\f69d"; }
+  
+  .fa-square-hacker-news:before {
+    content: "\f3af"; }
+  
+  .fa-hacker-news-square:before {
+    content: "\f3af"; }
+  
+  .fa-edge:before {
+    content: "\f282"; }
+  
+  .fa-threads:before {
+    content: "\e618"; }
+  
+  .fa-napster:before {
+    content: "\f3d2"; }
+  
+  .fa-square-snapchat:before {
+    content: "\f2ad"; }
+  
+  .fa-snapchat-square:before {
+    content: "\f2ad"; }
+  
+  .fa-google-plus-g:before {
+    content: "\f0d5"; }
+  
+  .fa-artstation:before {
+    content: "\f77a"; }
+  
+  .fa-markdown:before {
+    content: "\f60f"; }
+  
+  .fa-sourcetree:before {
+    content: "\f7d3"; }
+  
+  .fa-google-plus:before {
+    content: "\f2b3"; }
+  
+  .fa-diaspora:before {
+    content: "\f791"; }
+  
+  .fa-foursquare:before {
+    content: "\f180"; }
+  
+  .fa-stack-overflow:before {
+    content: "\f16c"; }
+  
+  .fa-github-alt:before {
+    content: "\f113"; }
+  
+  .fa-phoenix-squadron:before {
+    content: "\f511"; }
+  
+  .fa-pagelines:before {
+    content: "\f18c"; }
+  
+  .fa-algolia:before {
+    content: "\f36c"; }
+  
+  .fa-red-river:before {
+    content: "\f3e3"; }
+  
+  .fa-creative-commons-sa:before {
+    content: "\f4ef"; }
+  
+  .fa-safari:before {
+    content: "\f267"; }
+  
+  .fa-google:before {
+    content: "\f1a0"; }
+  
+  .fa-square-font-awesome-stroke:before {
+    content: "\f35c"; }
+  
+  .fa-font-awesome-alt:before {
+    content: "\f35c"; }
+  
+  .fa-atlassian:before {
+    content: "\f77b"; }
+  
+  .fa-linkedin-in:before {
+    content: "\f0e1"; }
+  
+  .fa-digital-ocean:before {
+    content: "\f391"; }
+  
+  .fa-nimblr:before {
+    content: "\f5a8"; }
+  
+  .fa-chromecast:before {
+    content: "\f838"; }
+  
+  .fa-evernote:before {
+    content: "\f839"; }
+  
+  .fa-hacker-news:before {
+    content: "\f1d4"; }
+  
+  .fa-creative-commons-sampling:before {
+    content: "\f4f0"; }
+  
+  .fa-adversal:before {
+    content: "\f36a"; }
+  
+  .fa-creative-commons:before {
+    content: "\f25e"; }
+  
+  .fa-watchman-monitoring:before {
+    content: "\e087"; }
+  
+  .fa-fonticons:before {
+    content: "\f280"; }
+  
+  .fa-weixin:before {
+    content: "\f1d7"; }
+  
+  .fa-shirtsinbulk:before {
+    content: "\f214"; }
+  
+  .fa-codepen:before {
+    content: "\f1cb"; }
+  
+  .fa-git-alt:before {
+    content: "\f841"; }
+  
+  .fa-lyft:before {
+    content: "\f3c3"; }
+  
+  .fa-rev:before {
+    content: "\f5b2"; }
+  
+  .fa-windows:before {
+    content: "\f17a"; }
+  
+  .fa-wizards-of-the-coast:before {
+    content: "\f730"; }
+  
+  .fa-square-viadeo:before {
+    content: "\f2aa"; }
+  
+  .fa-viadeo-square:before {
+    content: "\f2aa"; }
+  
+  .fa-meetup:before {
+    content: "\f2e0"; }
+  
+  .fa-centos:before {
+    content: "\f789"; }
+  
+  .fa-adn:before {
+    content: "\f170"; }
+  
+  .fa-cloudsmith:before {
+    content: "\f384"; }
+  
+  .fa-pied-piper-alt:before {
+    content: "\f1a8"; }
+  
+  .fa-square-dribbble:before {
+    content: "\f397"; }
+  
+  .fa-dribbble-square:before {
+    content: "\f397"; }
+  
+  .fa-codiepie:before {
+    content: "\f284"; }
+  
+  .fa-node:before {
+    content: "\f419"; }
+  
+  .fa-mix:before {
+    content: "\f3cb"; }
+  
+  .fa-steam:before {
+    content: "\f1b6"; }
+  
+  .fa-cc-apple-pay:before {
+    content: "\f416"; }
+  
+  .fa-scribd:before {
+    content: "\f28a"; }
+  
+  .fa-debian:before {
+    content: "\e60b"; }
+  
+  .fa-openid:before {
+    content: "\f19b"; }
+  
+  .fa-instalod:before {
+    content: "\e081"; }
+  
+  .fa-expeditedssl:before {
+    content: "\f23e"; }
+  
+  .fa-sellcast:before {
+    content: "\f2da"; }
+  
+  .fa-square-twitter:before {
+    content: "\f081"; }
+  
+  .fa-twitter-square:before {
+    content: "\f081"; }
+  
+  .fa-r-project:before {
+    content: "\f4f7"; }
+  
+  .fa-delicious:before {
+    content: "\f1a5"; }
+  
+  .fa-freebsd:before {
+    content: "\f3a4"; }
+  
+  .fa-vuejs:before {
+    content: "\f41f"; }
+  
+  .fa-accusoft:before {
+    content: "\f369"; }
+  
+  .fa-ioxhost:before {
+    content: "\f208"; }
+  
+  .fa-fonticons-fi:before {
+    content: "\f3a2"; }
+  
+  .fa-app-store:before {
+    content: "\f36f"; }
+  
+  .fa-cc-mastercard:before {
+    content: "\f1f1"; }
+  
+  .fa-itunes-note:before {
+    content: "\f3b5"; }
+  
+  .fa-golang:before {
+    content: "\e40f"; }
+  
+  .fa-kickstarter:before {
+    content: "\f3bb"; }
+  
+  .fa-grav:before {
+    content: "\f2d6"; }
+  
+  .fa-weibo:before {
+    content: "\f18a"; }
+  
+  .fa-uncharted:before {
+    content: "\e084"; }
+  
+  .fa-firstdraft:before {
+    content: "\f3a1"; }
+  
+  .fa-square-youtube:before {
+    content: "\f431"; }
+  
+  .fa-youtube-square:before {
+    content: "\f431"; }
+  
+  .fa-wikipedia-w:before {
+    content: "\f266"; }
+  
+  .fa-wpressr:before {
+    content: "\f3e4"; }
+  
+  .fa-rendact:before {
+    content: "\f3e4"; }
+  
+  .fa-angellist:before {
+    content: "\f209"; }
+  
+  .fa-galactic-republic:before {
+    content: "\f50c"; }
+  
+  .fa-nfc-directional:before {
+    content: "\e530"; }
+  
+  .fa-skype:before {
+    content: "\f17e"; }
+  
+  .fa-joget:before {
+    content: "\f3b7"; }
+  
+  .fa-fedora:before {
+    content: "\f798"; }
+  
+  .fa-stripe-s:before {
+    content: "\f42a"; }
+  
+  .fa-meta:before {
+    content: "\e49b"; }
+  
+  .fa-laravel:before {
+    content: "\f3bd"; }
+  
+  .fa-hotjar:before {
+    content: "\f3b1"; }
+  
+  .fa-bluetooth-b:before {
+    content: "\f294"; }
+  
+  .fa-sticker-mule:before {
+    content: "\f3f7"; }
+  
+  .fa-creative-commons-zero:before {
+    content: "\f4f3"; }
+  
+  .fa-hips:before {
+    content: "\f452"; }
+  
+  .fa-behance:before {
+    content: "\f1b4"; }
+  
+  .fa-reddit:before {
+    content: "\f1a1"; }
+  
+  .fa-discord:before {
+    content: "\f392"; }
+  
+  .fa-chrome:before {
+    content: "\f268"; }
+  
+  .fa-app-store-ios:before {
+    content: "\f370"; }
+  
+  .fa-cc-discover:before {
+    content: "\f1f2"; }
+  
+  .fa-wpbeginner:before {
+    content: "\f297"; }
+  
+  .fa-confluence:before {
+    content: "\f78d"; }
+  
+  .fa-mdb:before {
+    content: "\f8ca"; }
+  
+  .fa-dochub:before {
+    content: "\f394"; }
+  
+  .fa-accessible-icon:before {
+    content: "\f368"; }
+  
+  .fa-ebay:before {
+    content: "\f4f4"; }
+  
+  .fa-amazon:before {
+    content: "\f270"; }
+  
+  .fa-unsplash:before {
+    content: "\e07c"; }
+  
+  .fa-yarn:before {
+    content: "\f7e3"; }
+  
+  .fa-square-steam:before {
+    content: "\f1b7"; }
+  
+  .fa-steam-square:before {
+    content: "\f1b7"; }
+  
+  .fa-500px:before {
+    content: "\f26e"; }
+  
+  .fa-square-vimeo:before {
+    content: "\f194"; }
+  
+  .fa-vimeo-square:before {
+    content: "\f194"; }
+  
+  .fa-asymmetrik:before {
+    content: "\f372"; }
+  
+  .fa-font-awesome:before {
+    content: "\f2b4"; }
+  
+  .fa-font-awesome-flag:before {
+    content: "\f2b4"; }
+  
+  .fa-font-awesome-logo-full:before {
+    content: "\f2b4"; }
+  
+  .fa-gratipay:before {
+    content: "\f184"; }
+  
+  .fa-apple:before {
+    content: "\f179"; }
+  
+  .fa-hive:before {
+    content: "\e07f"; }
+  
+  .fa-gitkraken:before {
+    content: "\f3a6"; }
+  
+  .fa-keybase:before {
+    content: "\f4f5"; }
+  
+  .fa-apple-pay:before {
+    content: "\f415"; }
+  
+  .fa-padlet:before {
+    content: "\e4a0"; }
+  
+  .fa-amazon-pay:before {
+    content: "\f42c"; }
+  
+  .fa-square-github:before {
+    content: "\f092"; }
+  
+  .fa-github-square:before {
+    content: "\f092"; }
+  
+  .fa-stumbleupon:before {
+    content: "\f1a4"; }
+  
+  .fa-fedex:before {
+    content: "\f797"; }
+  
+  .fa-phoenix-framework:before {
+    content: "\f3dc"; }
+  
+  .fa-shopify:before {
+    content: "\e057"; }
+  
+  .fa-neos:before {
+    content: "\f612"; }
+  
+  .fa-square-threads:before {
+    content: "\e619"; }
+  
+  .fa-hackerrank:before {
+    content: "\f5f7"; }
+  
+  .fa-researchgate:before {
+    content: "\f4f8"; }
+  
+  .fa-swift:before {
+    content: "\f8e1"; }
+  
+  .fa-angular:before {
+    content: "\f420"; }
+  
+  .fa-speakap:before {
+    content: "\f3f3"; }
+  
+  .fa-angrycreative:before {
+    content: "\f36e"; }
+  
+  .fa-y-combinator:before {
+    content: "\f23b"; }
+  
+  .fa-empire:before {
+    content: "\f1d1"; }
+  
+  .fa-envira:before {
+    content: "\f299"; }
+  
+  .fa-square-gitlab:before {
+    content: "\e5ae"; }
+  
+  .fa-gitlab-square:before {
+    content: "\e5ae"; }
+  
+  .fa-studiovinari:before {
+    content: "\f3f8"; }
+  
+  .fa-pied-piper:before {
+    content: "\f2ae"; }
+  
+  .fa-wordpress:before {
+    content: "\f19a"; }
+  
+  .fa-product-hunt:before {
+    content: "\f288"; }
+  
+  .fa-firefox:before {
+    content: "\f269"; }
+  
+  .fa-linode:before {
+    content: "\f2b8"; }
+  
+  .fa-goodreads:before {
+    content: "\f3a8"; }
+  
+  .fa-square-odnoklassniki:before {
+    content: "\f264"; }
+  
+  .fa-odnoklassniki-square:before {
+    content: "\f264"; }
+  
+  .fa-jsfiddle:before {
+    content: "\f1cc"; }
+  
+  .fa-sith:before {
+    content: "\f512"; }
+  
+  .fa-themeisle:before {
+    content: "\f2b2"; }
+  
+  .fa-page4:before {
+    content: "\f3d7"; }
+  
+  .fa-hashnode:before {
+    content: "\e499"; }
+  
+  .fa-react:before {
+    content: "\f41b"; }
+  
+  .fa-cc-paypal:before {
+    content: "\f1f4"; }
+  
+  .fa-squarespace:before {
+    content: "\f5be"; }
+  
+  .fa-cc-stripe:before {
+    content: "\f1f5"; }
+  
+  .fa-creative-commons-share:before {
+    content: "\f4f2"; }
+  
+  .fa-bitcoin:before {
+    content: "\f379"; }
+  
+  .fa-keycdn:before {
+    content: "\f3ba"; }
+  
+  .fa-opera:before {
+    content: "\f26a"; }
+  
+  .fa-itch-io:before {
+    content: "\f83a"; }
+  
+  .fa-umbraco:before {
+    content: "\f8e8"; }
+  
+  .fa-galactic-senate:before {
+    content: "\f50d"; }
+  
+  .fa-ubuntu:before {
+    content: "\f7df"; }
+  
+  .fa-draft2digital:before {
+    content: "\f396"; }
+  
+  .fa-stripe:before {
+    content: "\f429"; }
+  
+  .fa-houzz:before {
+    content: "\f27c"; }
+  
+  .fa-gg:before {
+    content: "\f260"; }
+  
+  .fa-dhl:before {
+    content: "\f790"; }
+  
+  .fa-square-pinterest:before {
+    content: "\f0d3"; }
+  
+  .fa-pinterest-square:before {
+    content: "\f0d3"; }
+  
+  .fa-xing:before {
+    content: "\f168"; }
+  
+  .fa-blackberry:before {
+    content: "\f37b"; }
+  
+  .fa-creative-commons-pd:before {
+    content: "\f4ec"; }
+  
+  .fa-playstation:before {
+    content: "\f3df"; }
+  
+  .fa-quinscape:before {
+    content: "\f459"; }
+  
+  .fa-less:before {
+    content: "\f41d"; }
+  
+  .fa-blogger-b:before {
+    content: "\f37d"; }
+  
+  .fa-opencart:before {
+    content: "\f23d"; }
+  
+  .fa-vine:before {
+    content: "\f1ca"; }
+  
+  .fa-paypal:before {
+    content: "\f1ed"; }
+  
+  .fa-gitlab:before {
+    content: "\f296"; }
+  
+  .fa-typo3:before {
+    content: "\f42b"; }
+  
+  .fa-reddit-alien:before {
+    content: "\f281"; }
+  
+  .fa-yahoo:before {
+    content: "\f19e"; }
+  
+  .fa-dailymotion:before {
+    content: "\e052"; }
+  
+  .fa-affiliatetheme:before {
+    content: "\f36b"; }
+  
+  .fa-pied-piper-pp:before {
+    content: "\f1a7"; }
+  
+  .fa-bootstrap:before {
+    content: "\f836"; }
+  
+  .fa-odnoklassniki:before {
+    content: "\f263"; }
+  
+  .fa-nfc-symbol:before {
+    content: "\e531"; }
+  
+  .fa-ethereum:before {
+    content: "\f42e"; }
+  
+  .fa-speaker-deck:before {
+    content: "\f83c"; }
+  
+  .fa-creative-commons-nc-eu:before {
+    content: "\f4e9"; }
+  
+  .fa-patreon:before {
+    content: "\f3d9"; }
+  
+  .fa-avianex:before {
+    content: "\f374"; }
+  
+  .fa-ello:before {
+    content: "\f5f1"; }
+  
+  .fa-gofore:before {
+    content: "\f3a7"; }
+  
+  .fa-bimobject:before {
+    content: "\f378"; }
+  
+  .fa-facebook-f:before {
+    content: "\f39e"; }
+  
+  .fa-square-google-plus:before {
+    content: "\f0d4"; }
+  
+  .fa-google-plus-square:before {
+    content: "\f0d4"; }
+  
+  .fa-mandalorian:before {
+    content: "\f50f"; }
+  
+  .fa-first-order-alt:before {
+    content: "\f50a"; }
+  
+  .fa-osi:before {
+    content: "\f41a"; }
+  
+  .fa-google-wallet:before {
+    content: "\f1ee"; }
+  
+  .fa-d-and-d-beyond:before {
+    content: "\f6ca"; }
+  
+  .fa-periscope:before {
+    content: "\f3da"; }
+  
+  .fa-fulcrum:before {
+    content: "\f50b"; }
+  
+  .fa-cloudscale:before {
+    content: "\f383"; }
+  
+  .fa-forumbee:before {
+    content: "\f211"; }
+  
+  .fa-mizuni:before {
+    content: "\f3cc"; }
+  
+  .fa-schlix:before {
+    content: "\f3ea"; }
+  
+  .fa-square-xing:before {
+    content: "\f169"; }
+  
+  .fa-xing-square:before {
+    content: "\f169"; }
+  
+  .fa-bandcamp:before {
+    content: "\f2d5"; }
+  
+  .fa-wpforms:before {
+    content: "\f298"; }
+  
+  .fa-cloudversify:before {
+    content: "\f385"; }
+  
+  .fa-usps:before {
+    content: "\f7e1"; }
+  
+  .fa-megaport:before {
+    content: "\f5a3"; }
+  
+  .fa-magento:before {
+    content: "\f3c4"; }
+  
+  .fa-spotify:before {
+    content: "\f1bc"; }
+  
+  .fa-optin-monster:before {
+    content: "\f23c"; }
+  
+  .fa-fly:before {
+    content: "\f417"; }
+  
+  .fa-aviato:before {
+    content: "\f421"; }
+  
+  .fa-itunes:before {
+    content: "\f3b4"; }
+  
+  .fa-cuttlefish:before {
+    content: "\f38c"; }
+  
+  .fa-blogger:before {
+    content: "\f37c"; }
+  
+  .fa-flickr:before {
+    content: "\f16e"; }
+  
+  .fa-viber:before {
+    content: "\f409"; }
+  
+  .fa-soundcloud:before {
+    content: "\f1be"; }
+  
+  .fa-digg:before {
+    content: "\f1a6"; }
+  
+  .fa-tencent-weibo:before {
+    content: "\f1d5"; }
+  
+  .fa-symfony:before {
+    content: "\f83d"; }
+  
+  .fa-maxcdn:before {
+    content: "\f136"; }
+  
+  .fa-etsy:before {
+    content: "\f2d7"; }
+  
+  .fa-facebook-messenger:before {
+    content: "\f39f"; }
+  
+  .fa-audible:before {
+    content: "\f373"; }
+  
+  .fa-think-peaks:before {
+    content: "\f731"; }
+  
+  .fa-bilibili:before {
+    content: "\e3d9"; }
+  
+  .fa-erlang:before {
+    content: "\f39d"; }
+  
+  .fa-x-twitter:before {
+    content: "\e61b"; }
+  
+  .fa-cotton-bureau:before {
+    content: "\f89e"; }
+  
+  .fa-dashcube:before {
+    content: "\f210"; }
+  
+  .fa-42-group:before {
+    content: "\e080"; }
+  
+  .fa-innosoft:before {
+    content: "\e080"; }
+  
+  .fa-stack-exchange:before {
+    content: "\f18d"; }
+  
+  .fa-elementor:before {
+    content: "\f430"; }
+  
+  .fa-square-pied-piper:before {
+    content: "\e01e"; }
+  
+  .fa-pied-piper-square:before {
+    content: "\e01e"; }
+  
+  .fa-creative-commons-nd:before {
+    content: "\f4eb"; }
+  
+  .fa-palfed:before {
+    content: "\f3d8"; }
+  
+  .fa-superpowers:before {
+    content: "\f2dd"; }
+  
+  .fa-resolving:before {
+    content: "\f3e7"; }
+  
+  .fa-xbox:before {
+    content: "\f412"; }
+  
+  .fa-searchengin:before {
+    content: "\f3eb"; }
+  
+  .fa-tiktok:before {
+    content: "\e07b"; }
+  
+  .fa-square-facebook:before {
+    content: "\f082"; }
+  
+  .fa-facebook-square:before {
+    content: "\f082"; }
+  
+  .fa-renren:before {
+    content: "\f18b"; }
+  
+  .fa-linux:before {
+    content: "\f17c"; }
+  
+  .fa-glide:before {
+    content: "\f2a5"; }
+  
+  .fa-linkedin:before {
+    content: "\f08c"; }
+  
+  .fa-hubspot:before {
+    content: "\f3b2"; }
+  
+  .fa-deploydog:before {
+    content: "\f38e"; }
+  
+  .fa-twitch:before {
+    content: "\f1e8"; }
+  
+  .fa-ravelry:before {
+    content: "\f2d9"; }
+  
+  .fa-mixer:before {
+    content: "\e056"; }
+  
+  .fa-square-lastfm:before {
+    content: "\f203"; }
+  
+  .fa-lastfm-square:before {
+    content: "\f203"; }
+  
+  .fa-vimeo:before {
+    content: "\f40a"; }
+  
+  .fa-mendeley:before {
+    content: "\f7b3"; }
+  
+  .fa-uniregistry:before {
+    content: "\f404"; }
+  
+  .fa-figma:before {
+    content: "\f799"; }
+  
+  .fa-creative-commons-remix:before {
+    content: "\f4ee"; }
+  
+  .fa-cc-amazon-pay:before {
+    content: "\f42d"; }
+  
+  .fa-dropbox:before {
+    content: "\f16b"; }
+  
+  .fa-instagram:before {
+    content: "\f16d"; }
+  
+  .fa-cmplid:before {
+    content: "\e360"; }
+  
+  .fa-facebook:before {
+    content: "\f09a"; }
+  
+  .fa-gripfire:before {
+    content: "\f3ac"; }
+  
+  .fa-jedi-order:before {
+    content: "\f50e"; }
+  
+  .fa-uikit:before {
+    content: "\f403"; }
+  
+  .fa-fort-awesome-alt:before {
+    content: "\f3a3"; }
+  
+  .fa-phabricator:before {
+    content: "\f3db"; }
+  
+  .fa-ussunnah:before {
+    content: "\f407"; }
+  
+  .fa-earlybirds:before {
+    content: "\f39a"; }
+  
+  .fa-trade-federation:before {
+    content: "\f513"; }
+  
+  .fa-autoprefixer:before {
+    content: "\f41c"; }
+  
+  .fa-whatsapp:before {
+    content: "\f232"; }
+  
+  .fa-slideshare:before {
+    content: "\f1e7"; }
+  
+  .fa-google-play:before {
+    content: "\f3ab"; }
+  
+  .fa-viadeo:before {
+    content: "\f2a9"; }
+  
+  .fa-line:before {
+    content: "\f3c0"; }
+  
+  .fa-google-drive:before {
+    content: "\f3aa"; }
+  
+  .fa-servicestack:before {
+    content: "\f3ec"; }
+  
+  .fa-simplybuilt:before {
+    content: "\f215"; }
+  
+  .fa-bitbucket:before {
+    content: "\f171"; }
+  
+  .fa-imdb:before {
+    content: "\f2d8"; }
+  
+  .fa-deezer:before {
+    content: "\e077"; }
+  
+  .fa-raspberry-pi:before {
+    content: "\f7bb"; }
+  
+  .fa-jira:before {
+    content: "\f7b1"; }
+  
+  .fa-docker:before {
+    content: "\f395"; }
+  
+  .fa-screenpal:before {
+    content: "\e570"; }
+  
+  .fa-bluetooth:before {
+    content: "\f293"; }
+  
+  .fa-gitter:before {
+    content: "\f426"; }
+  
+  .fa-d-and-d:before {
+    content: "\f38d"; }
+  
+  .fa-microblog:before {
+    content: "\e01a"; }
+  
+  .fa-cc-diners-club:before {
+    content: "\f24c"; }
+  
+  .fa-gg-circle:before {
+    content: "\f261"; }
+  
+  .fa-pied-piper-hat:before {
+    content: "\f4e5"; }
+  
+  .fa-kickstarter-k:before {
+    content: "\f3bc"; }
+  
+  .fa-yandex:before {
+    content: "\f413"; }
+  
+  .fa-readme:before {
+    content: "\f4d5"; }
+  
+  .fa-html5:before {
+    content: "\f13b"; }
+  
+  .fa-sellsy:before {
+    content: "\f213"; }
+  
+  .fa-sass:before {
+    content: "\f41e"; }
+  
+  .fa-wirsindhandwerk:before {
+    content: "\e2d0"; }
+  
+  .fa-wsh:before {
+    content: "\e2d0"; }
+  
+  .fa-buromobelexperte:before {
+    content: "\f37f"; }
+  
+  .fa-salesforce:before {
+    content: "\f83b"; }
+  
+  .fa-octopus-deploy:before {
+    content: "\e082"; }
+  
+  .fa-medapps:before {
+    content: "\f3c6"; }
+  
+  .fa-ns8:before {
+    content: "\f3d5"; }
+  
+  .fa-pinterest-p:before {
+    content: "\f231"; }
+  
+  .fa-apper:before {
+    content: "\f371"; }
+  
+  .fa-fort-awesome:before {
+    content: "\f286"; }
+  
+  .fa-waze:before {
+    content: "\f83f"; }
+  
+  .fa-cc-jcb:before {
+    content: "\f24b"; }
+  
+  .fa-snapchat:before {
+    content: "\f2ab"; }
+  
+  .fa-snapchat-ghost:before {
+    content: "\f2ab"; }
+  
+  .fa-fantasy-flight-games:before {
+    content: "\f6dc"; }
+  
+  .fa-rust:before {
+    content: "\e07a"; }
+  
+  .fa-wix:before {
+    content: "\f5cf"; }
+  
+  .fa-square-behance:before {
+    content: "\f1b5"; }
+  
+  .fa-behance-square:before {
+    content: "\f1b5"; }
+  
+  .fa-supple:before {
+    content: "\f3f9"; }
+  
+  .fa-rebel:before {
+    content: "\f1d0"; }
+  
+  .fa-css3:before {
+    content: "\f13c"; }
+  
+  .fa-staylinked:before {
+    content: "\f3f5"; }
+  
+  .fa-kaggle:before {
+    content: "\f5fa"; }
+  
+  .fa-space-awesome:before {
+    content: "\e5ac"; }
+  
+  .fa-deviantart:before {
+    content: "\f1bd"; }
+  
+  .fa-cpanel:before {
+    content: "\f388"; }
+  
+  .fa-goodreads-g:before {
+    content: "\f3a9"; }
+  
+  .fa-square-git:before {
+    content: "\f1d2"; }
+  
+  .fa-git-square:before {
+    content: "\f1d2"; }
+  
+  .fa-square-tumblr:before {
+    content: "\f174"; }
+  
+  .fa-tumblr-square:before {
+    content: "\f174"; }
+  
+  .fa-trello:before {
+    content: "\f181"; }
+  
+  .fa-creative-commons-nc-jp:before {
+    content: "\f4ea"; }
+  
+  .fa-get-pocket:before {
+    content: "\f265"; }
+  
+  .fa-perbyte:before {
+    content: "\e083"; }
+  
+  .fa-grunt:before {
+    content: "\f3ad"; }
+  
+  .fa-weebly:before {
+    content: "\f5cc"; }
+  
+  .fa-connectdevelop:before {
+    content: "\f20e"; }
+  
+  .fa-leanpub:before {
+    content: "\f212"; }
+  
+  .fa-black-tie:before {
+    content: "\f27e"; }
+  
+  .fa-themeco:before {
+    content: "\f5c6"; }
+  
+  .fa-python:before {
+    content: "\f3e2"; }
+  
+  .fa-android:before {
+    content: "\f17b"; }
+  
+  .fa-bots:before {
+    content: "\e340"; }
+  
+  .fa-free-code-camp:before {
+    content: "\f2c5"; }
+  
+  .fa-hornbill:before {
+    content: "\f592"; }
+  
+  .fa-js:before {
+    content: "\f3b8"; }
+  
+  .fa-ideal:before {
+    content: "\e013"; }
+  
+  .fa-git:before {
+    content: "\f1d3"; }
+  
+  .fa-dev:before {
+    content: "\f6cc"; }
+  
+  .fa-sketch:before {
+    content: "\f7c6"; }
+  
+  .fa-yandex-international:before {
+    content: "\f414"; }
+  
+  .fa-cc-amex:before {
+    content: "\f1f3"; }
+  
+  .fa-uber:before {
+    content: "\f402"; }
+  
+  .fa-github:before {
+    content: "\f09b"; }
+  
+  .fa-php:before {
+    content: "\f457"; }
+  
+  .fa-alipay:before {
+    content: "\f642"; }
+  
+  .fa-youtube:before {
+    content: "\f167"; }
+  
+  .fa-skyatlas:before {
+    content: "\f216"; }
+  
+  .fa-firefox-browser:before {
+    content: "\e007"; }
+  
+  .fa-replyd:before {
+    content: "\f3e6"; }
+  
+  .fa-suse:before {
+    content: "\f7d6"; }
+  
+  .fa-jenkins:before {
+    content: "\f3b6"; }
+  
+  .fa-twitter:before {
+    content: "\f099"; }
+  
+  .fa-rockrms:before {
+    content: "\f3e9"; }
+  
+  .fa-pinterest:before {
+    content: "\f0d2"; }
+  
+  .fa-buffer:before {
+    content: "\f837"; }
+  
+  .fa-npm:before {
+    content: "\f3d4"; }
+  
+  .fa-yammer:before {
+    content: "\f840"; }
+  
+  .fa-btc:before {
+    content: "\f15a"; }
+  
+  .fa-dribbble:before {
+    content: "\f17d"; }
+  
+  .fa-stumbleupon-circle:before {
+    content: "\f1a3"; }
+  
+  .fa-internet-explorer:before {
+    content: "\f26b"; }
+  
+  .fa-stubber:before {
+    content: "\e5c7"; }
+  
+  .fa-telegram:before {
+    content: "\f2c6"; }
+  
+  .fa-telegram-plane:before {
+    content: "\f2c6"; }
+  
+  .fa-old-republic:before {
+    content: "\f510"; }
+  
+  .fa-odysee:before {
+    content: "\e5c6"; }
+  
+  .fa-square-whatsapp:before {
+    content: "\f40c"; }
+  
+  .fa-whatsapp-square:before {
+    content: "\f40c"; }
+  
+  .fa-node-js:before {
+    content: "\f3d3"; }
+  
+  .fa-edge-legacy:before {
+    content: "\e078"; }
+  
+  .fa-slack:before {
+    content: "\f198"; }
+  
+  .fa-slack-hash:before {
+    content: "\f198"; }
+  
+  .fa-medrt:before {
+    content: "\f3c8"; }
+  
+  .fa-usb:before {
+    content: "\f287"; }
+  
+  .fa-tumblr:before {
+    content: "\f173"; }
+  
+  .fa-vaadin:before {
+    content: "\f408"; }
+  
+  .fa-quora:before {
+    content: "\f2c4"; }
+  
+  .fa-square-x-twitter:before {
+    content: "\e61a"; }
+  
+  .fa-reacteurope:before {
+    content: "\f75d"; }
+  
+  .fa-medium:before {
+    content: "\f23a"; }
+  
+  .fa-medium-m:before {
+    content: "\f23a"; }
+  
+  .fa-amilia:before {
+    content: "\f36d"; }
+  
+  .fa-mixcloud:before {
+    content: "\f289"; }
+  
+  .fa-flipboard:before {
+    content: "\f44d"; }
+  
+  .fa-viacoin:before {
+    content: "\f237"; }
+  
+  .fa-critical-role:before {
+    content: "\f6c9"; }
+  
+  .fa-sitrox:before {
+    content: "\e44a"; }
+  
+  .fa-discourse:before {
+    content: "\f393"; }
+  
+  .fa-joomla:before {
+    content: "\f1aa"; }
+  
+  .fa-mastodon:before {
+    content: "\f4f6"; }
+  
+  .fa-airbnb:before {
+    content: "\f834"; }
+  
+  .fa-wolf-pack-battalion:before {
+    content: "\f514"; }
+  
+  .fa-buy-n-large:before {
+    content: "\f8a6"; }
+  
+  .fa-gulp:before {
+    content: "\f3ae"; }
+  
+  .fa-creative-commons-sampling-plus:before {
+    content: "\f4f1"; }
+  
+  .fa-strava:before {
+    content: "\f428"; }
+  
+  .fa-ember:before {
+    content: "\f423"; }
+  
+  .fa-canadian-maple-leaf:before {
+    content: "\f785"; }
+  
+  .fa-teamspeak:before {
+    content: "\f4f9"; }
+  
+  .fa-pushed:before {
+    content: "\f3e1"; }
+  
+  .fa-wordpress-simple:before {
+    content: "\f411"; }
+  
+  .fa-nutritionix:before {
+    content: "\f3d6"; }
+  
+  .fa-wodu:before {
+    content: "\e088"; }
+  
+  .fa-google-pay:before {
+    content: "\e079"; }
+  
+  .fa-intercom:before {
+    content: "\f7af"; }
+  
+  .fa-zhihu:before {
+    content: "\f63f"; }
+  
+  .fa-korvue:before {
+    content: "\f42f"; }
+  
+  .fa-pix:before {
+    content: "\e43a"; }
+  
+  .fa-steam-symbol:before {
+    content: "\f3f6"; }/*!
+   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+   * Copyright 2023 Fonticons, Inc.
+   */
+   :root, :host {
+    --fa-style-family-classic: 'Font Awesome 6 Free';
+    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
+  
+
+  .fas,
+  .fa-solid {
+    font-weight: 900; }
+  /*!
+   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+   * Copyright 2023 Fonticons, Inc.
+   */
+   .fa {
+    font-family: var(--fa-style-family, "Font Awesome 6 Free");
+    font-weight: var(--fa-style, 900); }
+  
+  .fa,
+  .fa-classic,
+  .fa-sharp,
+  .fas,
+  .fa-solid,
+  .far,
+  .fa-regular,
+  .fab,
+  .fa-brands {
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: var(--fa-display, inline-block);
+    font-style: normal;
+    font-variant: normal;
+    line-height: 1;
+    text-rendering: auto; }
+  
+  .fas,
+  .fa-classic,
+  .fa-solid,
+  .far,
+  .fa-regular {
+    font-family: 'Font Awesome 6 Free'; }
+  
+  .fab,
+  .fa-brands {
+    font-family: 'Font Awesome 6 Brands'; }
+  
+  .fa-1x {
+    font-size: 1em; }
+  
+  .fa-2x {
+    font-size: 2em; }
+  
+  .fa-3x {
+    font-size: 3em; }
+  
+  .fa-4x {
+    font-size: 4em; }
+  
+  .fa-5x {
+    font-size: 5em; }
+  
+  .fa-6x {
+    font-size: 6em; }
+  
+  .fa-7x {
+    font-size: 7em; }
+  
+  .fa-8x {
+    font-size: 8em; }
+  
+  .fa-9x {
+    font-size: 9em; }
+  
+  .fa-10x {
+    font-size: 10em; }
+  
+  .fa-2xs {
+    font-size: 0.625em;
+    line-height: 0.1em;
+    vertical-align: 0.225em; }
+  
+  .fa-xs {
+    font-size: 0.75em;
+    line-height: 0.08333em;
+    vertical-align: 0.125em; }
+  
+  .fa-sm {
+    font-size: 0.875em;
+    line-height: 0.07143em;
+    vertical-align: 0.05357em; }
+  
+  .fa-lg {
+    font-size: 1.25em;
+    line-height: 0.05em;
+    vertical-align: -0.075em; }
+  
+  .fa-xl {
+    font-size: 1.5em;
+    line-height: 0.04167em;
+    vertical-align: -0.125em; }
+  
+  .fa-2xl {
+    font-size: 2em;
+    line-height: 0.03125em;
+    vertical-align: -0.1875em; }
+  
+  .fa-fw {
+    text-align: center;
+    width: 1.25em; }
+  
+  .fa-ul {
+    list-style-type: none;
+    margin-left: var(--fa-li-margin, 2.5em);
+    padding-left: 0; }
+    .fa-ul > li {
+      position: relative; }
+  
+  .fa-li {
+    left: calc(var(--fa-li-width, 2em) * -1);
+    position: absolute;
+    text-align: center;
+    width: var(--fa-li-width, 2em);
+    line-height: inherit; }
+  
+  .fa-border {
+    border-color: var(--fa-border-color, #eee);
+    border-radius: var(--fa-border-radius, 0.1em);
+    border-style: var(--fa-border-style, solid);
+    border-width: var(--fa-border-width, 0.08em);
+    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+  
+  .fa-pull-left {
+    float: left;
+    margin-right: var(--fa-pull-margin, 0.3em); }
+  
+  .fa-pull-right {
+    float: right;
+    margin-left: var(--fa-pull-margin, 0.3em); }
+  
+  .fa-beat {
+    -webkit-animation-name: fa-beat;
+            animation-name: fa-beat;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+            animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+  
+  .fa-bounce {
+    -webkit-animation-name: fa-bounce;
+            animation-name: fa-bounce;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+            animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+  
+  .fa-fade {
+    -webkit-animation-name: fa-fade;
+            animation-name: fa-fade;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+            animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+  
+  .fa-beat-fade {
+    -webkit-animation-name: fa-beat-fade;
+            animation-name: fa-beat-fade;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+            animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+  
+  .fa-flip {
+    -webkit-animation-name: fa-flip;
+            animation-name: fa-flip;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+            animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+  
+  .fa-shake {
+    -webkit-animation-name: fa-shake;
+            animation-name: fa-shake;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+            animation-timing-function: var(--fa-animation-timing, linear); }
+  
+  .fa-spin {
+    -webkit-animation-name: fa-spin;
+            animation-name: fa-spin;
+    -webkit-animation-delay: var(--fa-animation-delay, 0s);
+            animation-delay: var(--fa-animation-delay, 0s);
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 2s);
+            animation-duration: var(--fa-animation-duration, 2s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+            animation-timing-function: var(--fa-animation-timing, linear); }
+  
+  .fa-spin-reverse {
+    --fa-animation-direction: reverse; }
+  
+  .fa-pulse,
+  .fa-spin-pulse {
+    -webkit-animation-name: fa-spin;
+            animation-name: fa-spin;
+    -webkit-animation-direction: var(--fa-animation-direction, normal);
+            animation-direction: var(--fa-animation-direction, normal);
+    -webkit-animation-duration: var(--fa-animation-duration, 1s);
+            animation-duration: var(--fa-animation-duration, 1s);
+    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+    -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
+            animation-timing-function: var(--fa-animation-timing, steps(8)); }
+  
+  @media (prefers-reduced-motion: reduce) {
+    .fa-beat,
+    .fa-bounce,
+    .fa-fade,
+    .fa-beat-fade,
+    .fa-flip,
+    .fa-pulse,
+    .fa-shake,
+    .fa-spin,
+    .fa-spin-pulse {
+      -webkit-animation-delay: -1ms;
+              animation-delay: -1ms;
+      -webkit-animation-duration: 1ms;
+              animation-duration: 1ms;
+      -webkit-animation-iteration-count: 1;
+              animation-iteration-count: 1;
+      -webkit-transition-delay: 0s;
+              transition-delay: 0s;
+      -webkit-transition-duration: 0s;
+              transition-duration: 0s; } }
+  
+  @-webkit-keyframes fa-beat {
+    0%, 90% {
+      -webkit-transform: scale(1);
+              transform: scale(1); }
+    45% {
+      -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+              transform: scale(var(--fa-beat-scale, 1.25)); } }
+  
+  @keyframes fa-beat {
+    0%, 90% {
+      -webkit-transform: scale(1);
+              transform: scale(1); }
+    45% {
+      -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+              transform: scale(var(--fa-beat-scale, 1.25)); } }
+  
+  @-webkit-keyframes fa-bounce {
+    0% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); }
+    10% {
+      -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+              transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+    30% {
+      -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+              transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+    50% {
+      -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+              transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+    57% {
+      -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+              transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+    64% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); }
+    100% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); } }
+  
+  @keyframes fa-bounce {
+    0% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); }
+    10% {
+      -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+              transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+    30% {
+      -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+              transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+    50% {
+      -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+              transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+    57% {
+      -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+              transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+    64% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); }
+    100% {
+      -webkit-transform: scale(1, 1) translateY(0);
+              transform: scale(1, 1) translateY(0); } }
+  
+  @-webkit-keyframes fa-fade {
+    50% {
+      opacity: var(--fa-fade-opacity, 0.4); } }
+  
+  @keyframes fa-fade {
+    50% {
+      opacity: var(--fa-fade-opacity, 0.4); } }
+  
+  @-webkit-keyframes fa-beat-fade {
+    0%, 100% {
+      opacity: var(--fa-beat-fade-opacity, 0.4);
+      -webkit-transform: scale(1);
+              transform: scale(1); }
+    50% {
+      opacity: 1;
+      -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+              transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+  
+  @keyframes fa-beat-fade {
+    0%, 100% {
+      opacity: var(--fa-beat-fade-opacity, 0.4);
+      -webkit-transform: scale(1);
+              transform: scale(1); }
+    50% {
+      opacity: 1;
+      -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+              transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+  
+  @-webkit-keyframes fa-flip {
+    50% {
+      -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+              transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+  
+  @keyframes fa-flip {
+    50% {
+      -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+              transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+  
+  @-webkit-keyframes fa-shake {
+    0% {
+      -webkit-transform: rotate(-15deg);
+              transform: rotate(-15deg); }
+    4% {
+      -webkit-transform: rotate(15deg);
+              transform: rotate(15deg); }
+    8%, 24% {
+      -webkit-transform: rotate(-18deg);
+              transform: rotate(-18deg); }
+    12%, 28% {
+      -webkit-transform: rotate(18deg);
+              transform: rotate(18deg); }
+    16% {
+      -webkit-transform: rotate(-22deg);
+              transform: rotate(-22deg); }
+    20% {
+      -webkit-transform: rotate(22deg);
+              transform: rotate(22deg); }
+    32% {
+      -webkit-transform: rotate(-12deg);
+              transform: rotate(-12deg); }
+    36% {
+      -webkit-transform: rotate(12deg);
+              transform: rotate(12deg); }
+    40%, 100% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg); } }
+  
+  @keyframes fa-shake {
+    0% {
+      -webkit-transform: rotate(-15deg);
+              transform: rotate(-15deg); }
+    4% {
+      -webkit-transform: rotate(15deg);
+              transform: rotate(15deg); }
+    8%, 24% {
+      -webkit-transform: rotate(-18deg);
+              transform: rotate(-18deg); }
+    12%, 28% {
+      -webkit-transform: rotate(18deg);
+              transform: rotate(18deg); }
+    16% {
+      -webkit-transform: rotate(-22deg);
+              transform: rotate(-22deg); }
+    20% {
+      -webkit-transform: rotate(22deg);
+              transform: rotate(22deg); }
+    32% {
+      -webkit-transform: rotate(-12deg);
+              transform: rotate(-12deg); }
+    36% {
+      -webkit-transform: rotate(12deg);
+              transform: rotate(12deg); }
+    40%, 100% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg); } }
+  
+  @-webkit-keyframes fa-spin {
+    0% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg); }
+    100% {
+      -webkit-transform: rotate(360deg);
+              transform: rotate(360deg); } }
+  
+  @keyframes fa-spin {
+    0% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg); }
+    100% {
+      -webkit-transform: rotate(360deg);
+              transform: rotate(360deg); } }
+  
+  .fa-rotate-90 {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg); }
+  
+  .fa-rotate-180 {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg); }
+  
+  .fa-rotate-270 {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg); }
+  
+  .fa-flip-horizontal {
+    -webkit-transform: scale(-1, 1);
+            transform: scale(-1, 1); }
+  
+  .fa-flip-vertical {
+    -webkit-transform: scale(1, -1);
+            transform: scale(1, -1); }
+  
+  .fa-flip-both,
+  .fa-flip-horizontal.fa-flip-vertical {
+    -webkit-transform: scale(-1, -1);
+            transform: scale(-1, -1); }
+  
+  .fa-rotate-by {
+    -webkit-transform: rotate(var(--fa-rotate-angle, none));
+            transform: rotate(var(--fa-rotate-angle, none)); }
+  
+  .fa-stack {
+    display: inline-block;
+    height: 2em;
+    line-height: 2em;
+    position: relative;
+    vertical-align: middle;
+    width: 2.5em; }
+  
+  .fa-stack-1x,
+  .fa-stack-2x {
+    left: 0;
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    z-index: var(--fa-stack-z-index, auto); }
+  
+  .fa-stack-1x {
+    line-height: inherit; }
+  
+  .fa-stack-2x {
+    font-size: 2em; }
+  
+  .fa-inverse {
+    color: var(--fa-inverse, #fff); }
+  
+  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+  readers do not read off random characters that represent icons */
+  
+  .fa-0::before {
+    content: "\30"; }
+  
+  .fa-1::before {
+    content: "\31"; }
+  
+  .fa-2::before {
+    content: "\32"; }
+  
+  .fa-3::before {
+    content: "\33"; }
+  
+  .fa-4::before {
+    content: "\34"; }
+  
+  .fa-5::before {
+    content: "\35"; }
+  
+  .fa-6::before {
+    content: "\36"; }
+  
+  .fa-7::before {
+    content: "\37"; }
+  
+  .fa-8::before {
+    content: "\38"; }
+  
+  .fa-9::before {
+    content: "\39"; }
+  
+  .fa-fill-drip::before {
+    content: "\f576"; }
+  
+  .fa-arrows-to-circle::before {
+    content: "\e4bd"; }
+  
+  .fa-circle-chevron-right::before {
+    content: "\f138"; }
+  
+  .fa-chevron-circle-right::before {
+    content: "\f138"; }
+  
+  .fa-at::before {
+    content: "\40"; }
+  
+  .fa-trash-can::before {
+    content: "\f2ed"; }
+  
+  .fa-trash-alt::before {
+    content: "\f2ed"; }
+  
+  .fa-text-height::before {
+    content: "\f034"; }
+  
+  .fa-user-xmark::before {
+    content: "\f235"; }
+  
+  .fa-user-times::before {
+    content: "\f235"; }
+  
+  .fa-stethoscope::before {
+    content: "\f0f1"; }
+  
+  .fa-message::before {
+    content: "\f27a"; }
+  
+  .fa-comment-alt::before {
+    content: "\f27a"; }
+  
+  .fa-info::before {
+    content: "\f129"; }
+  
+  .fa-down-left-and-up-right-to-center::before {
+    content: "\f422"; }
+  
+  .fa-compress-alt::before {
+    content: "\f422"; }
+  
+  .fa-explosion::before {
+    content: "\e4e9"; }
+  
+  .fa-file-lines::before {
+    content: "\f15c"; }
+  
+  .fa-file-alt::before {
+    content: "\f15c"; }
+  
+  .fa-file-text::before {
+    content: "\f15c"; }
+  
+  .fa-wave-square::before {
+    content: "\f83e"; }
+  
+  .fa-ring::before {
+    content: "\f70b"; }
+  
+  .fa-building-un::before {
+    content: "\e4d9"; }
+  
+  .fa-dice-three::before {
+    content: "\f527"; }
+  
+  .fa-calendar-days::before {
+    content: "\f073"; }
+  
+  .fa-calendar-alt::before {
+    content: "\f073"; }
+  
+  .fa-anchor-circle-check::before {
+    content: "\e4aa"; }
+  
+  .fa-building-circle-arrow-right::before {
+    content: "\e4d1"; }
+  
+  .fa-volleyball::before {
+    content: "\f45f"; }
+  
+  .fa-volleyball-ball::before {
+    content: "\f45f"; }
+  
+  .fa-arrows-up-to-line::before {
+    content: "\e4c2"; }
+  
+  .fa-sort-down::before {
+    content: "\f0dd"; }
+  
+  .fa-sort-desc::before {
+    content: "\f0dd"; }
+  
+  .fa-circle-minus::before {
+    content: "\f056"; }
+  
+  .fa-minus-circle::before {
+    content: "\f056"; }
+  
+  .fa-door-open::before {
+    content: "\f52b"; }
+  
+  .fa-right-from-bracket::before {
+    content: "\f2f5"; }
+  
+  .fa-sign-out-alt::before {
+    content: "\f2f5"; }
+  
+  .fa-atom::before {
+    content: "\f5d2"; }
+  
+  .fa-soap::before {
+    content: "\e06e"; }
+  
+  .fa-icons::before {
+    content: "\f86d"; }
+  
+  .fa-heart-music-camera-bolt::before {
+    content: "\f86d"; }
+  
+  .fa-microphone-lines-slash::before {
+    content: "\f539"; }
+  
+  .fa-microphone-alt-slash::before {
+    content: "\f539"; }
+  
+  .fa-bridge-circle-check::before {
+    content: "\e4c9"; }
+  
+  .fa-pump-medical::before {
+    content: "\e06a"; }
+  
+  .fa-fingerprint::before {
+    content: "\f577"; }
+  
+  .fa-hand-point-right::before {
+    content: "\f0a4"; }
+  
+  .fa-magnifying-glass-location::before {
+    content: "\f689"; }
+  
+  .fa-search-location::before {
+    content: "\f689"; }
+  
+  .fa-forward-step::before {
+    content: "\f051"; }
+  
+  .fa-step-forward::before {
+    content: "\f051"; }
+  
+  .fa-face-smile-beam::before {
+    content: "\f5b8"; }
+  
+  .fa-smile-beam::before {
+    content: "\f5b8"; }
+  
+  .fa-flag-checkered::before {
+    content: "\f11e"; }
+  
+  .fa-football::before {
+    content: "\f44e"; }
+  
+  .fa-football-ball::before {
+    content: "\f44e"; }
+  
+  .fa-school-circle-exclamation::before {
+    content: "\e56c"; }
+  
+  .fa-crop::before {
+    content: "\f125"; }
+  
+  .fa-angles-down::before {
+    content: "\f103"; }
+  
+  .fa-angle-double-down::before {
+    content: "\f103"; }
+  
+  .fa-users-rectangle::before {
+    content: "\e594"; }
+  
+  .fa-people-roof::before {
+    content: "\e537"; }
+  
+  .fa-people-line::before {
+    content: "\e534"; }
+  
+  .fa-beer-mug-empty::before {
+    content: "\f0fc"; }
+  
+  .fa-beer::before {
+    content: "\f0fc"; }
+  
+  .fa-diagram-predecessor::before {
+    content: "\e477"; }
+  
+  .fa-arrow-up-long::before {
+    content: "\f176"; }
+  
+  .fa-long-arrow-up::before {
+    content: "\f176"; }
+  
+  .fa-fire-flame-simple::before {
+    content: "\f46a"; }
+  
+  .fa-burn::before {
+    content: "\f46a"; }
+  
+  .fa-person::before {
+    content: "\f183"; }
+  
+  .fa-male::before {
+    content: "\f183"; }
+  
+  .fa-laptop::before {
+    content: "\f109"; }
+  
+  .fa-file-csv::before {
+    content: "\f6dd"; }
+  
+  .fa-menorah::before {
+    content: "\f676"; }
+  
+  .fa-truck-plane::before {
+    content: "\e58f"; }
+  
+  .fa-record-vinyl::before {
+    content: "\f8d9"; }
+  
+  .fa-face-grin-stars::before {
+    content: "\f587"; }
+  
+  .fa-grin-stars::before {
+    content: "\f587"; }
+  
+  .fa-bong::before {
+    content: "\f55c"; }
+  
+  .fa-spaghetti-monster-flying::before {
+    content: "\f67b"; }
+  
+  .fa-pastafarianism::before {
+    content: "\f67b"; }
+  
+  .fa-arrow-down-up-across-line::before {
+    content: "\e4af"; }
+  
+  .fa-spoon::before {
+    content: "\f2e5"; }
+  
+  .fa-utensil-spoon::before {
+    content: "\f2e5"; }
+  
+  .fa-jar-wheat::before {
+    content: "\e517"; }
+  
+  .fa-envelopes-bulk::before {
+    content: "\f674"; }
+  
+  .fa-mail-bulk::before {
+    content: "\f674"; }
+  
+  .fa-file-circle-exclamation::before {
+    content: "\e4eb"; }
+  
+  .fa-circle-h::before {
+    content: "\f47e"; }
+  
+  .fa-hospital-symbol::before {
+    content: "\f47e"; }
+  
+  .fa-pager::before {
+    content: "\f815"; }
+  
+  .fa-address-book::before {
+    content: "\f2b9"; }
+  
+  .fa-contact-book::before {
+    content: "\f2b9"; }
+  
+  .fa-strikethrough::before {
+    content: "\f0cc"; }
+  
+  .fa-k::before {
+    content: "\4b"; }
+  
+  .fa-landmark-flag::before {
+    content: "\e51c"; }
+  
+  .fa-pencil::before {
+    content: "\f303"; }
+  
+  .fa-pencil-alt::before {
+    content: "\f303"; }
+  
+  .fa-backward::before {
+    content: "\f04a"; }
+  
+  .fa-caret-right::before {
+    content: "\f0da"; }
+  
+  .fa-comments::before {
+    content: "\f086"; }
+  
+  .fa-paste::before {
+    content: "\f0ea"; }
+  
+  .fa-file-clipboard::before {
+    content: "\f0ea"; }
+  
+  .fa-code-pull-request::before {
+    content: "\e13c"; }
+  
+  .fa-clipboard-list::before {
+    content: "\f46d"; }
+  
+  .fa-truck-ramp-box::before {
+    content: "\f4de"; }
+  
+  .fa-truck-loading::before {
+    content: "\f4de"; }
+  
+  .fa-user-check::before {
+    content: "\f4fc"; }
+  
+  .fa-vial-virus::before {
+    content: "\e597"; }
+  
+  .fa-sheet-plastic::before {
+    content: "\e571"; }
+  
+  .fa-blog::before {
+    content: "\f781"; }
+  
+  .fa-user-ninja::before {
+    content: "\f504"; }
+  
+  .fa-person-arrow-up-from-line::before {
+    content: "\e539"; }
+  
+  .fa-scroll-torah::before {
+    content: "\f6a0"; }
+  
+  .fa-torah::before {
+    content: "\f6a0"; }
+  
+  .fa-broom-ball::before {
+    content: "\f458"; }
+  
+  .fa-quidditch::before {
+    content: "\f458"; }
+  
+  .fa-quidditch-broom-ball::before {
+    content: "\f458"; }
+  
+  .fa-toggle-off::before {
+    content: "\f204"; }
+  
+  .fa-box-archive::before {
+    content: "\f187"; }
+  
+  .fa-archive::before {
+    content: "\f187"; }
+  
+  .fa-person-drowning::before {
+    content: "\e545"; }
+  
+  .fa-arrow-down-9-1::before {
+    content: "\f886"; }
+  
+  .fa-sort-numeric-desc::before {
+    content: "\f886"; }
+  
+  .fa-sort-numeric-down-alt::before {
+    content: "\f886"; }
+  
+  .fa-face-grin-tongue-squint::before {
+    content: "\f58a"; }
+  
+  .fa-grin-tongue-squint::before {
+    content: "\f58a"; }
+  
+  .fa-spray-can::before {
+    content: "\f5bd"; }
+  
+  .fa-truck-monster::before {
+    content: "\f63b"; }
+  
+  .fa-w::before {
+    content: "\57"; }
+  
+  .fa-earth-africa::before {
+    content: "\f57c"; }
+  
+  .fa-globe-africa::before {
+    content: "\f57c"; }
+  
+  .fa-rainbow::before {
+    content: "\f75b"; }
+  
+  .fa-circle-notch::before {
+    content: "\f1ce"; }
+  
+  .fa-tablet-screen-button::before {
+    content: "\f3fa"; }
+  
+  .fa-tablet-alt::before {
+    content: "\f3fa"; }
+  
+  .fa-paw::before {
+    content: "\f1b0"; }
+  
+  .fa-cloud::before {
+    content: "\f0c2"; }
+  
+  .fa-trowel-bricks::before {
+    content: "\e58a"; }
+  
+  .fa-face-flushed::before {
+    content: "\f579"; }
+  
+  .fa-flushed::before {
+    content: "\f579"; }
+  
+  .fa-hospital-user::before {
+    content: "\f80d"; }
+  
+  .fa-tent-arrow-left-right::before {
+    content: "\e57f"; }
+  
+  .fa-gavel::before {
+    content: "\f0e3"; }
+  
+  .fa-legal::before {
+    content: "\f0e3"; }
+  
+  .fa-binoculars::before {
+    content: "\f1e5"; }
+  
+  .fa-microphone-slash::before {
+    content: "\f131"; }
+  
+  .fa-box-tissue::before {
+    content: "\e05b"; }
+  
+  .fa-motorcycle::before {
+    content: "\f21c"; }
+  
+  .fa-bell-concierge::before {
+    content: "\f562"; }
+  
+  .fa-concierge-bell::before {
+    content: "\f562"; }
+  
+  .fa-pen-ruler::before {
+    content: "\f5ae"; }
+  
+  .fa-pencil-ruler::before {
+    content: "\f5ae"; }
+  
+  .fa-people-arrows::before {
+    content: "\e068"; }
+  
+  .fa-people-arrows-left-right::before {
+    content: "\e068"; }
+  
+  .fa-mars-and-venus-burst::before {
+    content: "\e523"; }
+  
+  .fa-square-caret-right::before {
+    content: "\f152"; }
+  
+  .fa-caret-square-right::before {
+    content: "\f152"; }
+  
+  .fa-scissors::before {
+    content: "\f0c4"; }
+  
+  .fa-cut::before {
+    content: "\f0c4"; }
+  
+  .fa-sun-plant-wilt::before {
+    content: "\e57a"; }
+  
+  .fa-toilets-portable::before {
+    content: "\e584"; }
+  
+  .fa-hockey-puck::before {
+    content: "\f453"; }
+  
+  .fa-table::before {
+    content: "\f0ce"; }
+  
+  .fa-magnifying-glass-arrow-right::before {
+    content: "\e521"; }
+  
+  .fa-tachograph-digital::before {
+    content: "\f566"; }
+  
+  .fa-digital-tachograph::before {
+    content: "\f566"; }
+  
+  .fa-users-slash::before {
+    content: "\e073"; }
+  
+  .fa-clover::before {
+    content: "\e139"; }
+  
+  .fa-reply::before {
+    content: "\f3e5"; }
+  
+  .fa-mail-reply::before {
+    content: "\f3e5"; }
+  
+  .fa-star-and-crescent::before {
+    content: "\f699"; }
+  
+  .fa-house-fire::before {
+    content: "\e50c"; }
+  
+  .fa-square-minus::before {
+    content: "\f146"; }
+  
+  .fa-minus-square::before {
+    content: "\f146"; }
+  
+  .fa-helicopter::before {
+    content: "\f533"; }
+  
+  .fa-compass::before {
+    content: "\f14e"; }
+  
+  .fa-square-caret-down::before {
+    content: "\f150"; }
+  
+  .fa-caret-square-down::before {
+    content: "\f150"; }
+  
+  .fa-file-circle-question::before {
+    content: "\e4ef"; }
+  
+  .fa-laptop-code::before {
+    content: "\f5fc"; }
+  
+  .fa-swatchbook::before {
+    content: "\f5c3"; }
+  
+  .fa-prescription-bottle::before {
+    content: "\f485"; }
+  
+  .fa-bars::before {
+    content: "\f0c9"; }
+  
+  .fa-navicon::before {
+    content: "\f0c9"; }
+  
+  .fa-people-group::before {
+    content: "\e533"; }
+  
+  .fa-hourglass-end::before {
+    content: "\f253"; }
+  
+  .fa-hourglass-3::before {
+    content: "\f253"; }
+  
+  .fa-heart-crack::before {
+    content: "\f7a9"; }
+  
+  .fa-heart-broken::before {
+    content: "\f7a9"; }
+  
+  .fa-square-up-right::before {
+    content: "\f360"; }
+  
+  .fa-external-link-square-alt::before {
+    content: "\f360"; }
+  
+  .fa-face-kiss-beam::before {
+    content: "\f597"; }
+  
+  .fa-kiss-beam::before {
+    content: "\f597"; }
+  
+  .fa-film::before {
+    content: "\f008"; }
+  
+  .fa-ruler-horizontal::before {
+    content: "\f547"; }
+  
+  .fa-people-robbery::before {
+    content: "\e536"; }
+  
+  .fa-lightbulb::before {
+    content: "\f0eb"; }
+  
+  .fa-caret-left::before {
+    content: "\f0d9"; }
+  
+  .fa-circle-exclamation::before {
+    content: "\f06a"; }
+  
+  .fa-exclamation-circle::before {
+    content: "\f06a"; }
+  
+  .fa-school-circle-xmark::before {
+    content: "\e56d"; }
+  
+  .fa-arrow-right-from-bracket::before {
+    content: "\f08b"; }
+  
+  .fa-sign-out::before {
+    content: "\f08b"; }
+  
+  .fa-circle-chevron-down::before {
+    content: "\f13a"; }
+  
+  .fa-chevron-circle-down::before {
+    content: "\f13a"; }
+  
+  .fa-unlock-keyhole::before {
+    content: "\f13e"; }
+  
+  .fa-unlock-alt::before {
+    content: "\f13e"; }
+  
+  .fa-cloud-showers-heavy::before {
+    content: "\f740"; }
+  
+  .fa-headphones-simple::before {
+    content: "\f58f"; }
+  
+  .fa-headphones-alt::before {
+    content: "\f58f"; }
+  
+  .fa-sitemap::before {
+    content: "\f0e8"; }
+  
+  .fa-circle-dollar-to-slot::before {
+    content: "\f4b9"; }
+  
+  .fa-donate::before {
+    content: "\f4b9"; }
+  
+  .fa-memory::before {
+    content: "\f538"; }
+  
+  .fa-road-spikes::before {
+    content: "\e568"; }
+  
+  .fa-fire-burner::before {
+    content: "\e4f1"; }
+  
+  .fa-flag::before {
+    content: "\f024"; }
+  
+  .fa-hanukiah::before {
+    content: "\f6e6"; }
+  
+  .fa-feather::before {
+    content: "\f52d"; }
+  
+  .fa-volume-low::before {
+    content: "\f027"; }
+  
+  .fa-volume-down::before {
+    content: "\f027"; }
+  
+  .fa-comment-slash::before {
+    content: "\f4b3"; }
+  
+  .fa-cloud-sun-rain::before {
+    content: "\f743"; }
+  
+  .fa-compress::before {
+    content: "\f066"; }
+  
+  .fa-wheat-awn::before {
+    content: "\e2cd"; }
+  
+  .fa-wheat-alt::before {
+    content: "\e2cd"; }
+  
+  .fa-ankh::before {
+    content: "\f644"; }
+  
+  .fa-hands-holding-child::before {
+    content: "\e4fa"; }
+  
+  .fa-asterisk::before {
+    content: "\2a"; }
+  
+  .fa-square-check::before {
+    content: "\f14a"; }
+  
+  .fa-check-square::before {
+    content: "\f14a"; }
+  
+  .fa-peseta-sign::before {
+    content: "\e221"; }
+  
+  .fa-heading::before {
+    content: "\f1dc"; }
+  
+  .fa-header::before {
+    content: "\f1dc"; }
+  
+  .fa-ghost::before {
+    content: "\f6e2"; }
+  
+  .fa-list::before {
+    content: "\f03a"; }
+  
+  .fa-list-squares::before {
+    content: "\f03a"; }
+  
+  .fa-square-phone-flip::before {
+    content: "\f87b"; }
+  
+  .fa-phone-square-alt::before {
+    content: "\f87b"; }
+  
+  .fa-cart-plus::before {
+    content: "\f217"; }
+  
+  .fa-gamepad::before {
+    content: "\f11b"; }
+  
+  .fa-circle-dot::before {
+    content: "\f192"; }
+  
+  .fa-dot-circle::before {
+    content: "\f192"; }
+  
+  .fa-face-dizzy::before {
+    content: "\f567"; }
+  
+  .fa-dizzy::before {
+    content: "\f567"; }
+  
+  .fa-egg::before {
+    content: "\f7fb"; }
+  
+  .fa-house-medical-circle-xmark::before {
+    content: "\e513"; }
+  
+  .fa-campground::before {
+    content: "\f6bb"; }
+  
+  .fa-folder-plus::before {
+    content: "\f65e"; }
+  
+  .fa-futbol::before {
+    content: "\f1e3"; }
+  
+  .fa-futbol-ball::before {
+    content: "\f1e3"; }
+  
+  .fa-soccer-ball::before {
+    content: "\f1e3"; }
+  
+  .fa-paintbrush::before {
+    content: "\f1fc"; }
+  
+  .fa-paint-brush::before {
+    content: "\f1fc"; }
+  
+  .fa-lock::before {
+    content: "\f023"; }
+  
+  .fa-gas-pump::before {
+    content: "\f52f"; }
+  
+  .fa-hot-tub-person::before {
+    content: "\f593"; }
+  
+  .fa-hot-tub::before {
+    content: "\f593"; }
+  
+  .fa-map-location::before {
+    content: "\f59f"; }
+  
+  .fa-map-marked::before {
+    content: "\f59f"; }
+  
+  .fa-house-flood-water::before {
+    content: "\e50e"; }
+  
+  .fa-tree::before {
+    content: "\f1bb"; }
+  
+  .fa-bridge-lock::before {
+    content: "\e4cc"; }
+  
+  .fa-sack-dollar::before {
+    content: "\f81d"; }
+  
+  .fa-pen-to-square::before {
+    content: "\f044"; }
+  
+  .fa-edit::before {
+    content: "\f044"; }
+  
+  .fa-car-side::before {
+    content: "\f5e4"; }
+  
+  .fa-share-nodes::before {
+    content: "\f1e0"; }
+  
+  .fa-share-alt::before {
+    content: "\f1e0"; }
+  
+  .fa-heart-circle-minus::before {
+    content: "\e4ff"; }
+  
+  .fa-hourglass-half::before {
+    content: "\f252"; }
+  
+  .fa-hourglass-2::before {
+    content: "\f252"; }
+  
+  .fa-microscope::before {
+    content: "\f610"; }
+  
+  .fa-sink::before {
+    content: "\e06d"; }
+  
+  .fa-bag-shopping::before {
+    content: "\f290"; }
+  
+  .fa-shopping-bag::before {
+    content: "\f290"; }
+  
+  .fa-arrow-down-z-a::before {
+    content: "\f881"; }
+  
+  .fa-sort-alpha-desc::before {
+    content: "\f881"; }
+  
+  .fa-sort-alpha-down-alt::before {
+    content: "\f881"; }
+  
+  .fa-mitten::before {
+    content: "\f7b5"; }
+  
+  .fa-person-rays::before {
+    content: "\e54d"; }
+  
+  .fa-users::before {
+    content: "\f0c0"; }
+  
+  .fa-eye-slash::before {
+    content: "\f070"; }
+  
+  .fa-flask-vial::before {
+    content: "\e4f3"; }
+  
+  .fa-hand::before {
+    content: "\f256"; }
+  
+  .fa-hand-paper::before {
+    content: "\f256"; }
+  
+  .fa-om::before {
+    content: "\f679"; }
+  
+  .fa-worm::before {
+    content: "\e599"; }
+  
+  .fa-house-circle-xmark::before {
+    content: "\e50b"; }
+  
+  .fa-plug::before {
+    content: "\f1e6"; }
+  
+  .fa-chevron-up::before {
+    content: "\f077"; }
+  
+  .fa-hand-spock::before {
+    content: "\f259"; }
+  
+  .fa-stopwatch::before {
+    content: "\f2f2"; }
+  
+  .fa-face-kiss::before {
+    content: "\f596"; }
+  
+  .fa-kiss::before {
+    content: "\f596"; }
+  
+  .fa-bridge-circle-xmark::before {
+    content: "\e4cb"; }
+  
+  .fa-face-grin-tongue::before {
+    content: "\f589"; }
+  
+  .fa-grin-tongue::before {
+    content: "\f589"; }
+  
+  .fa-chess-bishop::before {
+    content: "\f43a"; }
+  
+  .fa-face-grin-wink::before {
+    content: "\f58c"; }
+  
+  .fa-grin-wink::before {
+    content: "\f58c"; }
+  
+  .fa-ear-deaf::before {
+    content: "\f2a4"; }
+  
+  .fa-deaf::before {
+    content: "\f2a4"; }
+  
+  .fa-deafness::before {
+    content: "\f2a4"; }
+  
+  .fa-hard-of-hearing::before {
+    content: "\f2a4"; }
+  
+  .fa-road-circle-check::before {
+    content: "\e564"; }
+  
+  .fa-dice-five::before {
+    content: "\f523"; }
+  
+  .fa-square-rss::before {
+    content: "\f143"; }
+  
+  .fa-rss-square::before {
+    content: "\f143"; }
+  
+  .fa-land-mine-on::before {
+    content: "\e51b"; }
+  
+  .fa-i-cursor::before {
+    content: "\f246"; }
+  
+  .fa-stamp::before {
+    content: "\f5bf"; }
+  
+  .fa-stairs::before {
+    content: "\e289"; }
+  
+  .fa-i::before {
+    content: "\49"; }
+  
+  .fa-hryvnia-sign::before {
+    content: "\f6f2"; }
+  
+  .fa-hryvnia::before {
+    content: "\f6f2"; }
+  
+  .fa-pills::before {
+    content: "\f484"; }
+  
+  .fa-face-grin-wide::before {
+    content: "\f581"; }
+  
+  .fa-grin-alt::before {
+    content: "\f581"; }
+  
+  .fa-tooth::before {
+    content: "\f5c9"; }
+  
+  .fa-v::before {
+    content: "\56"; }
+  
+  .fa-bangladeshi-taka-sign::before {
+    content: "\e2e6"; }
+  
+  .fa-bicycle::before {
+    content: "\f206"; }
+  
+  .fa-staff-snake::before {
+    content: "\e579"; }
+  
+  .fa-rod-asclepius::before {
+    content: "\e579"; }
+  
+  .fa-rod-snake::before {
+    content: "\e579"; }
+  
+  .fa-staff-aesculapius::before {
+    content: "\e579"; }
+  
+  .fa-head-side-cough-slash::before {
+    content: "\e062"; }
+  
+  .fa-truck-medical::before {
+    content: "\f0f9"; }
+  
+  .fa-ambulance::before {
+    content: "\f0f9"; }
+  
+  .fa-wheat-awn-circle-exclamation::before {
+    content: "\e598"; }
+  
+  .fa-snowman::before {
+    content: "\f7d0"; }
+  
+  .fa-mortar-pestle::before {
+    content: "\f5a7"; }
+  
+  .fa-road-barrier::before {
+    content: "\e562"; }
+  
+  .fa-school::before {
+    content: "\f549"; }
+  
+  .fa-igloo::before {
+    content: "\f7ae"; }
+  
+  .fa-joint::before {
+    content: "\f595"; }
+  
+  .fa-angle-right::before {
+    content: "\f105"; }
+  
+  .fa-horse::before {
+    content: "\f6f0"; }
+  
+  .fa-q::before {
+    content: "\51"; }
+  
+  .fa-g::before {
+    content: "\47"; }
+  
+  .fa-notes-medical::before {
+    content: "\f481"; }
+  
+  .fa-temperature-half::before {
+    content: "\f2c9"; }
+  
+  .fa-temperature-2::before {
+    content: "\f2c9"; }
+  
+  .fa-thermometer-2::before {
+    content: "\f2c9"; }
+  
+  .fa-thermometer-half::before {
+    content: "\f2c9"; }
+  
+  .fa-dong-sign::before {
+    content: "\e169"; }
+  
+  .fa-capsules::before {
+    content: "\f46b"; }
+  
+  .fa-poo-storm::before {
+    content: "\f75a"; }
+  
+  .fa-poo-bolt::before {
+    content: "\f75a"; }
+  
+  .fa-face-frown-open::before {
+    content: "\f57a"; }
+  
+  .fa-frown-open::before {
+    content: "\f57a"; }
+  
+  .fa-hand-point-up::before {
+    content: "\f0a6"; }
+  
+  .fa-money-bill::before {
+    content: "\f0d6"; }
+  
+  .fa-bookmark::before {
+    content: "\f02e"; }
+  
+  .fa-align-justify::before {
+    content: "\f039"; }
+  
+  .fa-umbrella-beach::before {
+    content: "\f5ca"; }
+  
+  .fa-helmet-un::before {
+    content: "\e503"; }
+  
+  .fa-bullseye::before {
+    content: "\f140"; }
+  
+  .fa-bacon::before {
+    content: "\f7e5"; }
+  
+  .fa-hand-point-down::before {
+    content: "\f0a7"; }
+  
+  .fa-arrow-up-from-bracket::before {
+    content: "\e09a"; }
+  
+  .fa-folder::before {
+    content: "\f07b"; }
+  
+  .fa-folder-blank::before {
+    content: "\f07b"; }
+  
+  .fa-file-waveform::before {
+    content: "\f478"; }
+  
+  .fa-file-medical-alt::before {
+    content: "\f478"; }
+  
+  .fa-radiation::before {
+    content: "\f7b9"; }
+  
+  .fa-chart-simple::before {
+    content: "\e473"; }
+  
+  .fa-mars-stroke::before {
+    content: "\f229"; }
+  
+  .fa-vial::before {
+    content: "\f492"; }
+  
+  .fa-gauge::before {
+    content: "\f624"; }
+  
+  .fa-dashboard::before {
+    content: "\f624"; }
+  
+  .fa-gauge-med::before {
+    content: "\f624"; }
+  
+  .fa-tachometer-alt-average::before {
+    content: "\f624"; }
+  
+  .fa-wand-magic-sparkles::before {
+    content: "\e2ca"; }
+  
+  .fa-magic-wand-sparkles::before {
+    content: "\e2ca"; }
+  
+  .fa-e::before {
+    content: "\45"; }
+  
+  .fa-pen-clip::before {
+    content: "\f305"; }
+  
+  .fa-pen-alt::before {
+    content: "\f305"; }
+  
+  .fa-bridge-circle-exclamation::before {
+    content: "\e4ca"; }
+  
+  .fa-user::before {
+    content: "\f007"; }
+  
+  .fa-school-circle-check::before {
+    content: "\e56b"; }
+  
+  .fa-dumpster::before {
+    content: "\f793"; }
+  
+  .fa-van-shuttle::before {
+    content: "\f5b6"; }
+  
+  .fa-shuttle-van::before {
+    content: "\f5b6"; }
+  
+  .fa-building-user::before {
+    content: "\e4da"; }
+  
+  .fa-square-caret-left::before {
+    content: "\f191"; }
+  
+  .fa-caret-square-left::before {
+    content: "\f191"; }
+  
+  .fa-highlighter::before {
+    content: "\f591"; }
+  
+  .fa-key::before {
+    content: "\f084"; }
+  
+  .fa-bullhorn::before {
+    content: "\f0a1"; }
+  
+  .fa-globe::before {
+    content: "\f0ac"; }
+  
+  .fa-synagogue::before {
+    content: "\f69b"; }
+  
+  .fa-person-half-dress::before {
+    content: "\e548"; }
+  
+  .fa-road-bridge::before {
+    content: "\e563"; }
+  
+  .fa-location-arrow::before {
+    content: "\f124"; }
+  
+  .fa-c::before {
+    content: "\43"; }
+  
+  .fa-tablet-button::before {
+    content: "\f10a"; }
+  
+  .fa-building-lock::before {
+    content: "\e4d6"; }
+  
+  .fa-pizza-slice::before {
+    content: "\f818"; }
+  
+  .fa-money-bill-wave::before {
+    content: "\f53a"; }
+  
+  .fa-chart-area::before {
+    content: "\f1fe"; }
+  
+  .fa-area-chart::before {
+    content: "\f1fe"; }
+  
+  .fa-house-flag::before {
+    content: "\e50d"; }
+  
+  .fa-person-circle-minus::before {
+    content: "\e540"; }
+  
+  .fa-ban::before {
+    content: "\f05e"; }
+  
+  .fa-cancel::before {
+    content: "\f05e"; }
+  
+  .fa-camera-rotate::before {
+    content: "\e0d8"; }
+  
+  .fa-spray-can-sparkles::before {
+    content: "\f5d0"; }
+  
+  .fa-air-freshener::before {
+    content: "\f5d0"; }
+  
+  .fa-star::before {
+    content: "\f005"; }
+  
+  .fa-repeat::before {
+    content: "\f363"; }
+  
+  .fa-cross::before {
+    content: "\f654"; }
+  
+  .fa-box::before {
+    content: "\f466"; }
+  
+  .fa-venus-mars::before {
+    content: "\f228"; }
+  
+  .fa-arrow-pointer::before {
+    content: "\f245"; }
+  
+  .fa-mouse-pointer::before {
+    content: "\f245"; }
+  
+  .fa-maximize::before {
+    content: "\f31e"; }
+  
+  .fa-expand-arrows-alt::before {
+    content: "\f31e"; }
+  
+  .fa-charging-station::before {
+    content: "\f5e7"; }
+  
+  .fa-shapes::before {
+    content: "\f61f"; }
+  
+  .fa-triangle-circle-square::before {
+    content: "\f61f"; }
+  
+  .fa-shuffle::before {
+    content: "\f074"; }
+  
+  .fa-random::before {
+    content: "\f074"; }
+  
+  .fa-person-running::before {
+    content: "\f70c"; }
+  
+  .fa-running::before {
+    content: "\f70c"; }
+  
+  .fa-mobile-retro::before {
+    content: "\e527"; }
+  
+  .fa-grip-lines-vertical::before {
+    content: "\f7a5"; }
+  
+  .fa-spider::before {
+    content: "\f717"; }
+  
+  .fa-hands-bound::before {
+    content: "\e4f9"; }
+  
+  .fa-file-invoice-dollar::before {
+    content: "\f571"; }
+  
+  .fa-plane-circle-exclamation::before {
+    content: "\e556"; }
+  
+  .fa-x-ray::before {
+    content: "\f497"; }
+  
+  .fa-spell-check::before {
+    content: "\f891"; }
+  
+  .fa-slash::before {
+    content: "\f715"; }
+  
+  .fa-computer-mouse::before {
+    content: "\f8cc"; }
+  
+  .fa-mouse::before {
+    content: "\f8cc"; }
+  
+  .fa-arrow-right-to-bracket::before {
+    content: "\f090"; }
+  
+  .fa-sign-in::before {
+    content: "\f090"; }
+  
+  .fa-shop-slash::before {
+    content: "\e070"; }
+  
+  .fa-store-alt-slash::before {
+    content: "\e070"; }
+  
+  .fa-server::before {
+    content: "\f233"; }
+  
+  .fa-virus-covid-slash::before {
+    content: "\e4a9"; }
+  
+  .fa-shop-lock::before {
+    content: "\e4a5"; }
+  
+  .fa-hourglass-start::before {
+    content: "\f251"; }
+  
+  .fa-hourglass-1::before {
+    content: "\f251"; }
+  
+  .fa-blender-phone::before {
+    content: "\f6b6"; }
+  
+  .fa-building-wheat::before {
+    content: "\e4db"; }
+  
+  .fa-person-breastfeeding::before {
+    content: "\e53a"; }
+  
+  .fa-right-to-bracket::before {
+    content: "\f2f6"; }
+  
+  .fa-sign-in-alt::before {
+    content: "\f2f6"; }
+  
+  .fa-venus::before {
+    content: "\f221"; }
+  
+  .fa-passport::before {
+    content: "\f5ab"; }
+  
+  .fa-heart-pulse::before {
+    content: "\f21e"; }
+  
+  .fa-heartbeat::before {
+    content: "\f21e"; }
+  
+  .fa-people-carry-box::before {
+    content: "\f4ce"; }
+  
+  .fa-people-carry::before {
+    content: "\f4ce"; }
+  
+  .fa-temperature-high::before {
+    content: "\f769"; }
+  
+  .fa-microchip::before {
+    content: "\f2db"; }
+  
+  .fa-crown::before {
+    content: "\f521"; }
+  
+  .fa-weight-hanging::before {
+    content: "\f5cd"; }
+  
+  .fa-xmarks-lines::before {
+    content: "\e59a"; }
+  
+  .fa-file-prescription::before {
+    content: "\f572"; }
+  
+  .fa-weight-scale::before {
+    content: "\f496"; }
+  
+  .fa-weight::before {
+    content: "\f496"; }
+  
+  .fa-user-group::before {
+    content: "\f500"; }
+  
+  .fa-user-friends::before {
+    content: "\f500"; }
+  
+  .fa-arrow-up-a-z::before {
+    content: "\f15e"; }
+  
+  .fa-sort-alpha-up::before {
+    content: "\f15e"; }
+  
+  .fa-chess-knight::before {
+    content: "\f441"; }
+  
+  .fa-face-laugh-squint::before {
+    content: "\f59b"; }
+  
+  .fa-laugh-squint::before {
+    content: "\f59b"; }
+  
+  .fa-wheelchair::before {
+    content: "\f193"; }
+  
+  .fa-circle-arrow-up::before {
+    content: "\f0aa"; }
+  
+  .fa-arrow-circle-up::before {
+    content: "\f0aa"; }
+  
+  .fa-toggle-on::before {
+    content: "\f205"; }
+  
+  .fa-person-walking::before {
+    content: "\f554"; }
+  
+  .fa-walking::before {
+    content: "\f554"; }
+  
+  .fa-l::before {
+    content: "\4c"; }
+  
+  .fa-fire::before {
+    content: "\f06d"; }
+  
+  .fa-bed-pulse::before {
+    content: "\f487"; }
+  
+  .fa-procedures::before {
+    content: "\f487"; }
+  
+  .fa-shuttle-space::before {
+    content: "\f197"; }
+  
+  .fa-space-shuttle::before {
+    content: "\f197"; }
+  
+  .fa-face-laugh::before {
+    content: "\f599"; }
+  
+  .fa-laugh::before {
+    content: "\f599"; }
+  
+  .fa-folder-open::before {
+    content: "\f07c"; }
+  
+  .fa-heart-circle-plus::before {
+    content: "\e500"; }
+  
+  .fa-code-fork::before {
+    content: "\e13b"; }
+  
+  .fa-city::before {
+    content: "\f64f"; }
+  
+  .fa-microphone-lines::before {
+    content: "\f3c9"; }
+  
+  .fa-microphone-alt::before {
+    content: "\f3c9"; }
+  
+  .fa-pepper-hot::before {
+    content: "\f816"; }
+  
+  .fa-unlock::before {
+    content: "\f09c"; }
+  
+  .fa-colon-sign::before {
+    content: "\e140"; }
+  
+  .fa-headset::before {
+    content: "\f590"; }
+  
+  .fa-store-slash::before {
+    content: "\e071"; }
+  
+  .fa-road-circle-xmark::before {
+    content: "\e566"; }
+  
+  .fa-user-minus::before {
+    content: "\f503"; }
+  
+  .fa-mars-stroke-up::before {
+    content: "\f22a"; }
+  
+  .fa-mars-stroke-v::before {
+    content: "\f22a"; }
+  
+  .fa-champagne-glasses::before {
+    content: "\f79f"; }
+  
+  .fa-glass-cheers::before {
+    content: "\f79f"; }
+  
+  .fa-clipboard::before {
+    content: "\f328"; }
+  
+  .fa-house-circle-exclamation::before {
+    content: "\e50a"; }
+  
+  .fa-file-arrow-up::before {
+    content: "\f574"; }
+  
+  .fa-file-upload::before {
+    content: "\f574"; }
+  
+  .fa-wifi::before {
+    content: "\f1eb"; }
+  
+  .fa-wifi-3::before {
+    content: "\f1eb"; }
+  
+  .fa-wifi-strong::before {
+    content: "\f1eb"; }
+  
+  .fa-bath::before {
+    content: "\f2cd"; }
+  
+  .fa-bathtub::before {
+    content: "\f2cd"; }
+  
+  .fa-underline::before {
+    content: "\f0cd"; }
+  
+  .fa-user-pen::before {
+    content: "\f4ff"; }
+  
+  .fa-user-edit::before {
+    content: "\f4ff"; }
+  
+  .fa-signature::before {
+    content: "\f5b7"; }
+  
+  .fa-stroopwafel::before {
+    content: "\f551"; }
+  
+  .fa-bold::before {
+    content: "\f032"; }
+  
+  .fa-anchor-lock::before {
+    content: "\e4ad"; }
+  
+  .fa-building-ngo::before {
+    content: "\e4d7"; }
+  
+  .fa-manat-sign::before {
+    content: "\e1d5"; }
+  
+  .fa-not-equal::before {
+    content: "\f53e"; }
+  
+  .fa-border-top-left::before {
+    content: "\f853"; }
+  
+  .fa-border-style::before {
+    content: "\f853"; }
+  
+  .fa-map-location-dot::before {
+    content: "\f5a0"; }
+  
+  .fa-map-marked-alt::before {
+    content: "\f5a0"; }
+  
+  .fa-jedi::before {
+    content: "\f669"; }
+  
+  .fa-square-poll-vertical::before {
+    content: "\f681"; }
+  
+  .fa-poll::before {
+    content: "\f681"; }
+  
+  .fa-mug-hot::before {
+    content: "\f7b6"; }
+  
+  .fa-car-battery::before {
+    content: "\f5df"; }
+  
+  .fa-battery-car::before {
+    content: "\f5df"; }
+  
+  .fa-gift::before {
+    content: "\f06b"; }
+  
+  .fa-dice-two::before {
+    content: "\f528"; }
+  
+  .fa-chess-queen::before {
+    content: "\f445"; }
+  
+  .fa-glasses::before {
+    content: "\f530"; }
+  
+  .fa-chess-board::before {
+    content: "\f43c"; }
+  
+  .fa-building-circle-check::before {
+    content: "\e4d2"; }
+  
+  .fa-person-chalkboard::before {
+    content: "\e53d"; }
+  
+  .fa-mars-stroke-right::before {
+    content: "\f22b"; }
+  
+  .fa-mars-stroke-h::before {
+    content: "\f22b"; }
+  
+  .fa-hand-back-fist::before {
+    content: "\f255"; }
+  
+  .fa-hand-rock::before {
+    content: "\f255"; }
+  
+  .fa-square-caret-up::before {
+    content: "\f151"; }
+  
+  .fa-caret-square-up::before {
+    content: "\f151"; }
+  
+  .fa-cloud-showers-water::before {
+    content: "\e4e4"; }
+  
+  .fa-chart-bar::before {
+    content: "\f080"; }
+  
+  .fa-bar-chart::before {
+    content: "\f080"; }
+  
+  .fa-hands-bubbles::before {
+    content: "\e05e"; }
+  
+  .fa-hands-wash::before {
+    content: "\e05e"; }
+  
+  .fa-less-than-equal::before {
+    content: "\f537"; }
+  
+  .fa-train::before {
+    content: "\f238"; }
+  
+  .fa-eye-low-vision::before {
+    content: "\f2a8"; }
+  
+  .fa-low-vision::before {
+    content: "\f2a8"; }
+  
+  .fa-crow::before {
+    content: "\f520"; }
+  
+  .fa-sailboat::before {
+    content: "\e445"; }
+  
+  .fa-window-restore::before {
+    content: "\f2d2"; }
+  
+  .fa-square-plus::before {
+    content: "\f0fe"; }
+  
+  .fa-plus-square::before {
+    content: "\f0fe"; }
+  
+  .fa-torii-gate::before {
+    content: "\f6a1"; }
+  
+  .fa-frog::before {
+    content: "\f52e"; }
+  
+  .fa-bucket::before {
+    content: "\e4cf"; }
+  
+  .fa-image::before {
+    content: "\f03e"; }
+  
+  .fa-microphone::before {
+    content: "\f130"; }
+  
+  .fa-cow::before {
+    content: "\f6c8"; }
+  
+  .fa-caret-up::before {
+    content: "\f0d8"; }
+  
+  .fa-screwdriver::before {
+    content: "\f54a"; }
+  
+  .fa-folder-closed::before {
+    content: "\e185"; }
+  
+  .fa-house-tsunami::before {
+    content: "\e515"; }
+  
+  .fa-square-nfi::before {
+    content: "\e576"; }
+  
+  .fa-arrow-up-from-ground-water::before {
+    content: "\e4b5"; }
+  
+  .fa-martini-glass::before {
+    content: "\f57b"; }
+  
+  .fa-glass-martini-alt::before {
+    content: "\f57b"; }
+  
+  .fa-rotate-left::before {
+    content: "\f2ea"; }
+  
+  .fa-rotate-back::before {
+    content: "\f2ea"; }
+  
+  .fa-rotate-backward::before {
+    content: "\f2ea"; }
+  
+  .fa-undo-alt::before {
+    content: "\f2ea"; }
+  
+  .fa-table-columns::before {
+    content: "\f0db"; }
+  
+  .fa-columns::before {
+    content: "\f0db"; }
+  
+  .fa-lemon::before {
+    content: "\f094"; }
+  
+  .fa-head-side-mask::before {
+    content: "\e063"; }
+  
+  .fa-handshake::before {
+    content: "\f2b5"; }
+  
+  .fa-gem::before {
+    content: "\f3a5"; }
+  
+  .fa-dolly::before {
+    content: "\f472"; }
+  
+  .fa-dolly-box::before {
+    content: "\f472"; }
+  
+  .fa-smoking::before {
+    content: "\f48d"; }
+  
+  .fa-minimize::before {
+    content: "\f78c"; }
+  
+  .fa-compress-arrows-alt::before {
+    content: "\f78c"; }
+  
+  .fa-monument::before {
+    content: "\f5a6"; }
+  
+  .fa-snowplow::before {
+    content: "\f7d2"; }
+  
+  .fa-angles-right::before {
+    content: "\f101"; }
+  
+  .fa-angle-double-right::before {
+    content: "\f101"; }
+  
+  .fa-cannabis::before {
+    content: "\f55f"; }
+  
+  .fa-circle-play::before {
+    content: "\f144"; }
+  
+  .fa-play-circle::before {
+    content: "\f144"; }
+  
+  .fa-tablets::before {
+    content: "\f490"; }
+  
+  .fa-ethernet::before {
+    content: "\f796"; }
+  
+  .fa-euro-sign::before {
+    content: "\f153"; }
+  
+  .fa-eur::before {
+    content: "\f153"; }
+  
+  .fa-euro::before {
+    content: "\f153"; }
+  
+  .fa-chair::before {
+    content: "\f6c0"; }
+  
+  .fa-circle-check::before {
+    content: "\f058"; }
+  
+  .fa-check-circle::before {
+    content: "\f058"; }
+  
+  .fa-circle-stop::before {
+    content: "\f28d"; }
+  
+  .fa-stop-circle::before {
+    content: "\f28d"; }
+  
+  .fa-compass-drafting::before {
+    content: "\f568"; }
+  
+  .fa-drafting-compass::before {
+    content: "\f568"; }
+  
+  .fa-plate-wheat::before {
+    content: "\e55a"; }
+  
+  .fa-icicles::before {
+    content: "\f7ad"; }
+  
+  .fa-person-shelter::before {
+    content: "\e54f"; }
+  
+  .fa-neuter::before {
+    content: "\f22c"; }
+  
+  .fa-id-badge::before {
+    content: "\f2c1"; }
+  
+  .fa-marker::before {
+    content: "\f5a1"; }
+  
+  .fa-face-laugh-beam::before {
+    content: "\f59a"; }
+  
+  .fa-laugh-beam::before {
+    content: "\f59a"; }
+  
+  .fa-helicopter-symbol::before {
+    content: "\e502"; }
+  
+  .fa-universal-access::before {
+    content: "\f29a"; }
+  
+  .fa-circle-chevron-up::before {
+    content: "\f139"; }
+  
+  .fa-chevron-circle-up::before {
+    content: "\f139"; }
+  
+  .fa-lari-sign::before {
+    content: "\e1c8"; }
+  
+  .fa-volcano::before {
+    content: "\f770"; }
+  
+  .fa-person-walking-dashed-line-arrow-right::before {
+    content: "\e553"; }
+  
+  .fa-sterling-sign::before {
+    content: "\f154"; }
+  
+  .fa-gbp::before {
+    content: "\f154"; }
+  
+  .fa-pound-sign::before {
+    content: "\f154"; }
+  
+  .fa-viruses::before {
+    content: "\e076"; }
+  
+  .fa-square-person-confined::before {
+    content: "\e577"; }
+  
+  .fa-user-tie::before {
+    content: "\f508"; }
+  
+  .fa-arrow-down-long::before {
+    content: "\f175"; }
+  
+  .fa-long-arrow-down::before {
+    content: "\f175"; }
+  
+  .fa-tent-arrow-down-to-line::before {
+    content: "\e57e"; }
+  
+  .fa-certificate::before {
+    content: "\f0a3"; }
+  
+  .fa-reply-all::before {
+    content: "\f122"; }
+  
+  .fa-mail-reply-all::before {
+    content: "\f122"; }
+  
+  .fa-suitcase::before {
+    content: "\f0f2"; }
+  
+  .fa-person-skating::before {
+    content: "\f7c5"; }
+  
+  .fa-skating::before {
+    content: "\f7c5"; }
+  
+  .fa-filter-circle-dollar::before {
+    content: "\f662"; }
+  
+  .fa-funnel-dollar::before {
+    content: "\f662"; }
+  
+  .fa-camera-retro::before {
+    content: "\f083"; }
+  
+  .fa-circle-arrow-down::before {
+    content: "\f0ab"; }
+  
+  .fa-arrow-circle-down::before {
+    content: "\f0ab"; }
+  
+  .fa-file-import::before {
+    content: "\f56f"; }
+  
+  .fa-arrow-right-to-file::before {
+    content: "\f56f"; }
+  
+  .fa-square-arrow-up-right::before {
+    content: "\f14c"; }
+  
+  .fa-external-link-square::before {
+    content: "\f14c"; }
+  
+  .fa-box-open::before {
+    content: "\f49e"; }
+  
+  .fa-scroll::before {
+    content: "\f70e"; }
+  
+  .fa-spa::before {
+    content: "\f5bb"; }
+  
+  .fa-location-pin-lock::before {
+    content: "\e51f"; }
+  
+  .fa-pause::before {
+    content: "\f04c"; }
+  
+  .fa-hill-avalanche::before {
+    content: "\e507"; }
+  
+  .fa-temperature-empty::before {
+    content: "\f2cb"; }
+  
+  .fa-temperature-0::before {
+    content: "\f2cb"; }
+  
+  .fa-thermometer-0::before {
+    content: "\f2cb"; }
+  
+  .fa-thermometer-empty::before {
+    content: "\f2cb"; }
+  
+  .fa-bomb::before {
+    content: "\f1e2"; }
+  
+  .fa-registered::before {
+    content: "\f25d"; }
+  
+  .fa-address-card::before {
+    content: "\f2bb"; }
+  
+  .fa-contact-card::before {
+    content: "\f2bb"; }
+  
+  .fa-vcard::before {
+    content: "\f2bb"; }
+  
+  .fa-scale-unbalanced-flip::before {
+    content: "\f516"; }
+  
+  .fa-balance-scale-right::before {
+    content: "\f516"; }
+  
+  .fa-subscript::before {
+    content: "\f12c"; }
+  
+  .fa-diamond-turn-right::before {
+    content: "\f5eb"; }
+  
+  .fa-directions::before {
+    content: "\f5eb"; }
+  
+  .fa-burst::before {
+    content: "\e4dc"; }
+  
+  .fa-house-laptop::before {
+    content: "\e066"; }
+  
+  .fa-laptop-house::before {
+    content: "\e066"; }
+  
+  .fa-face-tired::before {
+    content: "\f5c8"; }
+  
+  .fa-tired::before {
+    content: "\f5c8"; }
+  
+  .fa-money-bills::before {
+    content: "\e1f3"; }
+  
+  .fa-smog::before {
+    content: "\f75f"; }
+  
+  .fa-crutch::before {
+    content: "\f7f7"; }
+  
+  .fa-cloud-arrow-up::before {
+    content: "\f0ee"; }
+  
+  .fa-cloud-upload::before {
+    content: "\f0ee"; }
+  
+  .fa-cloud-upload-alt::before {
+    content: "\f0ee"; }
+  
+  .fa-palette::before {
+    content: "\f53f"; }
+  
+  .fa-arrows-turn-right::before {
+    content: "\e4c0"; }
+  
+  .fa-vest::before {
+    content: "\e085"; }
+  
+  .fa-ferry::before {
+    content: "\e4ea"; }
+  
+  .fa-arrows-down-to-people::before {
+    content: "\e4b9"; }
+  
+  .fa-seedling::before {
+    content: "\f4d8"; }
+  
+  .fa-sprout::before {
+    content: "\f4d8"; }
+  
+  .fa-left-right::before {
+    content: "\f337"; }
+  
+  .fa-arrows-alt-h::before {
+    content: "\f337"; }
+  
+  .fa-boxes-packing::before {
+    content: "\e4c7"; }
+  
+  .fa-circle-arrow-left::before {
+    content: "\f0a8"; }
+  
+  .fa-arrow-circle-left::before {
+    content: "\f0a8"; }
+  
+  .fa-group-arrows-rotate::before {
+    content: "\e4f6"; }
+  
+  .fa-bowl-food::before {
+    content: "\e4c6"; }
+  
+  .fa-candy-cane::before {
+    content: "\f786"; }
+  
+  .fa-arrow-down-wide-short::before {
+    content: "\f160"; }
+  
+  .fa-sort-amount-asc::before {
+    content: "\f160"; }
+  
+  .fa-sort-amount-down::before {
+    content: "\f160"; }
+  
+  .fa-cloud-bolt::before {
+    content: "\f76c"; }
+  
+  .fa-thunderstorm::before {
+    content: "\f76c"; }
+  
+  .fa-text-slash::before {
+    content: "\f87d"; }
+  
+  .fa-remove-format::before {
+    content: "\f87d"; }
+  
+  .fa-face-smile-wink::before {
+    content: "\f4da"; }
+  
+  .fa-smile-wink::before {
+    content: "\f4da"; }
+  
+  .fa-file-word::before {
+    content: "\f1c2"; }
+  
+  .fa-file-powerpoint::before {
+    content: "\f1c4"; }
+  
+  .fa-arrows-left-right::before {
+    content: "\f07e"; }
+  
+  .fa-arrows-h::before {
+    content: "\f07e"; }
+  
+  .fa-house-lock::before {
+    content: "\e510"; }
+  
+  .fa-cloud-arrow-down::before {
+    content: "\f0ed"; }
+  
+  .fa-cloud-download::before {
+    content: "\f0ed"; }
+  
+  .fa-cloud-download-alt::before {
+    content: "\f0ed"; }
+  
+  .fa-children::before {
+    content: "\e4e1"; }
+  
+  .fa-chalkboard::before {
+    content: "\f51b"; }
+  
+  .fa-blackboard::before {
+    content: "\f51b"; }
+  
+  .fa-user-large-slash::before {
+    content: "\f4fa"; }
+  
+  .fa-user-alt-slash::before {
+    content: "\f4fa"; }
+  
+  .fa-envelope-open::before {
+    content: "\f2b6"; }
+  
+  .fa-handshake-simple-slash::before {
+    content: "\e05f"; }
+  
+  .fa-handshake-alt-slash::before {
+    content: "\e05f"; }
+  
+  .fa-mattress-pillow::before {
+    content: "\e525"; }
+  
+  .fa-guarani-sign::before {
+    content: "\e19a"; }
+  
+  .fa-arrows-rotate::before {
+    content: "\f021"; }
+  
+  .fa-refresh::before {
+    content: "\f021"; }
+  
+  .fa-sync::before {
+    content: "\f021"; }
+  
+  .fa-fire-extinguisher::before {
+    content: "\f134"; }
+  
+  .fa-cruzeiro-sign::before {
+    content: "\e152"; }
+  
+  .fa-greater-than-equal::before {
+    content: "\f532"; }
+  
+  .fa-shield-halved::before {
+    content: "\f3ed"; }
+  
+  .fa-shield-alt::before {
+    content: "\f3ed"; }
+  
+  .fa-book-atlas::before {
+    content: "\f558"; }
+  
+  .fa-atlas::before {
+    content: "\f558"; }
+  
+  .fa-virus::before {
+    content: "\e074"; }
+  
+  .fa-envelope-circle-check::before {
+    content: "\e4e8"; }
+  
+  .fa-layer-group::before {
+    content: "\f5fd"; }
+  
+  .fa-arrows-to-dot::before {
+    content: "\e4be"; }
+  
+  .fa-archway::before {
+    content: "\f557"; }
+  
+  .fa-heart-circle-check::before {
+    content: "\e4fd"; }
+  
+  .fa-house-chimney-crack::before {
+    content: "\f6f1"; }
+  
+  .fa-house-damage::before {
+    content: "\f6f1"; }
+  
+  .fa-file-zipper::before {
+    content: "\f1c6"; }
+  
+  .fa-file-archive::before {
+    content: "\f1c6"; }
+  
+  .fa-square::before {
+    content: "\f0c8"; }
+  
+  .fa-martini-glass-empty::before {
+    content: "\f000"; }
+  
+  .fa-glass-martini::before {
+    content: "\f000"; }
+  
+  .fa-couch::before {
+    content: "\f4b8"; }
+  
+  .fa-cedi-sign::before {
+    content: "\e0df"; }
+  
+  .fa-italic::before {
+    content: "\f033"; }
+  
+  .fa-church::before {
+    content: "\f51d"; }
+  
+  .fa-comments-dollar::before {
+    content: "\f653"; }
+  
+  .fa-democrat::before {
+    content: "\f747"; }
+  
+  .fa-z::before {
+    content: "\5a"; }
+  
+  .fa-person-skiing::before {
+    content: "\f7c9"; }
+  
+  .fa-skiing::before {
+    content: "\f7c9"; }
+  
+  .fa-road-lock::before {
+    content: "\e567"; }
+  
+  .fa-a::before {
+    content: "\41"; }
+  
+  .fa-temperature-arrow-down::before {
+    content: "\e03f"; }
+  
+  .fa-temperature-down::before {
+    content: "\e03f"; }
+  
+  .fa-feather-pointed::before {
+    content: "\f56b"; }
+  
+  .fa-feather-alt::before {
+    content: "\f56b"; }
+  
+  .fa-p::before {
+    content: "\50"; }
+  
+  .fa-snowflake::before {
+    content: "\f2dc"; }
+  
+  .fa-newspaper::before {
+    content: "\f1ea"; }
+  
+  .fa-rectangle-ad::before {
+    content: "\f641"; }
+  
+  .fa-ad::before {
+    content: "\f641"; }
+  
+  .fa-circle-arrow-right::before {
+    content: "\f0a9"; }
+  
+  .fa-arrow-circle-right::before {
+    content: "\f0a9"; }
+  
+  .fa-filter-circle-xmark::before {
+    content: "\e17b"; }
+  
+  .fa-locust::before {
+    content: "\e520"; }
+  
+  .fa-sort::before {
+    content: "\f0dc"; }
+  
+  .fa-unsorted::before {
+    content: "\f0dc"; }
+  
+  .fa-list-ol::before {
+    content: "\f0cb"; }
+  
+  .fa-list-1-2::before {
+    content: "\f0cb"; }
+  
+  .fa-list-numeric::before {
+    content: "\f0cb"; }
+  
+  .fa-person-dress-burst::before {
+    content: "\e544"; }
+  
+  .fa-money-check-dollar::before {
+    content: "\f53d"; }
+  
+  .fa-money-check-alt::before {
+    content: "\f53d"; }
+  
+  .fa-vector-square::before {
+    content: "\f5cb"; }
+  
+  .fa-bread-slice::before {
+    content: "\f7ec"; }
+  
+  .fa-language::before {
+    content: "\f1ab"; }
+  
+  .fa-face-kiss-wink-heart::before {
+    content: "\f598"; }
+  
+  .fa-kiss-wink-heart::before {
+    content: "\f598"; }
+  
+  .fa-filter::before {
+    content: "\f0b0"; }
+  
+  .fa-question::before {
+    content: "\3f"; }
+  
+  .fa-file-signature::before {
+    content: "\f573"; }
+  
+  .fa-up-down-left-right::before {
+    content: "\f0b2"; }
+  
+  .fa-arrows-alt::before {
+    content: "\f0b2"; }
+  
+  .fa-house-chimney-user::before {
+    content: "\e065"; }
+  
+  .fa-hand-holding-heart::before {
+    content: "\f4be"; }
+  
+  .fa-puzzle-piece::before {
+    content: "\f12e"; }
+  
+  .fa-money-check::before {
+    content: "\f53c"; }
+  
+  .fa-star-half-stroke::before {
+    content: "\f5c0"; }
+  
+  .fa-star-half-alt::before {
+    content: "\f5c0"; }
+  
+  .fa-code::before {
+    content: "\f121"; }
+  
+  .fa-whiskey-glass::before {
+    content: "\f7a0"; }
+  
+  .fa-glass-whiskey::before {
+    content: "\f7a0"; }
+  
+  .fa-building-circle-exclamation::before {
+    content: "\e4d3"; }
+  
+  .fa-magnifying-glass-chart::before {
+    content: "\e522"; }
+  
+  .fa-arrow-up-right-from-square::before {
+    content: "\f08e"; }
+  
+  .fa-external-link::before {
+    content: "\f08e"; }
+  
+  .fa-cubes-stacked::before {
+    content: "\e4e6"; }
+  
+  .fa-won-sign::before {
+    content: "\f159"; }
+  
+  .fa-krw::before {
+    content: "\f159"; }
+  
+  .fa-won::before {
+    content: "\f159"; }
+  
+  .fa-virus-covid::before {
+    content: "\e4a8"; }
+  
+  .fa-austral-sign::before {
+    content: "\e0a9"; }
+  
+  .fa-f::before {
+    content: "\46"; }
+  
+  .fa-leaf::before {
+    content: "\f06c"; }
+  
+  .fa-road::before {
+    content: "\f018"; }
+  
+  .fa-taxi::before {
+    content: "\f1ba"; }
+  
+  .fa-cab::before {
+    content: "\f1ba"; }
+  
+  .fa-person-circle-plus::before {
+    content: "\e541"; }
+  
+  .fa-chart-pie::before {
+    content: "\f200"; }
+  
+  .fa-pie-chart::before {
+    content: "\f200"; }
+  
+  .fa-bolt-lightning::before {
+    content: "\e0b7"; }
+  
+  .fa-sack-xmark::before {
+    content: "\e56a"; }
+  
+  .fa-file-excel::before {
+    content: "\f1c3"; }
+  
+  .fa-file-contract::before {
+    content: "\f56c"; }
+  
+  .fa-fish-fins::before {
+    content: "\e4f2"; }
+  
+  .fa-building-flag::before {
+    content: "\e4d5"; }
+  
+  .fa-face-grin-beam::before {
+    content: "\f582"; }
+  
+  .fa-grin-beam::before {
+    content: "\f582"; }
+  
+  .fa-object-ungroup::before {
+    content: "\f248"; }
+  
+  .fa-poop::before {
+    content: "\f619"; }
+  
+  .fa-location-pin::before {
+    content: "\f041"; }
+  
+  .fa-map-marker::before {
+    content: "\f041"; }
+  
+  .fa-kaaba::before {
+    content: "\f66b"; }
+  
+  .fa-toilet-paper::before {
+    content: "\f71e"; }
+  
+  .fa-helmet-safety::before {
+    content: "\f807"; }
+  
+  .fa-hard-hat::before {
+    content: "\f807"; }
+  
+  .fa-hat-hard::before {
+    content: "\f807"; }
+  
+  .fa-eject::before {
+    content: "\f052"; }
+  
+  .fa-circle-right::before {
+    content: "\f35a"; }
+  
+  .fa-arrow-alt-circle-right::before {
+    content: "\f35a"; }
+  
+  .fa-plane-circle-check::before {
+    content: "\e555"; }
+  
+  .fa-face-rolling-eyes::before {
+    content: "\f5a5"; }
+  
+  .fa-meh-rolling-eyes::before {
+    content: "\f5a5"; }
+  
+  .fa-object-group::before {
+    content: "\f247"; }
+  
+  .fa-chart-line::before {
+    content: "\f201"; }
+  
+  .fa-line-chart::before {
+    content: "\f201"; }
+  
+  .fa-mask-ventilator::before {
+    content: "\e524"; }
+  
+  .fa-arrow-right::before {
+    content: "\f061"; }
+  
+  .fa-signs-post::before {
+    content: "\f277"; }
+  
+  .fa-map-signs::before {
+    content: "\f277"; }
+  
+  .fa-cash-register::before {
+    content: "\f788"; }
+  
+  .fa-person-circle-question::before {
+    content: "\e542"; }
+  
+  .fa-h::before {
+    content: "\48"; }
+  
+  .fa-tarp::before {
+    content: "\e57b"; }
+  
+  .fa-screwdriver-wrench::before {
+    content: "\f7d9"; }
+  
+  .fa-tools::before {
+    content: "\f7d9"; }
+  
+  .fa-arrows-to-eye::before {
+    content: "\e4bf"; }
+  
+  .fa-plug-circle-bolt::before {
+    content: "\e55b"; }
+  
+  .fa-heart::before {
+    content: "\f004"; }
+  
+  .fa-mars-and-venus::before {
+    content: "\f224"; }
+  
+  .fa-house-user::before {
+    content: "\e1b0"; }
+  
+  .fa-home-user::before {
+    content: "\e1b0"; }
+  
+  .fa-dumpster-fire::before {
+    content: "\f794"; }
+  
+  .fa-house-crack::before {
+    content: "\e3b1"; }
+  
+  .fa-martini-glass-citrus::before {
+    content: "\f561"; }
+  
+  .fa-cocktail::before {
+    content: "\f561"; }
+  
+  .fa-face-surprise::before {
+    content: "\f5c2"; }
+  
+  .fa-surprise::before {
+    content: "\f5c2"; }
+  
+  .fa-bottle-water::before {
+    content: "\e4c5"; }
+  
+  .fa-circle-pause::before {
+    content: "\f28b"; }
+  
+  .fa-pause-circle::before {
+    content: "\f28b"; }
+  
+  .fa-toilet-paper-slash::before {
+    content: "\e072"; }
+  
+  .fa-apple-whole::before {
+    content: "\f5d1"; }
+  
+  .fa-apple-alt::before {
+    content: "\f5d1"; }
+  
+  .fa-kitchen-set::before {
+    content: "\e51a"; }
+  
+  .fa-r::before {
+    content: "\52"; }
+  
+  .fa-temperature-quarter::before {
+    content: "\f2ca"; }
+  
+  .fa-temperature-1::before {
+    content: "\f2ca"; }
+  
+  .fa-thermometer-1::before {
+    content: "\f2ca"; }
+  
+  .fa-thermometer-quarter::before {
+    content: "\f2ca"; }
+  
+  .fa-cube::before {
+    content: "\f1b2"; }
+  
+  .fa-bitcoin-sign::before {
+    content: "\e0b4"; }
+  
+  .fa-shield-dog::before {
+    content: "\e573"; }
+  
+  .fa-solar-panel::before {
+    content: "\f5ba"; }
+  
+  .fa-lock-open::before {
+    content: "\f3c1"; }
+  
+  .fa-elevator::before {
+    content: "\e16d"; }
+  
+  .fa-money-bill-transfer::before {
+    content: "\e528"; }
+  
+  .fa-money-bill-trend-up::before {
+    content: "\e529"; }
+  
+  .fa-house-flood-water-circle-arrow-right::before {
+    content: "\e50f"; }
+  
+  .fa-square-poll-horizontal::before {
+    content: "\f682"; }
+  
+  .fa-poll-h::before {
+    content: "\f682"; }
+  
+  .fa-circle::before {
+    content: "\f111"; }
+  
+  .fa-backward-fast::before {
+    content: "\f049"; }
+  
+  .fa-fast-backward::before {
+    content: "\f049"; }
+  
+  .fa-recycle::before {
+    content: "\f1b8"; }
+  
+  .fa-user-astronaut::before {
+    content: "\f4fb"; }
+  
+  .fa-plane-slash::before {
+    content: "\e069"; }
+  
+  .fa-trademark::before {
+    content: "\f25c"; }
+  
+  .fa-basketball::before {
+    content: "\f434"; }
+  
+  .fa-basketball-ball::before {
+    content: "\f434"; }
+  
+  .fa-satellite-dish::before {
+    content: "\f7c0"; }
+  
+  .fa-circle-up::before {
+    content: "\f35b"; }
+  
+  .fa-arrow-alt-circle-up::before {
+    content: "\f35b"; }
+  
+  .fa-mobile-screen-button::before {
+    content: "\f3cd"; }
+  
+  .fa-mobile-alt::before {
+    content: "\f3cd"; }
+  
+  .fa-volume-high::before {
+    content: "\f028"; }
+  
+  .fa-volume-up::before {
+    content: "\f028"; }
+  
+  .fa-users-rays::before {
+    content: "\e593"; }
+  
+  .fa-wallet::before {
+    content: "\f555"; }
+  
+  .fa-clipboard-check::before {
+    content: "\f46c"; }
+  
+  .fa-file-audio::before {
+    content: "\f1c7"; }
+  
+  .fa-burger::before {
+    content: "\f805"; }
+  
+  .fa-hamburger::before {
+    content: "\f805"; }
+  
+  .fa-wrench::before {
+    content: "\f0ad"; }
+  
+  .fa-bugs::before {
+    content: "\e4d0"; }
+  
+  .fa-rupee-sign::before {
+    content: "\f156"; }
+  
+  .fa-rupee::before {
+    content: "\f156"; }
+  
+  .fa-file-image::before {
+    content: "\f1c5"; }
+  
+  .fa-circle-question::before {
+    content: "\f059"; }
+  
+  .fa-question-circle::before {
+    content: "\f059"; }
+  
+  .fa-plane-departure::before {
+    content: "\f5b0"; }
+  
+  .fa-handshake-slash::before {
+    content: "\e060"; }
+  
+  .fa-book-bookmark::before {
+    content: "\e0bb"; }
+  
+  .fa-code-branch::before {
+    content: "\f126"; }
+  
+  .fa-hat-cowboy::before {
+    content: "\f8c0"; }
+  
+  .fa-bridge::before {
+    content: "\e4c8"; }
+  
+  .fa-phone-flip::before {
+    content: "\f879"; }
+  
+  .fa-phone-alt::before {
+    content: "\f879"; }
+  
+  .fa-truck-front::before {
+    content: "\e2b7"; }
+  
+  .fa-cat::before {
+    content: "\f6be"; }
+  
+  .fa-anchor-circle-exclamation::before {
+    content: "\e4ab"; }
+  
+  .fa-truck-field::before {
+    content: "\e58d"; }
+  
+  .fa-route::before {
+    content: "\f4d7"; }
+  
+  .fa-clipboard-question::before {
+    content: "\e4e3"; }
+  
+  .fa-panorama::before {
+    content: "\e209"; }
+  
+  .fa-comment-medical::before {
+    content: "\f7f5"; }
+  
+  .fa-teeth-open::before {
+    content: "\f62f"; }
+  
+  .fa-file-circle-minus::before {
+    content: "\e4ed"; }
+  
+  .fa-tags::before {
+    content: "\f02c"; }
+  
+  .fa-wine-glass::before {
+    content: "\f4e3"; }
+  
+  .fa-forward-fast::before {
+    content: "\f050"; }
+  
+  .fa-fast-forward::before {
+    content: "\f050"; }
+  
+  .fa-face-meh-blank::before {
+    content: "\f5a4"; }
+  
+  .fa-meh-blank::before {
+    content: "\f5a4"; }
+  
+  .fa-square-parking::before {
+    content: "\f540"; }
+  
+  .fa-parking::before {
+    content: "\f540"; }
+  
+  .fa-house-signal::before {
+    content: "\e012"; }
+  
+  .fa-bars-progress::before {
+    content: "\f828"; }
+  
+  .fa-tasks-alt::before {
+    content: "\f828"; }
+  
+  .fa-faucet-drip::before {
+    content: "\e006"; }
+  
+  .fa-cart-flatbed::before {
+    content: "\f474"; }
+  
+  .fa-dolly-flatbed::before {
+    content: "\f474"; }
+  
+  .fa-ban-smoking::before {
+    content: "\f54d"; }
+  
+  .fa-smoking-ban::before {
+    content: "\f54d"; }
+  
+  .fa-terminal::before {
+    content: "\f120"; }
+  
+  .fa-mobile-button::before {
+    content: "\f10b"; }
+  
+  .fa-house-medical-flag::before {
+    content: "\e514"; }
+  
+  .fa-basket-shopping::before {
+    content: "\f291"; }
+  
+  .fa-shopping-basket::before {
+    content: "\f291"; }
+  
+  .fa-tape::before {
+    content: "\f4db"; }
+  
+  .fa-bus-simple::before {
+    content: "\f55e"; }
+  
+  .fa-bus-alt::before {
+    content: "\f55e"; }
+  
+  .fa-eye::before {
+    content: "\f06e"; }
+  
+  .fa-face-sad-cry::before {
+    content: "\f5b3"; }
+  
+  .fa-sad-cry::before {
+    content: "\f5b3"; }
+  
+  .fa-audio-description::before {
+    content: "\f29e"; }
+  
+  .fa-person-military-to-person::before {
+    content: "\e54c"; }
+  
+  .fa-file-shield::before {
+    content: "\e4f0"; }
+  
+  .fa-user-slash::before {
+    content: "\f506"; }
+  
+  .fa-pen::before {
+    content: "\f304"; }
+  
+  .fa-tower-observation::before {
+    content: "\e586"; }
+  
+  .fa-file-code::before {
+    content: "\f1c9"; }
+  
+  .fa-signal::before {
+    content: "\f012"; }
+  
+  .fa-signal-5::before {
+    content: "\f012"; }
+  
+  .fa-signal-perfect::before {
+    content: "\f012"; }
+  
+  .fa-bus::before {
+    content: "\f207"; }
+  
+  .fa-heart-circle-xmark::before {
+    content: "\e501"; }
+  
+  .fa-house-chimney::before {
+    content: "\e3af"; }
+  
+  .fa-home-lg::before {
+    content: "\e3af"; }
+  
+  .fa-window-maximize::before {
+    content: "\f2d0"; }
+  
+  .fa-face-frown::before {
+    content: "\f119"; }
+  
+  .fa-frown::before {
+    content: "\f119"; }
+  
+  .fa-prescription::before {
+    content: "\f5b1"; }
+  
+  .fa-shop::before {
+    content: "\f54f"; }
+  
+  .fa-store-alt::before {
+    content: "\f54f"; }
+  
+  .fa-floppy-disk::before {
+    content: "\f0c7"; }
+  
+  .fa-save::before {
+    content: "\f0c7"; }
+  
+  .fa-vihara::before {
+    content: "\f6a7"; }
+  
+  .fa-scale-unbalanced::before {
+    content: "\f515"; }
+  
+  .fa-balance-scale-left::before {
+    content: "\f515"; }
+  
+  .fa-sort-up::before {
+    content: "\f0de"; }
+  
+  .fa-sort-asc::before {
+    content: "\f0de"; }
+  
+  .fa-comment-dots::before {
+    content: "\f4ad"; }
+  
+  .fa-commenting::before {
+    content: "\f4ad"; }
+  
+  .fa-plant-wilt::before {
+    content: "\e5aa"; }
+  
+  .fa-diamond::before {
+    content: "\f219"; }
+  
+  .fa-face-grin-squint::before {
+    content: "\f585"; }
+  
+  .fa-grin-squint::before {
+    content: "\f585"; }
+  
+  .fa-hand-holding-dollar::before {
+    content: "\f4c0"; }
+  
+  .fa-hand-holding-usd::before {
+    content: "\f4c0"; }
+  
+  .fa-bacterium::before {
+    content: "\e05a"; }
+  
+  .fa-hand-pointer::before {
+    content: "\f25a"; }
+  
+  .fa-drum-steelpan::before {
+    content: "\f56a"; }
+  
+  .fa-hand-scissors::before {
+    content: "\f257"; }
+  
+  .fa-hands-praying::before {
+    content: "\f684"; }
+  
+  .fa-praying-hands::before {
+    content: "\f684"; }
+  
+  .fa-arrow-rotate-right::before {
+    content: "\f01e"; }
+  
+  .fa-arrow-right-rotate::before {
+    content: "\f01e"; }
+  
+  .fa-arrow-rotate-forward::before {
+    content: "\f01e"; }
+  
+  .fa-redo::before {
+    content: "\f01e"; }
+  
+  .fa-biohazard::before {
+    content: "\f780"; }
+  
+  .fa-location-crosshairs::before {
+    content: "\f601"; }
+  
+  .fa-location::before {
+    content: "\f601"; }
+  
+  .fa-mars-double::before {
+    content: "\f227"; }
+  
+  .fa-child-dress::before {
+    content: "\e59c"; }
+  
+  .fa-users-between-lines::before {
+    content: "\e591"; }
+  
+  .fa-lungs-virus::before {
+    content: "\e067"; }
+  
+  .fa-face-grin-tears::before {
+    content: "\f588"; }
+  
+  .fa-grin-tears::before {
+    content: "\f588"; }
+  
+  .fa-phone::before {
+    content: "\f095"; }
+  
+  .fa-calendar-xmark::before {
+    content: "\f273"; }
+  
+  .fa-calendar-times::before {
+    content: "\f273"; }
+  
+  .fa-child-reaching::before {
+    content: "\e59d"; }
+  
+  .fa-head-side-virus::before {
+    content: "\e064"; }
+  
+  .fa-user-gear::before {
+    content: "\f4fe"; }
+  
+  .fa-user-cog::before {
+    content: "\f4fe"; }
+  
+  .fa-arrow-up-1-9::before {
+    content: "\f163"; }
+  
+  .fa-sort-numeric-up::before {
+    content: "\f163"; }
+  
+  .fa-door-closed::before {
+    content: "\f52a"; }
+  
+  .fa-shield-virus::before {
+    content: "\e06c"; }
+  
+  .fa-dice-six::before {
+    content: "\f526"; }
+  
+  .fa-mosquito-net::before {
+    content: "\e52c"; }
+  
+  .fa-bridge-water::before {
+    content: "\e4ce"; }
+  
+  .fa-person-booth::before {
+    content: "\f756"; }
+  
+  .fa-text-width::before {
+    content: "\f035"; }
+  
+  .fa-hat-wizard::before {
+    content: "\f6e8"; }
+  
+  .fa-pen-fancy::before {
+    content: "\f5ac"; }
+  
+  .fa-person-digging::before {
+    content: "\f85e"; }
+  
+  .fa-digging::before {
+    content: "\f85e"; }
+  
+  .fa-trash::before {
+    content: "\f1f8"; }
+  
+  .fa-gauge-simple::before {
+    content: "\f629"; }
+  
+  .fa-gauge-simple-med::before {
+    content: "\f629"; }
+  
+  .fa-tachometer-average::before {
+    content: "\f629"; }
+  
+  .fa-book-medical::before {
+    content: "\f7e6"; }
+  
+  .fa-poo::before {
+    content: "\f2fe"; }
+  
+  .fa-quote-right::before {
+    content: "\f10e"; }
+  
+  .fa-quote-right-alt::before {
+    content: "\f10e"; }
+  
+  .fa-shirt::before {
+    content: "\f553"; }
+  
+  .fa-t-shirt::before {
+    content: "\f553"; }
+  
+  .fa-tshirt::before {
+    content: "\f553"; }
+  
+  .fa-cubes::before {
+    content: "\f1b3"; }
+  
+  .fa-divide::before {
+    content: "\f529"; }
+  
+  .fa-tenge-sign::before {
+    content: "\f7d7"; }
+  
+  .fa-tenge::before {
+    content: "\f7d7"; }
+  
+  .fa-headphones::before {
+    content: "\f025"; }
+  
+  .fa-hands-holding::before {
+    content: "\f4c2"; }
+  
+  .fa-hands-clapping::before {
+    content: "\e1a8"; }
+  
+  .fa-republican::before {
+    content: "\f75e"; }
+  
+  .fa-arrow-left::before {
+    content: "\f060"; }
+  
+  .fa-person-circle-xmark::before {
+    content: "\e543"; }
+  
+  .fa-ruler::before {
+    content: "\f545"; }
+  
+  .fa-align-left::before {
+    content: "\f036"; }
+  
+  .fa-dice-d6::before {
+    content: "\f6d1"; }
+  
+  .fa-restroom::before {
+    content: "\f7bd"; }
+  
+  .fa-j::before {
+    content: "\4a"; }
+  
+  .fa-users-viewfinder::before {
+    content: "\e595"; }
+  
+  .fa-file-video::before {
+    content: "\f1c8"; }
+  
+  .fa-up-right-from-square::before {
+    content: "\f35d"; }
+  
+  .fa-external-link-alt::before {
+    content: "\f35d"; }
+  
+  .fa-table-cells::before {
+    content: "\f00a"; }
+  
+  .fa-th::before {
+    content: "\f00a"; }
+  
+  .fa-file-pdf::before {
+    content: "\f1c1"; }
+  
+  .fa-book-bible::before {
+    content: "\f647"; }
+  
+  .fa-bible::before {
+    content: "\f647"; }
+  
+  .fa-o::before {
+    content: "\4f"; }
+  
+  .fa-suitcase-medical::before {
+    content: "\f0fa"; }
+  
+  .fa-medkit::before {
+    content: "\f0fa"; }
+  
+  .fa-user-secret::before {
+    content: "\f21b"; }
+  
+  .fa-otter::before {
+    content: "\f700"; }
+  
+  .fa-person-dress::before {
+    content: "\f182"; }
+  
+  .fa-female::before {
+    content: "\f182"; }
+  
+  .fa-comment-dollar::before {
+    content: "\f651"; }
+  
+  .fa-business-time::before {
+    content: "\f64a"; }
+  
+  .fa-briefcase-clock::before {
+    content: "\f64a"; }
+  
+  .fa-table-cells-large::before {
+    content: "\f009"; }
+  
+  .fa-th-large::before {
+    content: "\f009"; }
+  
+  .fa-book-tanakh::before {
+    content: "\f827"; }
+  
+  .fa-tanakh::before {
+    content: "\f827"; }
+  
+  .fa-phone-volume::before {
+    content: "\f2a0"; }
+  
+  .fa-volume-control-phone::before {
+    content: "\f2a0"; }
+  
+  .fa-hat-cowboy-side::before {
+    content: "\f8c1"; }
+  
+  .fa-clipboard-user::before {
+    content: "\f7f3"; }
+  
+  .fa-child::before {
+    content: "\f1ae"; }
+  
+  .fa-lira-sign::before {
+    content: "\f195"; }
+  
+  .fa-satellite::before {
+    content: "\f7bf"; }
+  
+  .fa-plane-lock::before {
+    content: "\e558"; }
+  
+  .fa-tag::before {
+    content: "\f02b"; }
+  
+  .fa-comment::before {
+    content: "\f075"; }
+  
+  .fa-cake-candles::before {
+    content: "\f1fd"; }
+  
+  .fa-birthday-cake::before {
+    content: "\f1fd"; }
+  
+  .fa-cake::before {
+    content: "\f1fd"; }
+  
+  .fa-envelope::before {
+    content: "\f0e0"; }
+  
+  .fa-angles-up::before {
+    content: "\f102"; }
+  
+  .fa-angle-double-up::before {
+    content: "\f102"; }
+  
+  .fa-paperclip::before {
+    content: "\f0c6"; }
+  
+  .fa-arrow-right-to-city::before {
+    content: "\e4b3"; }
+  
+  .fa-ribbon::before {
+    content: "\f4d6"; }
+  
+  .fa-lungs::before {
+    content: "\f604"; }
+  
+  .fa-arrow-up-9-1::before {
+    content: "\f887"; }
+  
+  .fa-sort-numeric-up-alt::before {
+    content: "\f887"; }
+  
+  .fa-litecoin-sign::before {
+    content: "\e1d3"; }
+  
+  .fa-border-none::before {
+    content: "\f850"; }
+  
+  .fa-circle-nodes::before {
+    content: "\e4e2"; }
+  
+  .fa-parachute-box::before {
+    content: "\f4cd"; }
+  
+  .fa-indent::before {
+    content: "\f03c"; }
+  
+  .fa-truck-field-un::before {
+    content: "\e58e"; }
+  
+  .fa-hourglass::before {
+    content: "\f254"; }
+  
+  .fa-hourglass-empty::before {
+    content: "\f254"; }
+  
+  .fa-mountain::before {
+    content: "\f6fc"; }
+  
+  .fa-user-doctor::before {
+    content: "\f0f0"; }
+  
+  .fa-user-md::before {
+    content: "\f0f0"; }
+  
+  .fa-circle-info::before {
+    content: "\f05a"; }
+  
+  .fa-info-circle::before {
+    content: "\f05a"; }
+  
+  .fa-cloud-meatball::before {
+    content: "\f73b"; }
+  
+  .fa-camera::before {
+    content: "\f030"; }
+  
+  .fa-camera-alt::before {
+    content: "\f030"; }
+  
+  .fa-square-virus::before {
+    content: "\e578"; }
+  
+  .fa-meteor::before {
+    content: "\f753"; }
+  
+  .fa-car-on::before {
+    content: "\e4dd"; }
+  
+  .fa-sleigh::before {
+    content: "\f7cc"; }
+  
+  .fa-arrow-down-1-9::before {
+    content: "\f162"; }
+  
+  .fa-sort-numeric-asc::before {
+    content: "\f162"; }
+  
+  .fa-sort-numeric-down::before {
+    content: "\f162"; }
+  
+  .fa-hand-holding-droplet::before {
+    content: "\f4c1"; }
+  
+  .fa-hand-holding-water::before {
+    content: "\f4c1"; }
+  
+  .fa-water::before {
+    content: "\f773"; }
+  
+  .fa-calendar-check::before {
+    content: "\f274"; }
+  
+  .fa-braille::before {
+    content: "\f2a1"; }
+  
+  .fa-prescription-bottle-medical::before {
+    content: "\f486"; }
+  
+  .fa-prescription-bottle-alt::before {
+    content: "\f486"; }
+  
+  .fa-landmark::before {
+    content: "\f66f"; }
+  
+  .fa-truck::before {
+    content: "\f0d1"; }
+  
+  .fa-crosshairs::before {
+    content: "\f05b"; }
+  
+  .fa-person-cane::before {
+    content: "\e53c"; }
+  
+  .fa-tent::before {
+    content: "\e57d"; }
+  
+  .fa-vest-patches::before {
+    content: "\e086"; }
+  
+  .fa-check-double::before {
+    content: "\f560"; }
+  
+  .fa-arrow-down-a-z::before {
+    content: "\f15d"; }
+  
+  .fa-sort-alpha-asc::before {
+    content: "\f15d"; }
+  
+  .fa-sort-alpha-down::before {
+    content: "\f15d"; }
+  
+  .fa-money-bill-wheat::before {
+    content: "\e52a"; }
+  
+  .fa-cookie::before {
+    content: "\f563"; }
+  
+  .fa-arrow-rotate-left::before {
+    content: "\f0e2"; }
+  
+  .fa-arrow-left-rotate::before {
+    content: "\f0e2"; }
+  
+  .fa-arrow-rotate-back::before {
+    content: "\f0e2"; }
+  
+  .fa-arrow-rotate-backward::before {
+    content: "\f0e2"; }
+  
+  .fa-undo::before {
+    content: "\f0e2"; }
+  
+  .fa-hard-drive::before {
+    content: "\f0a0"; }
+  
+  .fa-hdd::before {
+    content: "\f0a0"; }
+  
+  .fa-face-grin-squint-tears::before {
+    content: "\f586"; }
+  
+  .fa-grin-squint-tears::before {
+    content: "\f586"; }
+  
+  .fa-dumbbell::before {
+    content: "\f44b"; }
+  
+  .fa-rectangle-list::before {
+    content: "\f022"; }
+  
+  .fa-list-alt::before {
+    content: "\f022"; }
+  
+  .fa-tarp-droplet::before {
+    content: "\e57c"; }
+  
+  .fa-house-medical-circle-check::before {
+    content: "\e511"; }
+  
+  .fa-person-skiing-nordic::before {
+    content: "\f7ca"; }
+  
+  .fa-skiing-nordic::before {
+    content: "\f7ca"; }
+  
+  .fa-calendar-plus::before {
+    content: "\f271"; }
+  
+  .fa-plane-arrival::before {
+    content: "\f5af"; }
+  
+  .fa-circle-left::before {
+    content: "\f359"; }
+  
+  .fa-arrow-alt-circle-left::before {
+    content: "\f359"; }
+  
+  .fa-train-subway::before {
+    content: "\f239"; }
+  
+  .fa-subway::before {
+    content: "\f239"; }
+  
+  .fa-chart-gantt::before {
+    content: "\e0e4"; }
+  
+  .fa-indian-rupee-sign::before {
+    content: "\e1bc"; }
+  
+  .fa-indian-rupee::before {
+    content: "\e1bc"; }
+  
+  .fa-inr::before {
+    content: "\e1bc"; }
+  
+  .fa-crop-simple::before {
+    content: "\f565"; }
+  
+  .fa-crop-alt::before {
+    content: "\f565"; }
+  
+  .fa-money-bill-1::before {
+    content: "\f3d1"; }
+  
+  .fa-money-bill-alt::before {
+    content: "\f3d1"; }
+  
+  .fa-left-long::before {
+    content: "\f30a"; }
+  
+  .fa-long-arrow-alt-left::before {
+    content: "\f30a"; }
+  
+  .fa-dna::before {
+    content: "\f471"; }
+  
+  .fa-virus-slash::before {
+    content: "\e075"; }
+  
+  .fa-minus::before {
+    content: "\f068"; }
+  
+  .fa-subtract::before {
+    content: "\f068"; }
+  
+  .fa-chess::before {
+    content: "\f439"; }
+  
+  .fa-arrow-left-long::before {
+    content: "\f177"; }
+  
+  .fa-long-arrow-left::before {
+    content: "\f177"; }
+  
+  .fa-plug-circle-check::before {
+    content: "\e55c"; }
+  
+  .fa-street-view::before {
+    content: "\f21d"; }
+  
+  .fa-franc-sign::before {
+    content: "\e18f"; }
+  
+  .fa-volume-off::before {
+    content: "\f026"; }
+  
+  .fa-hands-asl-interpreting::before {
+    content: "\f2a3"; }
+  
+  .fa-american-sign-language-interpreting::before {
+    content: "\f2a3"; }
+  
+  .fa-asl-interpreting::before {
+    content: "\f2a3"; }
+  
+  .fa-hands-american-sign-language-interpreting::before {
+    content: "\f2a3"; }
+  
+  .fa-gear::before {
+    content: "\f013"; }
+  
+  .fa-cog::before {
+    content: "\f013"; }
+  
+  .fa-droplet-slash::before {
+    content: "\f5c7"; }
+  
+  .fa-tint-slash::before {
+    content: "\f5c7"; }
+  
+  .fa-mosque::before {
+    content: "\f678"; }
+  
+  .fa-mosquito::before {
+    content: "\e52b"; }
+  
+  .fa-star-of-david::before {
+    content: "\f69a"; }
+  
+  .fa-person-military-rifle::before {
+    content: "\e54b"; }
+  
+  .fa-cart-shopping::before {
+    content: "\f07a"; }
+  
+  .fa-shopping-cart::before {
+    content: "\f07a"; }
+  
+  .fa-vials::before {
+    content: "\f493"; }
+  
+  .fa-plug-circle-plus::before {
+    content: "\e55f"; }
+  
+  .fa-place-of-worship::before {
+    content: "\f67f"; }
+  
+  .fa-grip-vertical::before {
+    content: "\f58e"; }
+  
+  .fa-arrow-turn-up::before {
+    content: "\f148"; }
+  
+  .fa-level-up::before {
+    content: "\f148"; }
+  
+  .fa-u::before {
+    content: "\55"; }
+  
+  .fa-square-root-variable::before {
+    content: "\f698"; }
+  
+  .fa-square-root-alt::before {
+    content: "\f698"; }
+  
+  .fa-clock::before {
+    content: "\f017"; }
+  
+  .fa-clock-four::before {
+    content: "\f017"; }
+  
+  .fa-backward-step::before {
+    content: "\f048"; }
+  
+  .fa-step-backward::before {
+    content: "\f048"; }
+  
+  .fa-pallet::before {
+    content: "\f482"; }
+  
+  .fa-faucet::before {
+    content: "\e005"; }
+  
+  .fa-baseball-bat-ball::before {
+    content: "\f432"; }
+  
+  .fa-s::before {
+    content: "\53"; }
+  
+  .fa-timeline::before {
+    content: "\e29c"; }
+  
+  .fa-keyboard::before {
+    content: "\f11c"; }
+  
+  .fa-caret-down::before {
+    content: "\f0d7"; }
+  
+  .fa-house-chimney-medical::before {
+    content: "\f7f2"; }
+  
+  .fa-clinic-medical::before {
+    content: "\f7f2"; }
+  
+  .fa-temperature-three-quarters::before {
+    content: "\f2c8"; }
+  
+  .fa-temperature-3::before {
+    content: "\f2c8"; }
+  
+  .fa-thermometer-3::before {
+    content: "\f2c8"; }
+  
+  .fa-thermometer-three-quarters::before {
+    content: "\f2c8"; }
+  
+  .fa-mobile-screen::before {
+    content: "\f3cf"; }
+  
+  .fa-mobile-android-alt::before {
+    content: "\f3cf"; }
+  
+  .fa-plane-up::before {
+    content: "\e22d"; }
+  
+  .fa-piggy-bank::before {
+    content: "\f4d3"; }
+  
+  .fa-battery-half::before {
+    content: "\f242"; }
+  
+  .fa-battery-3::before {
+    content: "\f242"; }
+  
+  .fa-mountain-city::before {
+    content: "\e52e"; }
+  
+  .fa-coins::before {
+    content: "\f51e"; }
+  
+  .fa-khanda::before {
+    content: "\f66d"; }
+  
+  .fa-sliders::before {
+    content: "\f1de"; }
+  
+  .fa-sliders-h::before {
+    content: "\f1de"; }
+  
+  .fa-folder-tree::before {
+    content: "\f802"; }
+  
+  .fa-network-wired::before {
+    content: "\f6ff"; }
+  
+  .fa-map-pin::before {
+    content: "\f276"; }
+  
+  .fa-hamsa::before {
+    content: "\f665"; }
+  
+  .fa-cent-sign::before {
+    content: "\e3f5"; }
+  
+  .fa-flask::before {
+    content: "\f0c3"; }
+  
+  .fa-person-pregnant::before {
+    content: "\e31e"; }
+  
+  .fa-wand-sparkles::before {
+    content: "\f72b"; }
+  
+  .fa-ellipsis-vertical::before {
+    content: "\f142"; }
+  
+  .fa-ellipsis-v::before {
+    content: "\f142"; }
+  
+  .fa-ticket::before {
+    content: "\f145"; }
+  
+  .fa-power-off::before {
+    content: "\f011"; }
+  
+  .fa-right-long::before {
+    content: "\f30b"; }
+  
+  .fa-long-arrow-alt-right::before {
+    content: "\f30b"; }
+  
+  .fa-flag-usa::before {
+    content: "\f74d"; }
+  
+  .fa-laptop-file::before {
+    content: "\e51d"; }
+  
+  .fa-tty::before {
+    content: "\f1e4"; }
+  
+  .fa-teletype::before {
+    content: "\f1e4"; }
+  
+  .fa-diagram-next::before {
+    content: "\e476"; }
+  
+  .fa-person-rifle::before {
+    content: "\e54e"; }
+  
+  .fa-house-medical-circle-exclamation::before {
+    content: "\e512"; }
+  
+  .fa-closed-captioning::before {
+    content: "\f20a"; }
+  
+  .fa-person-hiking::before {
+    content: "\f6ec"; }
+  
+  .fa-hiking::before {
+    content: "\f6ec"; }
+  
+  .fa-venus-double::before {
+    content: "\f226"; }
+  
+  .fa-images::before {
+    content: "\f302"; }
+  
+  .fa-calculator::before {
+    content: "\f1ec"; }
+  
+  .fa-people-pulling::before {
+    content: "\e535"; }
+  
+  .fa-n::before {
+    content: "\4e"; }
+  
+  .fa-cable-car::before {
+    content: "\f7da"; }
+  
+  .fa-tram::before {
+    content: "\f7da"; }
+  
+  .fa-cloud-rain::before {
+    content: "\f73d"; }
+  
+  .fa-building-circle-xmark::before {
+    content: "\e4d4"; }
+  
+  .fa-ship::before {
+    content: "\f21a"; }
+  
+  .fa-arrows-down-to-line::before {
+    content: "\e4b8"; }
+  
+  .fa-download::before {
+    content: "\f019"; }
+  
+  .fa-face-grin::before {
+    content: "\f580"; }
+  
+  .fa-grin::before {
+    content: "\f580"; }
+  
+  .fa-delete-left::before {
+    content: "\f55a"; }
+  
+  .fa-backspace::before {
+    content: "\f55a"; }
+  
+  .fa-eye-dropper::before {
+    content: "\f1fb"; }
+  
+  .fa-eye-dropper-empty::before {
+    content: "\f1fb"; }
+  
+  .fa-eyedropper::before {
+    content: "\f1fb"; }
+  
+  .fa-file-circle-check::before {
+    content: "\e5a0"; }
+  
+  .fa-forward::before {
+    content: "\f04e"; }
+  
+  .fa-mobile::before {
+    content: "\f3ce"; }
+  
+  .fa-mobile-android::before {
+    content: "\f3ce"; }
+  
+  .fa-mobile-phone::before {
+    content: "\f3ce"; }
+  
+  .fa-face-meh::before {
+    content: "\f11a"; }
+  
+  .fa-meh::before {
+    content: "\f11a"; }
+  
+  .fa-align-center::before {
+    content: "\f037"; }
+  
+  .fa-book-skull::before {
+    content: "\f6b7"; }
+  
+  .fa-book-dead::before {
+    content: "\f6b7"; }
+  
+  .fa-id-card::before {
+    content: "\f2c2"; }
+  
+  .fa-drivers-license::before {
+    content: "\f2c2"; }
+  
+  .fa-outdent::before {
+    content: "\f03b"; }
+  
+  .fa-dedent::before {
+    content: "\f03b"; }
+  
+  .fa-heart-circle-exclamation::before {
+    content: "\e4fe"; }
+  
+  .fa-house::before {
+    content: "\f015"; }
+  
+  .fa-home::before {
+    content: "\f015"; }
+  
+  .fa-home-alt::before {
+    content: "\f015"; }
+  
+  .fa-home-lg-alt::before {
+    content: "\f015"; }
+  
+  .fa-calendar-week::before {
+    content: "\f784"; }
+  
+  .fa-laptop-medical::before {
+    content: "\f812"; }
+  
+  .fa-b::before {
+    content: "\42"; }
+  
+  .fa-file-medical::before {
+    content: "\f477"; }
+  
+  .fa-dice-one::before {
+    content: "\f525"; }
+  
+  .fa-kiwi-bird::before {
+    content: "\f535"; }
+  
+  .fa-arrow-right-arrow-left::before {
+    content: "\f0ec"; }
+  
+  .fa-exchange::before {
+    content: "\f0ec"; }
+  
+  .fa-rotate-right::before {
+    content: "\f2f9"; }
+  
+  .fa-redo-alt::before {
+    content: "\f2f9"; }
+  
+  .fa-rotate-forward::before {
+    content: "\f2f9"; }
+  
+  .fa-utensils::before {
+    content: "\f2e7"; }
+  
+  .fa-cutlery::before {
+    content: "\f2e7"; }
+  
+  .fa-arrow-up-wide-short::before {
+    content: "\f161"; }
+  
+  .fa-sort-amount-up::before {
+    content: "\f161"; }
+  
+  .fa-mill-sign::before {
+    content: "\e1ed"; }
+  
+  .fa-bowl-rice::before {
+    content: "\e2eb"; }
+  
+  .fa-skull::before {
+    content: "\f54c"; }
+  
+  .fa-tower-broadcast::before {
+    content: "\f519"; }
+  
+  .fa-broadcast-tower::before {
+    content: "\f519"; }
+  
+  .fa-truck-pickup::before {
+    content: "\f63c"; }
+  
+  .fa-up-long::before {
+    content: "\f30c"; }
+  
+  .fa-long-arrow-alt-up::before {
+    content: "\f30c"; }
+  
+  .fa-stop::before {
+    content: "\f04d"; }
+  
+  .fa-code-merge::before {
+    content: "\f387"; }
+  
+  .fa-upload::before {
+    content: "\f093"; }
+  
+  .fa-hurricane::before {
+    content: "\f751"; }
+  
+  .fa-mound::before {
+    content: "\e52d"; }
+  
+  .fa-toilet-portable::before {
+    content: "\e583"; }
+  
+  .fa-compact-disc::before {
+    content: "\f51f"; }
+  
+  .fa-file-arrow-down::before {
+    content: "\f56d"; }
+  
+  .fa-file-download::before {
+    content: "\f56d"; }
+  
+  .fa-caravan::before {
+    content: "\f8ff"; }
+  
+  .fa-shield-cat::before {
+    content: "\e572"; }
+  
+  .fa-bolt::before {
+    content: "\f0e7"; }
+  
+  .fa-zap::before {
+    content: "\f0e7"; }
+  
+  .fa-glass-water::before {
+    content: "\e4f4"; }
+  
+  .fa-oil-well::before {
+    content: "\e532"; }
+  
+  .fa-vault::before {
+    content: "\e2c5"; }
+  
+  .fa-mars::before {
+    content: "\f222"; }
+  
+  .fa-toilet::before {
+    content: "\f7d8"; }
+  
+  .fa-plane-circle-xmark::before {
+    content: "\e557"; }
+  
+  .fa-yen-sign::before {
+    content: "\f157"; }
+  
+  .fa-cny::before {
+    content: "\f157"; }
+  
+  .fa-jpy::before {
+    content: "\f157"; }
+  
+  .fa-rmb::before {
+    content: "\f157"; }
+  
+  .fa-yen::before {
+    content: "\f157"; }
+  
+  .fa-ruble-sign::before {
+    content: "\f158"; }
+  
+  .fa-rouble::before {
+    content: "\f158"; }
+  
+  .fa-rub::before {
+    content: "\f158"; }
+  
+  .fa-ruble::before {
+    content: "\f158"; }
+  
+  .fa-sun::before {
+    content: "\f185"; }
+  
+  .fa-guitar::before {
+    content: "\f7a6"; }
+  
+  .fa-face-laugh-wink::before {
+    content: "\f59c"; }
+  
+  .fa-laugh-wink::before {
+    content: "\f59c"; }
+  
+  .fa-horse-head::before {
+    content: "\f7ab"; }
+  
+  .fa-bore-hole::before {
+    content: "\e4c3"; }
+  
+  .fa-industry::before {
+    content: "\f275"; }
+  
+  .fa-circle-down::before {
+    content: "\f358"; }
+  
+  .fa-arrow-alt-circle-down::before {
+    content: "\f358"; }
+  
+  .fa-arrows-turn-to-dots::before {
+    content: "\e4c1"; }
+  
+  .fa-florin-sign::before {
+    content: "\e184"; }
+  
+  .fa-arrow-down-short-wide::before {
+    content: "\f884"; }
+  
+  .fa-sort-amount-desc::before {
+    content: "\f884"; }
+  
+  .fa-sort-amount-down-alt::before {
+    content: "\f884"; }
+  
+  .fa-less-than::before {
+    content: "\3c"; }
+  
+  .fa-angle-down::before {
+    content: "\f107"; }
+  
+  .fa-car-tunnel::before {
+    content: "\e4de"; }
+  
+  .fa-head-side-cough::before {
+    content: "\e061"; }
+  
+  .fa-grip-lines::before {
+    content: "\f7a4"; }
+  
+  .fa-thumbs-down::before {
+    content: "\f165"; }
+  
+  .fa-user-lock::before {
+    content: "\f502"; }
+  
+  .fa-arrow-right-long::before {
+    content: "\f178"; }
+  
+  .fa-long-arrow-right::before {
+    content: "\f178"; }
+  
+  .fa-anchor-circle-xmark::before {
+    content: "\e4ac"; }
+  
+  .fa-ellipsis::before {
+    content: "\f141"; }
+  
+  .fa-ellipsis-h::before {
+    content: "\f141"; }
+  
+  .fa-chess-pawn::before {
+    content: "\f443"; }
+  
+  .fa-kit-medical::before {
+    content: "\f479"; }
+  
+  .fa-first-aid::before {
+    content: "\f479"; }
+  
+  .fa-person-through-window::before {
+    content: "\e5a9"; }
+  
+  .fa-toolbox::before {
+    content: "\f552"; }
+  
+  .fa-hands-holding-circle::before {
+    content: "\e4fb"; }
+  
+  .fa-bug::before {
+    content: "\f188"; }
+  
+  .fa-credit-card::before {
+    content: "\f09d"; }
+  
+  .fa-credit-card-alt::before {
+    content: "\f09d"; }
+  
+  .fa-car::before {
+    content: "\f1b9"; }
+  
+  .fa-automobile::before {
+    content: "\f1b9"; }
+  
+  .fa-hand-holding-hand::before {
+    content: "\e4f7"; }
+  
+  .fa-book-open-reader::before {
+    content: "\f5da"; }
+  
+  .fa-book-reader::before {
+    content: "\f5da"; }
+  
+  .fa-mountain-sun::before {
+    content: "\e52f"; }
+  
+  .fa-arrows-left-right-to-line::before {
+    content: "\e4ba"; }
+  
+  .fa-dice-d20::before {
+    content: "\f6cf"; }
+  
+  .fa-truck-droplet::before {
+    content: "\e58c"; }
+  
+  .fa-file-circle-xmark::before {
+    content: "\e5a1"; }
+  
+  .fa-temperature-arrow-up::before {
+    content: "\e040"; }
+  
+  .fa-temperature-up::before {
+    content: "\e040"; }
+  
+  .fa-medal::before {
+    content: "\f5a2"; }
+  
+  .fa-bed::before {
+    content: "\f236"; }
+  
+  .fa-square-h::before {
+    content: "\f0fd"; }
+  
+  .fa-h-square::before {
+    content: "\f0fd"; }
+  
+  .fa-podcast::before {
+    content: "\f2ce"; }
+  
+  .fa-temperature-full::before {
+    content: "\f2c7"; }
+  
+  .fa-temperature-4::before {
+    content: "\f2c7"; }
+  
+  .fa-thermometer-4::before {
+    content: "\f2c7"; }
+  
+  .fa-thermometer-full::before {
+    content: "\f2c7"; }
+  
+  .fa-bell::before {
+    content: "\f0f3"; }
+  
+  .fa-superscript::before {
+    content: "\f12b"; }
+  
+  .fa-plug-circle-xmark::before {
+    content: "\e560"; }
+  
+  .fa-star-of-life::before {
+    content: "\f621"; }
+  
+  .fa-phone-slash::before {
+    content: "\f3dd"; }
+  
+  .fa-paint-roller::before {
+    content: "\f5aa"; }
+  
+  .fa-handshake-angle::before {
+    content: "\f4c4"; }
+  
+  .fa-hands-helping::before {
+    content: "\f4c4"; }
+  
+  .fa-location-dot::before {
+    content: "\f3c5"; }
+  
+  .fa-map-marker-alt::before {
+    content: "\f3c5"; }
+  
+  .fa-file::before {
+    content: "\f15b"; }
+  
+  .fa-greater-than::before {
+    content: "\3e"; }
+  
+  .fa-person-swimming::before {
+    content: "\f5c4"; }
+  
+  .fa-swimmer::before {
+    content: "\f5c4"; }
+  
+  .fa-arrow-down::before {
+    content: "\f063"; }
+  
+  .fa-droplet::before {
+    content: "\f043"; }
+  
+  .fa-tint::before {
+    content: "\f043"; }
+  
+  .fa-eraser::before {
+    content: "\f12d"; }
+  
+  .fa-earth-americas::before {
+    content: "\f57d"; }
+  
+  .fa-earth::before {
+    content: "\f57d"; }
+  
+  .fa-earth-america::before {
+    content: "\f57d"; }
+  
+  .fa-globe-americas::before {
+    content: "\f57d"; }
+  
+  .fa-person-burst::before {
+    content: "\e53b"; }
+  
+  .fa-dove::before {
+    content: "\f4ba"; }
+  
+  .fa-battery-empty::before {
+    content: "\f244"; }
+  
+  .fa-battery-0::before {
+    content: "\f244"; }
+  
+  .fa-socks::before {
+    content: "\f696"; }
+  
+  .fa-inbox::before {
+    content: "\f01c"; }
+  
+  .fa-section::before {
+    content: "\e447"; }
+  
+  .fa-gauge-high::before {
+    content: "\f625"; }
+  
+  .fa-tachometer-alt::before {
+    content: "\f625"; }
+  
+  .fa-tachometer-alt-fast::before {
+    content: "\f625"; }
+  
+  .fa-envelope-open-text::before {
+    content: "\f658"; }
+  
+  .fa-hospital::before {
+    content: "\f0f8"; }
+  
+  .fa-hospital-alt::before {
+    content: "\f0f8"; }
+  
+  .fa-hospital-wide::before {
+    content: "\f0f8"; }
+  
+  .fa-wine-bottle::before {
+    content: "\f72f"; }
+  
+  .fa-chess-rook::before {
+    content: "\f447"; }
+  
+  .fa-bars-staggered::before {
+    content: "\f550"; }
+  
+  .fa-reorder::before {
+    content: "\f550"; }
+  
+  .fa-stream::before {
+    content: "\f550"; }
+  
+  .fa-dharmachakra::before {
+    content: "\f655"; }
+  
+  .fa-hotdog::before {
+    content: "\f80f"; }
+  
+  .fa-person-walking-with-cane::before {
+    content: "\f29d"; }
+  
+  .fa-blind::before {
+    content: "\f29d"; }
+  
+  .fa-drum::before {
+    content: "\f569"; }
+  
+  .fa-ice-cream::before {
+    content: "\f810"; }
+  
+  .fa-heart-circle-bolt::before {
+    content: "\e4fc"; }
+  
+  .fa-fax::before {
+    content: "\f1ac"; }
+  
+  .fa-paragraph::before {
+    content: "\f1dd"; }
+  
+  .fa-check-to-slot::before {
+    content: "\f772"; }
+  
+  .fa-vote-yea::before {
+    content: "\f772"; }
+  
+  .fa-star-half::before {
+    content: "\f089"; }
+  
+  .fa-boxes-stacked::before {
+    content: "\f468"; }
+  
+  .fa-boxes::before {
+    content: "\f468"; }
+  
+  .fa-boxes-alt::before {
+    content: "\f468"; }
+  
+  .fa-link::before {
+    content: "\f0c1"; }
+  
+  .fa-chain::before {
+    content: "\f0c1"; }
+  
+  .fa-ear-listen::before {
+    content: "\f2a2"; }
+  
+  .fa-assistive-listening-systems::before {
+    content: "\f2a2"; }
+  
+  .fa-tree-city::before {
+    content: "\e587"; }
+  
+  .fa-play::before {
+    content: "\f04b"; }
+  
+  .fa-font::before {
+    content: "\f031"; }
+  
+  .fa-rupiah-sign::before {
+    content: "\e23d"; }
+  
+  .fa-magnifying-glass::before {
+    content: "\f002"; }
+  
+  .fa-search::before {
+    content: "\f002"; }
+  
+  .fa-table-tennis-paddle-ball::before {
+    content: "\f45d"; }
+  
+  .fa-ping-pong-paddle-ball::before {
+    content: "\f45d"; }
+  
+  .fa-table-tennis::before {
+    content: "\f45d"; }
+  
+  .fa-person-dots-from-line::before {
+    content: "\f470"; }
+  
+  .fa-diagnoses::before {
+    content: "\f470"; }
+  
+  .fa-trash-can-arrow-up::before {
+    content: "\f82a"; }
+  
+  .fa-trash-restore-alt::before {
+    content: "\f82a"; }
+  
+  .fa-naira-sign::before {
+    content: "\e1f6"; }
+  
+  .fa-cart-arrow-down::before {
+    content: "\f218"; }
+  
+  .fa-walkie-talkie::before {
+    content: "\f8ef"; }
+  
+  .fa-file-pen::before {
+    content: "\f31c"; }
+  
+  .fa-file-edit::before {
+    content: "\f31c"; }
+  
+  .fa-receipt::before {
+    content: "\f543"; }
+  
+  .fa-square-pen::before {
+    content: "\f14b"; }
+  
+  .fa-pen-square::before {
+    content: "\f14b"; }
+  
+  .fa-pencil-square::before {
+    content: "\f14b"; }
+  
+  .fa-suitcase-rolling::before {
+    content: "\f5c1"; }
+  
+  .fa-person-circle-exclamation::before {
+    content: "\e53f"; }
+  
+  .fa-chevron-down::before {
+    content: "\f078"; }
+  
+  .fa-battery-full::before {
+    content: "\f240"; }
+  
+  .fa-battery::before {
+    content: "\f240"; }
+  
+  .fa-battery-5::before {
+    content: "\f240"; }
+  
+  .fa-skull-crossbones::before {
+    content: "\f714"; }
+  
+  .fa-code-compare::before {
+    content: "\e13a"; }
+  
+  .fa-list-ul::before {
+    content: "\f0ca"; }
+  
+  .fa-list-dots::before {
+    content: "\f0ca"; }
+  
+  .fa-school-lock::before {
+    content: "\e56f"; }
+  
+  .fa-tower-cell::before {
+    content: "\e585"; }
+  
+  .fa-down-long::before {
+    content: "\f309"; }
+  
+  .fa-long-arrow-alt-down::before {
+    content: "\f309"; }
+  
+  .fa-ranking-star::before {
+    content: "\e561"; }
+  
+  .fa-chess-king::before {
+    content: "\f43f"; }
+  
+  .fa-person-harassing::before {
+    content: "\e549"; }
+  
+  .fa-brazilian-real-sign::before {
+    content: "\e46c"; }
+  
+  .fa-landmark-dome::before {
+    content: "\f752"; }
+  
+  .fa-landmark-alt::before {
+    content: "\f752"; }
+  
+  .fa-arrow-up::before {
+    content: "\f062"; }
+  
+  .fa-tv::before {
+    content: "\f26c"; }
+  
+  .fa-television::before {
+    content: "\f26c"; }
+  
+  .fa-tv-alt::before {
+    content: "\f26c"; }
+  
+  .fa-shrimp::before {
+    content: "\e448"; }
+  
+  .fa-list-check::before {
+    content: "\f0ae"; }
+  
+  .fa-tasks::before {
+    content: "\f0ae"; }
+  
+  .fa-jug-detergent::before {
+    content: "\e519"; }
+  
+  .fa-circle-user::before {
+    content: "\f2bd"; }
+  
+  .fa-user-circle::before {
+    content: "\f2bd"; }
+  
+  .fa-user-shield::before {
+    content: "\f505"; }
+  
+  .fa-wind::before {
+    content: "\f72e"; }
+  
+  .fa-car-burst::before {
+    content: "\f5e1"; }
+  
+  .fa-car-crash::before {
+    content: "\f5e1"; }
+  
+  .fa-y::before {
+    content: "\59"; }
+  
+  .fa-person-snowboarding::before {
+    content: "\f7ce"; }
+  
+  .fa-snowboarding::before {
+    content: "\f7ce"; }
+  
+  .fa-truck-fast::before {
+    content: "\f48b"; }
+  
+  .fa-shipping-fast::before {
+    content: "\f48b"; }
+  
+  .fa-fish::before {
+    content: "\f578"; }
+  
+  .fa-user-graduate::before {
+    content: "\f501"; }
+  
+  .fa-circle-half-stroke::before {
+    content: "\f042"; }
+  
+  .fa-adjust::before {
+    content: "\f042"; }
+  
+  .fa-clapperboard::before {
+    content: "\e131"; }
+  
+  .fa-circle-radiation::before {
+    content: "\f7ba"; }
+  
+  .fa-radiation-alt::before {
+    content: "\f7ba"; }
+  
+  .fa-baseball::before {
+    content: "\f433"; }
+  
+  .fa-baseball-ball::before {
+    content: "\f433"; }
+  
+  .fa-jet-fighter-up::before {
+    content: "\e518"; }
+  
+  .fa-diagram-project::before {
+    content: "\f542"; }
+  
+  .fa-project-diagram::before {
+    content: "\f542"; }
+  
+  .fa-copy::before {
+    content: "\f0c5"; }
+  
+  .fa-volume-xmark::before {
+    content: "\f6a9"; }
+  
+  .fa-volume-mute::before {
+    content: "\f6a9"; }
+  
+  .fa-volume-times::before {
+    content: "\f6a9"; }
+  
+  .fa-hand-sparkles::before {
+    content: "\e05d"; }
+  
+  .fa-grip::before {
+    content: "\f58d"; }
+  
+  .fa-grip-horizontal::before {
+    content: "\f58d"; }
+  
+  .fa-share-from-square::before {
+    content: "\f14d"; }
+  
+  .fa-share-square::before {
+    content: "\f14d"; }
+  
+  .fa-child-combatant::before {
+    content: "\e4e0"; }
+  
+  .fa-child-rifle::before {
+    content: "\e4e0"; }
+  
+  .fa-gun::before {
+    content: "\e19b"; }
+  
+  .fa-square-phone::before {
+    content: "\f098"; }
+  
+  .fa-phone-square::before {
+    content: "\f098"; }
+  
+  .fa-plus::before {
+    content: "\2b"; }
+  
+  .fa-add::before {
+    content: "\2b"; }
+  
+  .fa-expand::before {
+    content: "\f065"; }
+  
+  .fa-computer::before {
+    content: "\e4e5"; }
+  
+  .fa-xmark::before {
+    content: "\f00d"; }
+  
+  .fa-close::before {
+    content: "\f00d"; }
+  
+  .fa-multiply::before {
+    content: "\f00d"; }
+  
+  .fa-remove::before {
+    content: "\f00d"; }
+  
+  .fa-times::before {
+    content: "\f00d"; }
+  
+  .fa-arrows-up-down-left-right::before {
+    content: "\f047"; }
+  
+  .fa-arrows::before {
+    content: "\f047"; }
+  
+  .fa-chalkboard-user::before {
+    content: "\f51c"; }
+  
+  .fa-chalkboard-teacher::before {
+    content: "\f51c"; }
+  
+  .fa-peso-sign::before {
+    content: "\e222"; }
+  
+  .fa-building-shield::before {
+    content: "\e4d8"; }
+  
+  .fa-baby::before {
+    content: "\f77c"; }
+  
+  .fa-users-line::before {
+    content: "\e592"; }
+  
+  .fa-quote-left::before {
+    content: "\f10d"; }
+  
+  .fa-quote-left-alt::before {
+    content: "\f10d"; }
+  
+  .fa-tractor::before {
+    content: "\f722"; }
+  
+  .fa-trash-arrow-up::before {
+    content: "\f829"; }
+  
+  .fa-trash-restore::before {
+    content: "\f829"; }
+  
+  .fa-arrow-down-up-lock::before {
+    content: "\e4b0"; }
+  
+  .fa-lines-leaning::before {
+    content: "\e51e"; }
+  
+  .fa-ruler-combined::before {
+    content: "\f546"; }
+  
+  .fa-copyright::before {
+    content: "\f1f9"; }
+  
+  .fa-equals::before {
+    content: "\3d"; }
+  
+  .fa-blender::before {
+    content: "\f517"; }
+  
+  .fa-teeth::before {
+    content: "\f62e"; }
+  
+  .fa-shekel-sign::before {
+    content: "\f20b"; }
+  
+  .fa-ils::before {
+    content: "\f20b"; }
+  
+  .fa-shekel::before {
+    content: "\f20b"; }
+  
+  .fa-sheqel::before {
+    content: "\f20b"; }
+  
+  .fa-sheqel-sign::before {
+    content: "\f20b"; }
+  
+  .fa-map::before {
+    content: "\f279"; }
+  
+  .fa-rocket::before {
+    content: "\f135"; }
+  
+  .fa-photo-film::before {
+    content: "\f87c"; }
+  
+  .fa-photo-video::before {
+    content: "\f87c"; }
+  
+  .fa-folder-minus::before {
+    content: "\f65d"; }
+  
+  .fa-store::before {
+    content: "\f54e"; }
+  
+  .fa-arrow-trend-up::before {
+    content: "\e098"; }
+  
+  .fa-plug-circle-minus::before {
+    content: "\e55e"; }
+  
+  .fa-sign-hanging::before {
+    content: "\f4d9"; }
+  
+  .fa-sign::before {
+    content: "\f4d9"; }
+  
+  .fa-bezier-curve::before {
+    content: "\f55b"; }
+  
+  .fa-bell-slash::before {
+    content: "\f1f6"; }
+  
+  .fa-tablet::before {
+    content: "\f3fb"; }
+  
+  .fa-tablet-android::before {
+    content: "\f3fb"; }
+  
+  .fa-school-flag::before {
+    content: "\e56e"; }
+  
+  .fa-fill::before {
+    content: "\f575"; }
+  
+  .fa-angle-up::before {
+    content: "\f106"; }
+  
+  .fa-drumstick-bite::before {
+    content: "\f6d7"; }
+  
+  .fa-holly-berry::before {
+    content: "\f7aa"; }
+  
+  .fa-chevron-left::before {
+    content: "\f053"; }
+  
+  .fa-bacteria::before {
+    content: "\e059"; }
+  
+  .fa-hand-lizard::before {
+    content: "\f258"; }
+  
+  .fa-notdef::before {
+    content: "\e1fe"; }
+  
+  .fa-disease::before {
+    content: "\f7fa"; }
+  
+  .fa-briefcase-medical::before {
+    content: "\f469"; }
+  
+  .fa-genderless::before {
+    content: "\f22d"; }
+  
+  .fa-chevron-right::before {
+    content: "\f054"; }
+  
+  .fa-retweet::before {
+    content: "\f079"; }
+  
+  .fa-car-rear::before {
+    content: "\f5de"; }
+  
+  .fa-car-alt::before {
+    content: "\f5de"; }
+  
+  .fa-pump-soap::before {
+    content: "\e06b"; }
+  
+  .fa-video-slash::before {
+    content: "\f4e2"; }
+  
+  .fa-battery-quarter::before {
+    content: "\f243"; }
+  
+  .fa-battery-2::before {
+    content: "\f243"; }
+  
+  .fa-radio::before {
+    content: "\f8d7"; }
+  
+  .fa-baby-carriage::before {
+    content: "\f77d"; }
+  
+  .fa-carriage-baby::before {
+    content: "\f77d"; }
+  
+  .fa-traffic-light::before {
+    content: "\f637"; }
+  
+  .fa-thermometer::before {
+    content: "\f491"; }
+  
+  .fa-vr-cardboard::before {
+    content: "\f729"; }
+  
+  .fa-hand-middle-finger::before {
+    content: "\f806"; }
+  
+  .fa-percent::before {
+    content: "\25"; }
+  
+  .fa-percentage::before {
+    content: "\25"; }
+  
+  .fa-truck-moving::before {
+    content: "\f4df"; }
+  
+  .fa-glass-water-droplet::before {
+    content: "\e4f5"; }
+  
+  .fa-display::before {
+    content: "\e163"; }
+  
+  .fa-face-smile::before {
+    content: "\f118"; }
+  
+  .fa-smile::before {
+    content: "\f118"; }
+  
+  .fa-thumbtack::before {
+    content: "\f08d"; }
+  
+  .fa-thumb-tack::before {
+    content: "\f08d"; }
+  
+  .fa-trophy::before {
+    content: "\f091"; }
+  
+  .fa-person-praying::before {
+    content: "\f683"; }
+  
+  .fa-pray::before {
+    content: "\f683"; }
+  
+  .fa-hammer::before {
+    content: "\f6e3"; }
+  
+  .fa-hand-peace::before {
+    content: "\f25b"; }
+  
+  .fa-rotate::before {
+    content: "\f2f1"; }
+  
+  .fa-sync-alt::before {
+    content: "\f2f1"; }
+  
+  .fa-spinner::before {
+    content: "\f110"; }
+  
+  .fa-robot::before {
+    content: "\f544"; }
+  
+  .fa-peace::before {
+    content: "\f67c"; }
+  
+  .fa-gears::before {
+    content: "\f085"; }
+  
+  .fa-cogs::before {
+    content: "\f085"; }
+  
+  .fa-warehouse::before {
+    content: "\f494"; }
+  
+  .fa-arrow-up-right-dots::before {
+    content: "\e4b7"; }
+  
+  .fa-splotch::before {
+    content: "\f5bc"; }
+  
+  .fa-face-grin-hearts::before {
+    content: "\f584"; }
+  
+  .fa-grin-hearts::before {
+    content: "\f584"; }
+  
+  .fa-dice-four::before {
+    content: "\f524"; }
+  
+  .fa-sim-card::before {
+    content: "\f7c4"; }
+  
+  .fa-transgender::before {
+    content: "\f225"; }
+  
+  .fa-transgender-alt::before {
+    content: "\f225"; }
+  
+  .fa-mercury::before {
+    content: "\f223"; }
+  
+  .fa-arrow-turn-down::before {
+    content: "\f149"; }
+  
+  .fa-level-down::before {
+    content: "\f149"; }
+  
+  .fa-person-falling-burst::before {
+    content: "\e547"; }
+  
+  .fa-award::before {
+    content: "\f559"; }
+  
+  .fa-ticket-simple::before {
+    content: "\f3ff"; }
+  
+  .fa-ticket-alt::before {
+    content: "\f3ff"; }
+  
+  .fa-building::before {
+    content: "\f1ad"; }
+  
+  .fa-angles-left::before {
+    content: "\f100"; }
+  
+  .fa-angle-double-left::before {
+    content: "\f100"; }
+  
+  .fa-qrcode::before {
+    content: "\f029"; }
+  
+  .fa-clock-rotate-left::before {
+    content: "\f1da"; }
+  
+  .fa-history::before {
+    content: "\f1da"; }
+  
+  .fa-face-grin-beam-sweat::before {
+    content: "\f583"; }
+  
+  .fa-grin-beam-sweat::before {
+    content: "\f583"; }
+  
+  .fa-file-export::before {
+    content: "\f56e"; }
+  
+  .fa-arrow-right-from-file::before {
+    content: "\f56e"; }
+  
+  .fa-shield::before {
+    content: "\f132"; }
+  
+  .fa-shield-blank::before {
+    content: "\f132"; }
+  
+  .fa-arrow-up-short-wide::before {
+    content: "\f885"; }
+  
+  .fa-sort-amount-up-alt::before {
+    content: "\f885"; }
+  
+  .fa-house-medical::before {
+    content: "\e3b2"; }
+  
+  .fa-golf-ball-tee::before {
+    content: "\f450"; }
+  
+  .fa-golf-ball::before {
+    content: "\f450"; }
+  
+  .fa-circle-chevron-left::before {
+    content: "\f137"; }
+  
+  .fa-chevron-circle-left::before {
+    content: "\f137"; }
+  
+  .fa-house-chimney-window::before {
+    content: "\e00d"; }
+  
+  .fa-pen-nib::before {
+    content: "\f5ad"; }
+  
+  .fa-tent-arrow-turn-left::before {
+    content: "\e580"; }
+  
+  .fa-tents::before {
+    content: "\e582"; }
+  
+  .fa-wand-magic::before {
+    content: "\f0d0"; }
+  
+  .fa-magic::before {
+    content: "\f0d0"; }
+  
+  .fa-dog::before {
+    content: "\f6d3"; }
+  
+  .fa-carrot::before {
+    content: "\f787"; }
+  
+  .fa-moon::before {
+    content: "\f186"; }
+  
+  .fa-wine-glass-empty::before {
+    content: "\f5ce"; }
+  
+  .fa-wine-glass-alt::before {
+    content: "\f5ce"; }
+  
+  .fa-cheese::before {
+    content: "\f7ef"; }
+  
+  .fa-yin-yang::before {
+    content: "\f6ad"; }
+  
+  .fa-music::before {
+    content: "\f001"; }
+  
+  .fa-code-commit::before {
+    content: "\f386"; }
+  
+  .fa-temperature-low::before {
+    content: "\f76b"; }
+  
+  .fa-person-biking::before {
+    content: "\f84a"; }
+  
+  .fa-biking::before {
+    content: "\f84a"; }
+  
+  .fa-broom::before {
+    content: "\f51a"; }
+  
+  .fa-shield-heart::before {
+    content: "\e574"; }
+  
+  .fa-gopuram::before {
+    content: "\f664"; }
+  
+  .fa-earth-oceania::before {
+    content: "\e47b"; }
+  
+  .fa-globe-oceania::before {
+    content: "\e47b"; }
+  
+  .fa-square-xmark::before {
+    content: "\f2d3"; }
+  
+  .fa-times-square::before {
+    content: "\f2d3"; }
+  
+  .fa-xmark-square::before {
+    content: "\f2d3"; }
+  
+  .fa-hashtag::before {
+    content: "\23"; }
+  
+  .fa-up-right-and-down-left-from-center::before {
+    content: "\f424"; }
+  
+  .fa-expand-alt::before {
+    content: "\f424"; }
+  
+  .fa-oil-can::before {
+    content: "\f613"; }
+  
+  .fa-t::before {
+    content: "\54"; }
+  
+  .fa-hippo::before {
+    content: "\f6ed"; }
+  
+  .fa-chart-column::before {
+    content: "\e0e3"; }
+  
+  .fa-infinity::before {
+    content: "\f534"; }
+  
+  .fa-vial-circle-check::before {
+    content: "\e596"; }
+  
+  .fa-person-arrow-down-to-line::before {
+    content: "\e538"; }
+  
+  .fa-voicemail::before {
+    content: "\f897"; }
+  
+  .fa-fan::before {
+    content: "\f863"; }
+  
+  .fa-person-walking-luggage::before {
+    content: "\e554"; }
+  
+  .fa-up-down::before {
+    content: "\f338"; }
+  
+  .fa-arrows-alt-v::before {
+    content: "\f338"; }
+  
+  .fa-cloud-moon-rain::before {
+    content: "\f73c"; }
+  
+  .fa-calendar::before {
+    content: "\f133"; }
+  
+  .fa-trailer::before {
+    content: "\e041"; }
+  
+  .fa-bahai::before {
+    content: "\f666"; }
+  
+  .fa-haykal::before {
+    content: "\f666"; }
+  
+  .fa-sd-card::before {
+    content: "\f7c2"; }
+  
+  .fa-dragon::before {
+    content: "\f6d5"; }
+  
+  .fa-shoe-prints::before {
+    content: "\f54b"; }
+  
+  .fa-circle-plus::before {
+    content: "\f055"; }
+  
+  .fa-plus-circle::before {
+    content: "\f055"; }
+  
+  .fa-face-grin-tongue-wink::before {
+    content: "\f58b"; }
+  
+  .fa-grin-tongue-wink::before {
+    content: "\f58b"; }
+  
+  .fa-hand-holding::before {
+    content: "\f4bd"; }
+  
+  .fa-plug-circle-exclamation::before {
+    content: "\e55d"; }
+  
+  .fa-link-slash::before {
+    content: "\f127"; }
+  
+  .fa-chain-broken::before {
+    content: "\f127"; }
+  
+  .fa-chain-slash::before {
+    content: "\f127"; }
+  
+  .fa-unlink::before {
+    content: "\f127"; }
+  
+  .fa-clone::before {
+    content: "\f24d"; }
+  
+  .fa-person-walking-arrow-loop-left::before {
+    content: "\e551"; }
+  
+  .fa-arrow-up-z-a::before {
+    content: "\f882"; }
+  
+  .fa-sort-alpha-up-alt::before {
+    content: "\f882"; }
+  
+  .fa-fire-flame-curved::before {
+    content: "\f7e4"; }
+  
+  .fa-fire-alt::before {
+    content: "\f7e4"; }
+  
+  .fa-tornado::before {
+    content: "\f76f"; }
+  
+  .fa-file-circle-plus::before {
+    content: "\e494"; }
+  
+  .fa-book-quran::before {
+    content: "\f687"; }
+  
+  .fa-quran::before {
+    content: "\f687"; }
+  
+  .fa-anchor::before {
+    content: "\f13d"; }
+  
+  .fa-border-all::before {
+    content: "\f84c"; }
+  
+  .fa-face-angry::before {
+    content: "\f556"; }
+  
+  .fa-angry::before {
+    content: "\f556"; }
+  
+  .fa-cookie-bite::before {
+    content: "\f564"; }
+  
+  .fa-arrow-trend-down::before {
+    content: "\e097"; }
+  
+  .fa-rss::before {
+    content: "\f09e"; }
+  
+  .fa-feed::before {
+    content: "\f09e"; }
+  
+  .fa-draw-polygon::before {
+    content: "\f5ee"; }
+  
+  .fa-scale-balanced::before {
+    content: "\f24e"; }
+  
+  .fa-balance-scale::before {
+    content: "\f24e"; }
+  
+  .fa-gauge-simple-high::before {
+    content: "\f62a"; }
+  
+  .fa-tachometer::before {
+    content: "\f62a"; }
+  
+  .fa-tachometer-fast::before {
+    content: "\f62a"; }
+  
+  .fa-shower::before {
+    content: "\f2cc"; }
+  
+  .fa-desktop::before {
+    content: "\f390"; }
+  
+  .fa-desktop-alt::before {
+    content: "\f390"; }
+  
+  .fa-m::before {
+    content: "\4d"; }
+  
+  .fa-table-list::before {
+    content: "\f00b"; }
+  
+  .fa-th-list::before {
+    content: "\f00b"; }
+  
+  .fa-comment-sms::before {
+    content: "\f7cd"; }
+  
+  .fa-sms::before {
+    content: "\f7cd"; }
+  
+  .fa-book::before {
+    content: "\f02d"; }
+  
+  .fa-user-plus::before {
+    content: "\f234"; }
+  
+  .fa-check::before {
+    content: "\f00c"; }
+  
+  .fa-battery-three-quarters::before {
+    content: "\f241"; }
+  
+  .fa-battery-4::before {
+    content: "\f241"; }
+  
+  .fa-house-circle-check::before {
+    content: "\e509"; }
+  
+  .fa-angle-left::before {
+    content: "\f104"; }
+  
+  .fa-diagram-successor::before {
+    content: "\e47a"; }
+  
+  .fa-truck-arrow-right::before {
+    content: "\e58b"; }
+  
+  .fa-arrows-split-up-and-left::before {
+    content: "\e4bc"; }
+  
+  .fa-hand-fist::before {
+    content: "\f6de"; }
+  
+  .fa-fist-raised::before {
+    content: "\f6de"; }
+  
+  .fa-cloud-moon::before {
+    content: "\f6c3"; }
+  
+  .fa-briefcase::before {
+    content: "\f0b1"; }
+  
+  .fa-person-falling::before {
+    content: "\e546"; }
+  
+  .fa-image-portrait::before {
+    content: "\f3e0"; }
+  
+  .fa-portrait::before {
+    content: "\f3e0"; }
+  
+  .fa-user-tag::before {
+    content: "\f507"; }
+  
+  .fa-rug::before {
+    content: "\e569"; }
+  
+  .fa-earth-europe::before {
+    content: "\f7a2"; }
+  
+  .fa-globe-europe::before {
+    content: "\f7a2"; }
+  
+  .fa-cart-flatbed-suitcase::before {
+    content: "\f59d"; }
+  
+  .fa-luggage-cart::before {
+    content: "\f59d"; }
+  
+  .fa-rectangle-xmark::before {
+    content: "\f410"; }
+  
+  .fa-rectangle-times::before {
+    content: "\f410"; }
+  
+  .fa-times-rectangle::before {
+    content: "\f410"; }
+  
+  .fa-window-close::before {
+    content: "\f410"; }
+  
+  .fa-baht-sign::before {
+    content: "\e0ac"; }
+  
+  .fa-book-open::before {
+    content: "\f518"; }
+  
+  .fa-book-journal-whills::before {
+    content: "\f66a"; }
+  
+  .fa-journal-whills::before {
+    content: "\f66a"; }
+  
+  .fa-handcuffs::before {
+    content: "\e4f8"; }
+  
+  .fa-triangle-exclamation::before {
+    content: "\f071"; }
+  
+  .fa-exclamation-triangle::before {
+    content: "\f071"; }
+  
+  .fa-warning::before {
+    content: "\f071"; }
+  
+  .fa-database::before {
+    content: "\f1c0"; }
+  
+  .fa-share::before {
+    content: "\f064"; }
+  
+  .fa-arrow-turn-right::before {
+    content: "\f064"; }
+  
+  .fa-mail-forward::before {
+    content: "\f064"; }
+  
+  .fa-bottle-droplet::before {
+    content: "\e4c4"; }
+  
+  .fa-mask-face::before {
+    content: "\e1d7"; }
+  
+  .fa-hill-rockslide::before {
+    content: "\e508"; }
+  
+  .fa-right-left::before {
+    content: "\f362"; }
+  
+  .fa-exchange-alt::before {
+    content: "\f362"; }
+  
+  .fa-paper-plane::before {
+    content: "\f1d8"; }
+  
+  .fa-road-circle-exclamation::before {
+    content: "\e565"; }
+  
+  .fa-dungeon::before {
+    content: "\f6d9"; }
+  
+  .fa-align-right::before {
+    content: "\f038"; }
+  
+  .fa-money-bill-1-wave::before {
+    content: "\f53b"; }
+  
+  .fa-money-bill-wave-alt::before {
+    content: "\f53b"; }
+  
+  .fa-life-ring::before {
+    content: "\f1cd"; }
+  
+  .fa-hands::before {
+    content: "\f2a7"; }
+  
+  .fa-sign-language::before {
+    content: "\f2a7"; }
+  
+  .fa-signing::before {
+    content: "\f2a7"; }
+  
+  .fa-calendar-day::before {
+    content: "\f783"; }
+  
+  .fa-water-ladder::before {
+    content: "\f5c5"; }
+  
+  .fa-ladder-water::before {
+    content: "\f5c5"; }
+  
+  .fa-swimming-pool::before {
+    content: "\f5c5"; }
+  
+  .fa-arrows-up-down::before {
+    content: "\f07d"; }
+  
+  .fa-arrows-v::before {
+    content: "\f07d"; }
+  
+  .fa-face-grimace::before {
+    content: "\f57f"; }
+  
+  .fa-grimace::before {
+    content: "\f57f"; }
+  
+  .fa-wheelchair-move::before {
+    content: "\e2ce"; }
+  
+  .fa-wheelchair-alt::before {
+    content: "\e2ce"; }
+  
+  .fa-turn-down::before {
+    content: "\f3be"; }
+  
+  .fa-level-down-alt::before {
+    content: "\f3be"; }
+  
+  .fa-person-walking-arrow-right::before {
+    content: "\e552"; }
+  
+  .fa-square-envelope::before {
+    content: "\f199"; }
+  
+  .fa-envelope-square::before {
+    content: "\f199"; }
+  
+  .fa-dice::before {
+    content: "\f522"; }
+  
+  .fa-bowling-ball::before {
+    content: "\f436"; }
+  
+  .fa-brain::before {
+    content: "\f5dc"; }
+  
+  .fa-bandage::before {
+    content: "\f462"; }
+  
+  .fa-band-aid::before {
+    content: "\f462"; }
+  
+  .fa-calendar-minus::before {
+    content: "\f272"; }
+  
+  .fa-circle-xmark::before {
+    content: "\f057"; }
+  
+  .fa-times-circle::before {
+    content: "\f057"; }
+  
+  .fa-xmark-circle::before {
+    content: "\f057"; }
+  
+  .fa-gifts::before {
+    content: "\f79c"; }
+  
+  .fa-hotel::before {
+    content: "\f594"; }
+  
+  .fa-earth-asia::before {
+    content: "\f57e"; }
+  
+  .fa-globe-asia::before {
+    content: "\f57e"; }
+  
+  .fa-id-card-clip::before {
+    content: "\f47f"; }
+  
+  .fa-id-card-alt::before {
+    content: "\f47f"; }
+  
+  .fa-magnifying-glass-plus::before {
+    content: "\f00e"; }
+  
+  .fa-search-plus::before {
+    content: "\f00e"; }
+  
+  .fa-thumbs-up::before {
+    content: "\f164"; }
+  
+  .fa-user-clock::before {
+    content: "\f4fd"; }
+  
+  .fa-hand-dots::before {
+    content: "\f461"; }
+  
+  .fa-allergies::before {
+    content: "\f461"; }
+  
+  .fa-file-invoice::before {
+    content: "\f570"; }
+  
+  .fa-window-minimize::before {
+    content: "\f2d1"; }
+  
+  .fa-mug-saucer::before {
+    content: "\f0f4"; }
+  
+  .fa-coffee::before {
+    content: "\f0f4"; }
+  
+  .fa-brush::before {
+    content: "\f55d"; }
+  
+  .fa-mask::before {
+    content: "\f6fa"; }
+  
+  .fa-magnifying-glass-minus::before {
+    content: "\f010"; }
+  
+  .fa-search-minus::before {
+    content: "\f010"; }
+  
+  .fa-ruler-vertical::before {
+    content: "\f548"; }
+  
+  .fa-user-large::before {
+    content: "\f406"; }
+  
+  .fa-user-alt::before {
+    content: "\f406"; }
+  
+  .fa-train-tram::before {
+    content: "\e5b4"; }
+  
+  .fa-user-nurse::before {
+    content: "\f82f"; }
+  
+  .fa-syringe::before {
+    content: "\f48e"; }
+  
+  .fa-cloud-sun::before {
+    content: "\f6c4"; }
+  
+  .fa-stopwatch-20::before {
+    content: "\e06f"; }
+  
+  .fa-square-full::before {
+    content: "\f45c"; }
+  
+  .fa-magnet::before {
+    content: "\f076"; }
+  
+  .fa-jar::before {
+    content: "\e516"; }
+  
+  .fa-note-sticky::before {
+    content: "\f249"; }
+  
+  .fa-sticky-note::before {
+    content: "\f249"; }
+  
+  .fa-bug-slash::before {
+    content: "\e490"; }
+  
+  .fa-arrow-up-from-water-pump::before {
+    content: "\e4b6"; }
+  
+  .fa-bone::before {
+    content: "\f5d7"; }
+  
+  .fa-user-injured::before {
+    content: "\f728"; }
+  
+  .fa-face-sad-tear::before {
+    content: "\f5b4"; }
+  
+  .fa-sad-tear::before {
+    content: "\f5b4"; }
+  
+  .fa-plane::before {
+    content: "\f072"; }
+  
+  .fa-tent-arrows-down::before {
+    content: "\e581"; }
+  
+  .fa-exclamation::before {
+    content: "\21"; }
+  
+  .fa-arrows-spin::before {
+    content: "\e4bb"; }
+  
+  .fa-print::before {
+    content: "\f02f"; }
+  
+  .fa-turkish-lira-sign::before {
+    content: "\e2bb"; }
+  
+  .fa-try::before {
+    content: "\e2bb"; }
+  
+  .fa-turkish-lira::before {
+    content: "\e2bb"; }
+  
+  .fa-dollar-sign::before {
+    content: "\24"; }
+  
+  .fa-dollar::before {
+    content: "\24"; }
+  
+  .fa-usd::before {
+    content: "\24"; }
+  
+  .fa-x::before {
+    content: "\58"; }
+  
+  .fa-magnifying-glass-dollar::before {
+    content: "\f688"; }
+  
+  .fa-search-dollar::before {
+    content: "\f688"; }
+  
+  .fa-users-gear::before {
+    content: "\f509"; }
+  
+  .fa-users-cog::before {
+    content: "\f509"; }
+  
+  .fa-person-military-pointing::before {
+    content: "\e54a"; }
+  
+  .fa-building-columns::before {
+    content: "\f19c"; }
+  
+  .fa-bank::before {
+    content: "\f19c"; }
+  
+  .fa-institution::before {
+    content: "\f19c"; }
+  
+  .fa-museum::before {
+    content: "\f19c"; }
+  
+  .fa-university::before {
+    content: "\f19c"; }
+  
+  .fa-umbrella::before {
+    content: "\f0e9"; }
+  
+  .fa-trowel::before {
+    content: "\e589"; }
+  
+  .fa-d::before {
+    content: "\44"; }
+  
+  .fa-stapler::before {
+    content: "\e5af"; }
+  
+  .fa-masks-theater::before {
+    content: "\f630"; }
+  
+  .fa-theater-masks::before {
+    content: "\f630"; }
+  
+  .fa-kip-sign::before {
+    content: "\e1c4"; }
+  
+  .fa-hand-point-left::before {
+    content: "\f0a5"; }
+  
+  .fa-handshake-simple::before {
+    content: "\f4c6"; }
+  
+  .fa-handshake-alt::before {
+    content: "\f4c6"; }
+  
+  .fa-jet-fighter::before {
+    content: "\f0fb"; }
+  
+  .fa-fighter-jet::before {
+    content: "\f0fb"; }
+  
+  .fa-square-share-nodes::before {
+    content: "\f1e1"; }
+  
+  .fa-share-alt-square::before {
+    content: "\f1e1"; }
+  
+  .fa-barcode::before {
+    content: "\f02a"; }
+  
+  .fa-plus-minus::before {
+    content: "\e43c"; }
+  
+  .fa-video::before {
+    content: "\f03d"; }
+  
+  .fa-video-camera::before {
+    content: "\f03d"; }
+  
+  .fa-graduation-cap::before {
+    content: "\f19d"; }
+  
+  .fa-mortar-board::before {
+    content: "\f19d"; }
+  
+  .fa-hand-holding-medical::before {
+    content: "\e05c"; }
+  
+  .fa-person-circle-check::before {
+    content: "\e53e"; }
+  
+  .fa-turn-up::before {
+    content: "\f3bf"; }
+  
+  .fa-level-up-alt::before {
+    content: "\f3bf"; }
+  
+  .sr-only,
+  .fa-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0; }
+  
+  .sr-only-focusable:not(:focus),
+  .fa-sr-only-focusable:not(:focus) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0; }
\ No newline at end of file