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

68 lines
1.7 KiB
HTML
Raw Normal View History

2023-10-21 16:05:44 +09:00
<meta charset="utf-8">
2023-11-01 22:06:06 +09:00
<meta name="viewport" content="width=device-width">
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
2023-10-21 16:05:44 +09:00
2023-11-01 22:06:06 +09:00
<script src="https://cdn.tailwindcss.com"></script>
2023-10-21 16:05:44 +09:00
2023-11-01 22:06:06 +09:00
{{ if .IsPage }}
2023-10-29 11:45:29 +09:00
<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 }}
2023-11-01 22:06:06 +09:00
<script>
tailwind.config = {
theme: {
fontFamily: {
'sans': ["'Source Sans 3'", "Pretendard", 'sans-serif'],
'mono': ['monospace'],
},
extend: {
lineHeight: {
'extra-loose': '3',
'seperate': '4'
}
2023-10-21 16:05:44 +09:00
}
2023-11-01 22:06:06 +09:00
}
}
</script>
<style type="text/tailwindcss">
@layer base {
h1 {
@apply text-5xl;
}
h2 {
@apply text-4xl;
}
h3 {
@apply text-3xl;
}
h4 {
@apply text-2xl;
}
h5 {
@apply text-xl;
}
h6 { @apply text-lg; }
h1, h2, h3, h4, h5, h6 {
@apply font-semibold;
@apply leading-[4rem];
@apply mb-6;
}
p { @apply mb-6; }
.katex-display {
@apply m-8;
}
}
</style>