93 lines
2.1 KiB
Plaintext
93 lines
2.1 KiB
Plaintext
---
|
|
import "../assets/fonts/fonts.css";
|
|
|
|
import "@fortawesome/fontawesome-free/css/all.min.css";
|
|
import "nprogress/nprogress.css";
|
|
|
|
import Navbar from "../components/Navbar.astro";
|
|
import { ViewTransitions } from "astro:transitions";
|
|
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
{title && <title>山羊寒舍 | {title}</title>}
|
|
{!title && <title>山羊寒舍</title>}
|
|
|
|
<script is:inline>
|
|
if (localStorage.getItem("theme") === null) {
|
|
document.documentElement.setAttribute("data-theme", "light");
|
|
} else {
|
|
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
import NProgress from "nprogress";
|
|
NProgress.configure({ showSpinner: false, trickleRate: 0.02, trickleSpeed: 800 });
|
|
document.addEventListener("astro:before-preparation", function () {
|
|
NProgress.start();
|
|
});
|
|
document.addEventListener("astro:after-preparation", function () {
|
|
NProgress.done();
|
|
});
|
|
</script>
|
|
|
|
<ViewTransitions />
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<Navbar />
|
|
|
|
<!-- Content -->
|
|
<main transition:animate="slide">
|
|
<slot />
|
|
</main>
|
|
|
|
<!-- Styles -->
|
|
<style>
|
|
html {
|
|
overflow-x: hidden !important;
|
|
overflow-y: auto !important;
|
|
}
|
|
</style>
|
|
|
|
<style is:global>
|
|
.h-fullpage {
|
|
height: calc(100vh - 64px);
|
|
}
|
|
|
|
.max-h-fullpage {
|
|
max-height: calc(100vh - 64px);
|
|
}
|
|
|
|
.mt-header {
|
|
margin-top: 64px;
|
|
}
|
|
|
|
.top-header {
|
|
top: 64px;
|
|
}
|
|
|
|
#nprogress .bar {
|
|
background: #49509e !important;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { themeChange } from "theme-change";
|
|
themeChange();
|
|
</script>
|
|
|
|
<script
|
|
async
|
|
src="https://analytics.smartsheep.studio/script.js"
|
|
data-website-id="9d676a27-b473-44a3-b444-5a7d851e31e8"></script>
|
|
</body>
|
|
</html>
|