-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploy st1020/kita to st1020/kita:gh-pages
- Loading branch information
GitHub Actions
committed
Dec 4, 2023
0 parents
commit fa092f4
Showing
56 changed files
with
10,064 additions
and
0 deletions.
There are no files selected for viewing
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,202 @@ | ||
<!doctype html> | ||
<html class="not-ready lg:text-base" lang="en"> | ||
<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> | ||
Kita | ||
</title> | ||
|
||
<!-- Meta --> | ||
<meta name="theme-color" /> | ||
|
||
<!-- Author --> | ||
|
||
<meta name="description" content="Kita is a clean, elegant and simple blog theme for Zola." /> | ||
<meta name="author" content="st1020" /> | ||
|
||
|
||
<!-- CSS & JS --> | ||
<link rel="preload stylesheet" as="style" href="https://st1020.github.io/kita/main.css" /> | ||
<style> | ||
:root { | ||
--bg: #f4f4f5; | ||
--bg-dark: #18181b; | ||
--header: #e4e4e7; | ||
--header-dark: #27272a; | ||
} | ||
</style> | ||
|
||
|
||
|
||
<!-- Dark Icon --> | ||
<link rel="preload" as="image" href="https://st1020.github.io/kita/icons/theme.svg" /> | ||
|
||
<!-- Math --> | ||
|
||
<!----> | ||
|
||
<!-- Mermaid --> | ||
|
||
|
||
<!-- Favicon --> | ||
<link rel="icon" href="https://st1020.github.io/kita/favicon.ico" /> | ||
<link rel="apple-touch-icon" href="https://st1020.github.io/kita/apple-touch-icon.png" /> | ||
|
||
<!-- Feeds --> | ||
|
||
<link | ||
rel="alternate" | ||
type="application/atom+xml" | ||
title="Atom" | ||
href="https://st1020.github.io/kita/atom.xml" | ||
/> | ||
|
||
<!----> | ||
|
||
|
||
<!-- Canonical --> | ||
<link rel="canonical" href="https://st1020.github.io/kita" /> | ||
</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://st1020.github.io/kita">Kita</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) => { | ||
htmlClass[isDark ? "add" : "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://st1020.github.io/kita/projects" | ||
>Projects</a | ||
> | ||
</li> | ||
|
||
<li> | ||
<a | ||
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" | ||
href="https://st1020.github.io/kita/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://st1020.github.io/kita/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://st1020.github.io/kita/about" | ||
>About</a | ||
> | ||
</li> | ||
|
||
</ul> | ||
</nav> | ||
|
||
</div> | ||
</header> | ||
|
||
|
||
<main | ||
class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl px-4 pb-16 pt-32 dark:prose-invert" | ||
> | ||
<!----> | ||
<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"> | ||
© 2020 - 2023 | ||
<a class="link" href="https://st1020.github.io/kita" | ||
>st1020</a | ||
> | ||
|<!----> | ||
<!----> | ||
<a class="link" href="https://creativecommons.org/licenses/by-sa/4.0/deed" rel="noopener" target="_blank"> | ||
CC BY-SA 4.0 | ||
</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> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.