-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploy enkaito/enkaito.github.io to enkaito/enkaito.github.io:gh-pages
- Loading branch information
GitHub Actions
committed
Dec 8, 2024
0 parents
commit 54d783c
Showing
42 changed files
with
5,001 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,248 @@ | ||
<!doctype html> | ||
<html class="not-ready lg:text-base" lang="ja"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
|
||
<!-- Title --> | ||
<title> | ||
enklht's blog | ||
</title> | ||
|
||
<!-- Meta --> | ||
<meta name="theme-color" /> | ||
|
||
|
||
<!-- Author --> | ||
|
||
<!----> | ||
<meta name="description" content="A personal blog" /> | ||
<meta name="author" content="enklht" /> | ||
<!-- The Open Graph protocol --> | ||
<meta property="og:type" content="website" /> | ||
<meta property="og:title" content="enklht's blog" /> | ||
<meta property="og:description" content="A personal blog" /> | ||
<meta property="og:url" content="https://enkaito.github.io" /> | ||
|
||
<!----> | ||
|
||
|
||
<!-- CSS & JS --> | ||
<link rel="preload stylesheet" as="style" href="https://enkaito.github.io/main.css" /> | ||
<style> | ||
:root { | ||
--bg: #f4f4f5; | ||
--bg-dark: #18181b; | ||
--header: #e4e4e7; | ||
--header-dark: #27272a; | ||
} | ||
</style> | ||
|
||
|
||
|
||
<!-- Dark Icon --> | ||
<link rel="preload" as="image" href="https://enkaito.github.io/icons/theme.svg" /> | ||
|
||
<!-- Math --> | ||
|
||
<!----> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" | ||
integrity="sha384-3UiQGuEI4TTMaFmGIZumfRPtfKQ3trwQE2JgosJxCnGmQpL/lJdjpcHkaaFwHlcI" | ||
crossorigin="anonymous" | ||
/> | ||
<script | ||
defer | ||
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" | ||
integrity="sha384-G0zcxDFp5LWZtDuRMnBkk3EphCK1lhEf4UEyEM693ka574TZGwo4IWwS6QLzM/2t" | ||
crossorigin="anonymous" | ||
></script> | ||
<script | ||
defer | ||
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" | ||
integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" | ||
crossorigin="anonymous" | ||
></script> | ||
|
||
<script> | ||
document.addEventListener("DOMContentLoaded", () => | ||
renderMathInElement(document.body, { | ||
// customised options | ||
// • auto-render specific keys, e.g.: | ||
delimiters: [ | ||
{ left: "$$", right: "$$", display: true }, | ||
{ left: "$", right: "$", display: false }, | ||
], | ||
// • rendering keys, e.g.: | ||
throwOnError: false, | ||
}), | ||
); | ||
</script> | ||
|
||
<!----> | ||
|
||
<!----> | ||
|
||
<!-- Mermaid --> | ||
|
||
<!----> | ||
|
||
<!-- Favicon --> | ||
<link rel="icon" href="https://enkaito.github.io/favicon.ico" /> | ||
<link rel="apple-touch-icon" href="https://enkaito.github.io/apple-touch-icon.png" /> | ||
|
||
<!-- Feeds --> | ||
|
||
|
||
<!-- Canonical --> | ||
<link rel="canonical" href="https://enkaito.github.io" /> | ||
|
||
<!-- Head inject --> | ||
|
||
</head> | ||
|
||
<body class="text-black duration-200 ease-out dark:text-white"> | ||
<header | ||
class="header fixed top-0 z-40 mx-auto min-h-[3.5rem] w-full" | ||
> | ||
<div class="mx-auto w-full max-w-4xl p-3 lg:flex lg:justify-between"> | ||
<div class="flex justify-between"> | ||
<div class="flex items-center"> | ||
<a class="text-2xl font-semibold" href="https://enkaito.github.io">enklht's blog</a> | ||
<div | ||
class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]" | ||
role="button" | ||
aria-label="Dark" | ||
></div> | ||
</div> | ||
|
||
<div | ||
class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" | ||
role="button" | ||
aria-label="Menu" | ||
></div> | ||
|
||
</div> | ||
<script> | ||
// base | ||
const htmlClass = document.documentElement.classList; | ||
setTimeout(() => { | ||
htmlClass.remove("not-ready"); | ||
}, 10); | ||
|
||
// mobile menu | ||
const btnMenu = document.querySelector(".btn-menu"); | ||
btnMenu?.addEventListener("click", () => { | ||
htmlClass.toggle("open"); | ||
}); | ||
|
||
// dark theme | ||
const setDark = (isDark) => { | ||
if (isDark) { | ||
document.body.dispatchEvent(new CustomEvent("set-theme", { detail: "dark" })); | ||
htmlClass.add("dark"); | ||
} else { | ||
document.body.dispatchEvent(new CustomEvent("set-theme", { detail: "light" })); | ||
htmlClass.remove("dark"); | ||
} | ||
localStorage.setItem("dark", isDark); | ||
}; | ||
|
||
// init | ||
const darkScheme = window.matchMedia("(prefers-color-scheme: dark)"); | ||
if (htmlClass.contains("dark")) { | ||
setDark(true); | ||
} else { | ||
const darkVal = localStorage.getItem("dark"); | ||
setDark(darkVal ? darkVal === "true" : darkScheme.matches); | ||
} | ||
|
||
// listen system | ||
darkScheme.addEventListener("change", (event) => { | ||
setDark(event.matches); | ||
}); | ||
|
||
// manual switch | ||
const btnDark = document.querySelector(".btn-dark"); | ||
btnDark.addEventListener("click", () => { | ||
setDark(localStorage.getItem("dark") !== "true"); | ||
}); | ||
</script> | ||
|
||
<nav class="flex w-full items-center lg:w-auto"> | ||
<ul | ||
class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0" | ||
> | ||
|
||
<li> | ||
<a | ||
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" | ||
href="https://enkaito.github.io/tags" | ||
>Tags</a | ||
> | ||
</li> | ||
|
||
<li> | ||
<a | ||
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" | ||
href="https://enkaito.github.io/archive" | ||
>Archive</a | ||
> | ||
</li> | ||
|
||
<li> | ||
<a | ||
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" | ||
href="https://enkaito.github.io/about" | ||
>About</a | ||
> | ||
</li> | ||
|
||
</ul> | ||
<!-- Header Nav inject --> | ||
|
||
</nav> | ||
|
||
</div> | ||
</header> | ||
|
||
|
||
<!-- Body Start inject --> | ||
|
||
|
||
<main | ||
class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl break-words px-4 pb-16 pt-32 dark:prose-invert prose-pre:rounded-lg prose-img:rounded-lg" | ||
> | ||
<!----> | ||
<h1 class="absolute inset-x-8 bottom-20 top-0 flex items-center justify-center text-9xl">404</h1> | ||
|
||
</main> | ||
|
||
<footer class="mx-auto flex max-w-3xl flex-wrap items-center px-8 py-4 text-sm opacity-60"> | ||
<div class="mr-auto basis-full lg:basis-1/2"> | ||
<!----> | ||
<!----> | ||
© 2024<!----> | ||
|
||
<a class="link" href="https://enkaito.github.io"> | ||
enklht | ||
</a> | ||
|
||
</div> | ||
<div class="flex basis-full lg:basis-1/2 lg:justify-end"> | ||
<a class="link mr-6 lg:ml-6" href="https://www.getzola.org/" rel="noopener" target="_blank"> | ||
Powered by Zola | ||
</a> | ||
<a class="link" href="https://github.com/st1020/kita" rel="noopener" target="_blank">✎ Kita</a> | ||
</div> | ||
<!-- Footer inject --> | ||
|
||
</footer> | ||
|
||
|
||
<!-- Body End inject --> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.