<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>