forked from Fediversity/fediversity.eu
menu bar cleanup
This commit is contained in:
Laurens
parent
51a7c518bd
commit
0b5762c132
|
|
@ -15,7 +15,7 @@ logo_text = "Hugoplate"
|
||||||
# navbar fixed to top
|
# navbar fixed to top
|
||||||
navbar_fixed = true
|
navbar_fixed = true
|
||||||
# theme-mode
|
# theme-mode
|
||||||
theme_switcher = true
|
theme_switcher = false
|
||||||
theme_default = "system" # available options [light/dark/system]
|
theme_default = "system" # available options [light/dark/system]
|
||||||
# Main Sections
|
# Main Sections
|
||||||
mainSections = ["blog"]
|
mainSections = ["blog"]
|
||||||
|
|
@ -44,7 +44,7 @@ link = "contact"
|
||||||
# search
|
# search
|
||||||
# search module: https://github.com/gethugothemes/hugo-modules/tree/master/search
|
# search module: https://github.com/gethugothemes/hugo-modules/tree/master/search
|
||||||
[search]
|
[search]
|
||||||
enable = true
|
enable = false
|
||||||
primary_color = "#121212"
|
primary_color = "#121212"
|
||||||
include_sections = ["blog"]
|
include_sections = ["blog"]
|
||||||
show_image = true
|
show_image = true
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,6 @@
|
||||||
"i",
|
"i",
|
||||||
"img",
|
"img",
|
||||||
"input",
|
"input",
|
||||||
"kbd",
|
|
||||||
"label",
|
"label",
|
||||||
"li",
|
"li",
|
||||||
"link",
|
"link",
|
||||||
|
|
@ -43,12 +42,9 @@
|
||||||
"ul"
|
"ul"
|
||||||
],
|
],
|
||||||
"classes": [
|
"classes": [
|
||||||
"-translate-x-1/2",
|
|
||||||
"-translate-y-1/2",
|
|
||||||
"2xl:bg-pink-200",
|
"2xl:bg-pink-200",
|
||||||
"2xl:block",
|
"2xl:block",
|
||||||
"2xl:hidden",
|
"2xl:hidden",
|
||||||
"absolute",
|
|
||||||
"active",
|
"active",
|
||||||
"bg-body",
|
"bg-body",
|
||||||
"bg-gradient",
|
"bg-gradient",
|
||||||
|
|
@ -58,14 +54,12 @@
|
||||||
"block",
|
"block",
|
||||||
"border-b",
|
"border-b",
|
||||||
"border-border",
|
"border-border",
|
||||||
"border-r",
|
|
||||||
"border-t",
|
"border-t",
|
||||||
"btn",
|
"btn",
|
||||||
"btn-outline-primary",
|
"btn-outline-primary",
|
||||||
"btn-primary",
|
"btn-primary",
|
||||||
"btn-sm",
|
"btn-sm",
|
||||||
"capitalize",
|
"capitalize",
|
||||||
"center",
|
|
||||||
"center-layout",
|
"center-layout",
|
||||||
"center-wrapper",
|
"center-wrapper",
|
||||||
"col-12",
|
"col-12",
|
||||||
|
|
@ -84,8 +78,6 @@
|
||||||
"fa-mastodon",
|
"fa-mastodon",
|
||||||
"fa-regular",
|
"fa-regular",
|
||||||
"fa-rss",
|
"fa-rss",
|
||||||
"fa-search",
|
|
||||||
"fa-solid",
|
|
||||||
"fab",
|
"fab",
|
||||||
"fill-current",
|
"fill-current",
|
||||||
"fixed",
|
"fixed",
|
||||||
|
|
@ -108,7 +100,6 @@
|
||||||
"header",
|
"header",
|
||||||
"header-with-image",
|
"header-with-image",
|
||||||
"hidden",
|
"hidden",
|
||||||
"hover:text-primary",
|
|
||||||
"hr-list",
|
"hr-list",
|
||||||
"img",
|
"img",
|
||||||
"inlin-block",
|
"inlin-block",
|
||||||
|
|
@ -119,7 +110,6 @@
|
||||||
"justify-between",
|
"justify-between",
|
||||||
"justify-center",
|
"justify-center",
|
||||||
"left-0",
|
"left-0",
|
||||||
"left-1/2",
|
|
||||||
"lg:!max-w-[800px]",
|
"lg:!max-w-[800px]",
|
||||||
"lg:bg-green-200",
|
"lg:bg-green-200",
|
||||||
"lg:block",
|
"lg:block",
|
||||||
|
|
@ -175,7 +165,6 @@
|
||||||
"mr-1",
|
"mr-1",
|
||||||
"mr-2",
|
"mr-2",
|
||||||
"mr-4",
|
"mr-4",
|
||||||
"mr-5",
|
|
||||||
"ms-1",
|
"ms-1",
|
||||||
"mt-10",
|
"mt-10",
|
||||||
"mt-4",
|
"mt-4",
|
||||||
|
|
@ -191,8 +180,6 @@
|
||||||
"navbar",
|
"navbar",
|
||||||
"navbar-brand",
|
"navbar-brand",
|
||||||
"navbar-nav",
|
"navbar-nav",
|
||||||
"opacity-0",
|
|
||||||
"opacity-100",
|
|
||||||
"order-0",
|
"order-0",
|
||||||
"order-1",
|
"order-1",
|
||||||
"order-3",
|
"order-3",
|
||||||
|
|
@ -202,7 +189,6 @@
|
||||||
"pb-16",
|
"pb-16",
|
||||||
"pb-6",
|
"pb-6",
|
||||||
"pl-2",
|
"pl-2",
|
||||||
"pr-5",
|
|
||||||
"pr-8",
|
"pr-8",
|
||||||
"pt-14",
|
"pt-14",
|
||||||
"pt-7",
|
"pt-7",
|
||||||
|
|
@ -218,17 +204,6 @@
|
||||||
"rounded",
|
"rounded",
|
||||||
"rounded-2xl",
|
"rounded-2xl",
|
||||||
"row",
|
"row",
|
||||||
"search-icon",
|
|
||||||
"search-modal",
|
|
||||||
"search-modal-overlay",
|
|
||||||
"search-reset",
|
|
||||||
"search-result",
|
|
||||||
"search-result-empty",
|
|
||||||
"search-result-info",
|
|
||||||
"search-wrapper",
|
|
||||||
"search-wrapper-body",
|
|
||||||
"search-wrapper-footer",
|
|
||||||
"search-wrapper-header",
|
|
||||||
"section",
|
"section",
|
||||||
"section-sm",
|
"section-sm",
|
||||||
"sm:bg-red-200",
|
"sm:bg-red-200",
|
||||||
|
|
@ -239,6 +214,7 @@
|
||||||
"space-x-1",
|
"space-x-1",
|
||||||
"sr-only",
|
"sr-only",
|
||||||
"sticky",
|
"sticky",
|
||||||
|
"system",
|
||||||
"text-[12px]",
|
"text-[12px]",
|
||||||
"text-[8rem]",
|
"text-[8rem]",
|
||||||
"text-black",
|
"text-black",
|
||||||
|
|
@ -250,11 +226,9 @@
|
||||||
"text-primary",
|
"text-primary",
|
||||||
"text-red-500",
|
"text-red-500",
|
||||||
"text-xl",
|
"text-xl",
|
||||||
"theme-switcher",
|
|
||||||
"time",
|
"time",
|
||||||
"to-theme-light",
|
"to-theme-light",
|
||||||
"top-0",
|
"top-0",
|
||||||
"top-1/2",
|
|
||||||
"uppercase",
|
"uppercase",
|
||||||
"w-4",
|
"w-4",
|
||||||
"w-[30px]",
|
"w-[30px]",
|
||||||
|
|
@ -263,7 +237,6 @@
|
||||||
"xl:block",
|
"xl:block",
|
||||||
"xl:hidden",
|
"xl:hidden",
|
||||||
"xl:space-x-8",
|
"xl:space-x-8",
|
||||||
"z-10",
|
|
||||||
"z-30",
|
"z-30",
|
||||||
"z-50"
|
"z-50"
|
||||||
],
|
],
|
||||||
|
|
@ -274,9 +247,7 @@
|
||||||
"name",
|
"name",
|
||||||
"nav-menu",
|
"nav-menu",
|
||||||
"nav-toggle",
|
"nav-toggle",
|
||||||
"search-modal-input",
|
"show-button"
|
||||||
"show-button",
|
|
||||||
"theme-switcher"
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
175
public/404.html
175
public/404.html
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -627,81 +627,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -721,108 +650,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -628,81 +628,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -722,108 +651,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -629,81 +629,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -723,108 +652,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -629,81 +629,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -723,108 +652,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -628,81 +628,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -722,108 +651,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1660,51 +1660,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(255 110 0 / var(--tw-text-opacity));
|
color: rgb(255 110 0 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
.theme-switcher {
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
.theme-switcher label {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
height: 1rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 1rem;
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(234 234 234 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
|
|
||||||
.theme-switcher label {
|
|
||||||
width: 2.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.theme-switcher input {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.theme-switcher span {
|
|
||||||
position: absolute;
|
|
||||||
top: -0.25rem;
|
|
||||||
left: 0px;
|
|
||||||
display: flex;
|
|
||||||
height: 1.5rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 9999px;
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(4 4 4 / var(--tw-bg-opacity));
|
|
||||||
transition-property: all;
|
|
||||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
transition-duration: 300ms;
|
|
||||||
}
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
|
|
||||||
.theme-switcher input:checked + label span {
|
|
||||||
left: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn {
|
.btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
|
|
@ -1766,9 +1721,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.fixed {
|
.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
.absolute {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.relative {
|
.relative {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -1778,18 +1730,9 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.left-0 {
|
.left-0 {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
}
|
}
|
||||||
.left-1\/2 {
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
.top-0 {
|
.top-0 {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
.top-1\/2 {
|
|
||||||
top: 50%;
|
|
||||||
}
|
|
||||||
.z-10 {
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.z-30 {
|
.z-30 {
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
}
|
}
|
||||||
|
|
@ -1848,9 +1791,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.mr-4 {
|
.mr-4 {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
.mr-5 {
|
|
||||||
margin-right: 1.25rem;
|
|
||||||
}
|
|
||||||
.ms-1 {
|
.ms-1 {
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1899,14 +1839,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.w-full {
|
.w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.-translate-x-1\/2 {
|
|
||||||
--tw-translate-x: -50%;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
.-translate-y-1\/2 {
|
|
||||||
--tw-translate-y: -50%;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
.cursor-pointer {
|
.cursor-pointer {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
@ -1939,9 +1871,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.border-b {
|
.border-b {
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
.border-r {
|
|
||||||
border-right-width: 1px;
|
|
||||||
}
|
|
||||||
.border-t {
|
.border-t {
|
||||||
border-top-width: 1px;
|
border-top-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -2025,9 +1954,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.pl-2 {
|
.pl-2 {
|
||||||
padding-left: 0.5rem;
|
padding-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.pr-5 {
|
|
||||||
padding-right: 1.25rem;
|
|
||||||
}
|
|
||||||
.pr-8 {
|
.pr-8 {
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -2086,12 +2012,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(239 68 68 / var(--tw-text-opacity));
|
color: rgb(239 68 68 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
.opacity-0 {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.opacity-100 {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.bg-gradient {
|
.bg-gradient {
|
||||||
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
|
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
|
||||||
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
|
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
|
||||||
|
|
@ -3185,11 +3105,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-primary:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(255 110 0 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 540px) {
|
@media (min-width: 540px) {
|
||||||
|
|
||||||
.sm\:block {
|
.sm\:block {
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -629,81 +629,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -723,108 +652,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -629,81 +629,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -723,108 +652,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -629,81 +629,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -723,108 +652,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -626,81 +626,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -720,108 +649,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -628,81 +628,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -722,108 +651,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -625,81 +625,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -719,108 +648,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html
|
<html
|
||||||
itemscope
|
itemscope
|
||||||
class=""
|
class="system"
|
||||||
lang="en-us"
|
lang="en-us"
|
||||||
itemtype="http://schema.org/WebPage"
|
itemtype="http://schema.org/WebPage"
|
||||||
>
|
>
|
||||||
|
|
@ -630,81 +630,10 @@
|
||||||
|
|
||||||
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
<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 mr-5 inline-block border-r pr-5 text-xl"
|
|
||||||
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"
|
|
||||||
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"
|
|
||||||
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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -724,108 +653,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1660,51 +1660,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(255 110 0 / var(--tw-text-opacity));
|
color: rgb(255 110 0 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
.theme-switcher {
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
.theme-switcher label {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
height: 1rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 1rem;
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(234 234 234 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
|
|
||||||
.theme-switcher label {
|
|
||||||
width: 2.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.theme-switcher input {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.theme-switcher span {
|
|
||||||
position: absolute;
|
|
||||||
top: -0.25rem;
|
|
||||||
left: 0px;
|
|
||||||
display: flex;
|
|
||||||
height: 1.5rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: 9999px;
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(4 4 4 / var(--tw-bg-opacity));
|
|
||||||
transition-property: all;
|
|
||||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
transition-duration: 300ms;
|
|
||||||
}
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
|
|
||||||
.theme-switcher input:checked + label span {
|
|
||||||
left: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn {
|
.btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
|
|
@ -1766,9 +1721,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.fixed {
|
.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
.absolute {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.relative {
|
.relative {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -1778,18 +1730,9 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.left-0 {
|
.left-0 {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
}
|
}
|
||||||
.left-1\/2 {
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
.top-0 {
|
.top-0 {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
.top-1\/2 {
|
|
||||||
top: 50%;
|
|
||||||
}
|
|
||||||
.z-10 {
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.z-30 {
|
.z-30 {
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
}
|
}
|
||||||
|
|
@ -1848,9 +1791,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.mr-4 {
|
.mr-4 {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
.mr-5 {
|
|
||||||
margin-right: 1.25rem;
|
|
||||||
}
|
|
||||||
.ms-1 {
|
.ms-1 {
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1899,14 +1839,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.w-full {
|
.w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.-translate-x-1\/2 {
|
|
||||||
--tw-translate-x: -50%;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
.-translate-y-1\/2 {
|
|
||||||
--tw-translate-y: -50%;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
.cursor-pointer {
|
.cursor-pointer {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
@ -1939,9 +1871,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.border-b {
|
.border-b {
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
.border-r {
|
|
||||||
border-right-width: 1px;
|
|
||||||
}
|
|
||||||
.border-t {
|
.border-t {
|
||||||
border-top-width: 1px;
|
border-top-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -2025,9 +1954,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
.pl-2 {
|
.pl-2 {
|
||||||
padding-left: 0.5rem;
|
padding-left: 0.5rem;
|
||||||
}
|
}
|
||||||
.pr-5 {
|
|
||||||
padding-right: 1.25rem;
|
|
||||||
}
|
|
||||||
.pr-8 {
|
.pr-8 {
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -2086,12 +2012,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(239 68 68 / var(--tw-text-opacity));
|
color: rgb(239 68 68 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
.opacity-0 {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.opacity-100 {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.bg-gradient {
|
.bg-gradient {
|
||||||
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
|
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
|
||||||
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
|
--tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
|
||||||
|
|
@ -3185,11 +3105,6 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-primary:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(255 110 0 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 540px) {
|
@media (min-width: 540px) {
|
||||||
|
|
||||||
.sm\:block {
|
.sm\:block {
|
||||||
|
|
|
||||||
Reference in a new issue