159 lines
4.6 KiB
HTML
159 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta property="description" content="" />
|
|
<meta name="keyword" content="blog" />
|
|
<link rel="alternate" type="application/rss+xml" title="RSS"
|
|
href="https://zolablog.shay7sev.site/rss.xml">
|
|
<link
|
|
rel="icon"
|
|
href="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/favicon.svg"
|
|
type="image/svg+xml"
|
|
/>
|
|
<meta name="theme-color" content="#d8d8d8" />
|
|
<!-- meta settings end -->
|
|
<!-- OG settings start -->
|
|
<meta property="og:site_name" content="" />
|
|
<meta
|
|
property="og:title"
|
|
content=""
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content=""
|
|
/>
|
|
<meta
|
|
property="og:image"
|
|
content="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/first-view.jpg"
|
|
/>
|
|
<meta
|
|
property="og:image:width"
|
|
content="3024"
|
|
/>
|
|
<meta
|
|
property="og:image:height"
|
|
content="3024"
|
|
/>
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:url" content="https://zolablog.shay7sev.site" />
|
|
<!-- OG settings end -->
|
|
<!-- Twitter card settings start -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta
|
|
name="twitter:site"
|
|
content=""
|
|
/>
|
|
<meta
|
|
name="twitter:creator"
|
|
content="@yuki_osada0808"
|
|
/>
|
|
<meta
|
|
name="twitter:image:alt"
|
|
content="coast theme"
|
|
/>
|
|
<!-- Twitter card settings end -->
|
|
<!-- Google fonts start -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&family=Zen+Old+Mincho&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<!-- Google fonts end -->
|
|
<!-- CSS start -->
|
|
<link rel="stylesheet" href="https://zolablog.shay7sev.site/base.css">
|
|
<!-- CSS end -->
|
|
<!-- katex start -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.css"
|
|
integrity="sha384-7lU0muIg/i1plk7MgygDUp3/bNRA65orrBub4/OSWHECgwEsY83HaS1x3bljA/XV"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<!-- The loading of KaTeX is deferred to speed up page rendering -->
|
|
<script
|
|
defer
|
|
src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.js"
|
|
integrity="sha384-RdymN7NRJ+XoyeRY4185zXaxq9QWOOx3O7beyyrRK4KQZrPlCDQQpCu95FoCGPAE"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
|
|
<!-- To automatically render math in text elements, include the auto-render extension: -->
|
|
<script
|
|
defer
|
|
src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/contrib/auto-render.min.js"
|
|
integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh"
|
|
crossorigin="anonymous"
|
|
onload="renderMathInElement(document.body);"
|
|
></script>
|
|
<!-- katex end -->
|
|
<title>
|
|
|
|
</title>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- loading start -->
|
|
<div id="loading">
|
|
<h1 class="title">
|
|
#coast theme
|
|
</h1>
|
|
</div>
|
|
|
|
<!-- loading end -->
|
|
<!-- header start -->
|
|
<header class="main-header">
|
|
<a href="https://zolablog.shay7sev.site/" class="title"
|
|
>coast theme</a
|
|
>
|
|
</header>
|
|
|
|
<!-- header end -->
|
|
<div
|
|
class="first-view"
|
|
style="background-image: url('https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/first-view.jpg')"
|
|
>
|
|
<h1 class="title">#</h1>
|
|
</div>
|
|
<div class="about">
|
|
<h1 class="title">Hello, World!</h1>
|
|
<p class="content">Hello, my name is Myxogastria0808.<br/>
|
|
I created a Zola theme named "coast".
|
|
This template can be used mermaid and katex.<br/>
|
|
Have a nice day!
|
|
</p>
|
|
</div>
|
|
<div class="blog-list-page">
|
|
<h1 class="title">Posts</h1>
|
|
<a href="https://zolablog.shay7sev.site/tags" class="tag-list">Check all tags >></a>
|
|
<ul>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- footer start -->
|
|
<footer>
|
|
<div class="credit">
|
|
<a href="https://yukiosada.work">
|
|
© <span id="year"></span> Zola coast theme
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
<!-- footer end -->
|
|
<script type="module">
|
|
// loading
|
|
window.addEventListener("load", () => {
|
|
window.document.getElementById("loading")?.classList.add("loaded");
|
|
});
|
|
// mermaid
|
|
import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
|
|
mermaid.initialize({ startOnLoad: true, theme: "light" });
|
|
// footer
|
|
window.document.getElementById("year").textContent =
|
|
new Date().getFullYear();
|
|
</script>
|
|
</body>
|
|
</html>
|