blog/themes/mytheme/layouts/partials/head.html

88 lines
2.6 KiB
HTML

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="buildDate" content="{{ site.Params.buildDate }}">
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<style>
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gowun+Dodum&family=JetBrains+Mono&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400&display=swap');
@font-face {
font-family: "Line Sans"; src: url("/LINESeedKR-Rg.woff2");
}
@font-face {
font-family: "Line Sans"; src: url("/LINESeedKR-Bd.woff2"); font-weight: bold;
}
@font-face {
font-family: "Line Sans"; src: url("/LINESeedKR-Th.woff2"); font-weight: 300;
}
</style>
{{ if .IsPage }}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body);"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
renderMathInElement(document.body, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false}
]
});
});
</script>
{{ end }}
<script>
tailwind.config = {
theme: {
fontFamily: {
'sans': ["'Source Sans 3'", "'Line Sans'", "Pretendard", 'sans-serif'],
'mono': ["'JetBrains Mono'", "monospace"],
},
extend: {
lineHeight: {
'extra-loose': '3',
'seperate': '4'
}
}
}
}
</script>
<style type="text/tailwindcss">
@layer base {
h1 {
@apply text-3xl;
}
h2 {
@apply text-3xl;
}
h3 {
@apply text-2xl;
}
h4 {
@apply text-xl;
}
h5 {
@apply text-xl;
}
h6 { @apply text-lg; }
h1, h2, h3, h4, h5, h6 {
@apply font-semibold;
@apply leading-[4rem];
@apply mb-4 mt-4;
}
p { @apply mb-6; }
.katex-display {
@apply m-8;
}
.content a {
@apply text-blue-800 hover:text-blue-600 hover:underline
}
}
</style>