<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
  <head>

    {{- partial "analytics" . -}}
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ if not .IsHome }}{{ .Title }}｜{{ end }}{{ .Site.Title }}</title>
  <!-- favicon settings -->
  <link rel="icon" href="{{ .Site.BaseURL }}{{ .Site.Params.faviconDir }}/favicon.ico" />
  <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.BaseURL }}{{ .Site.Params.faviconDir }}/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.BaseURL }}{{ .Site.Params.faviconDir }}/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.BaseURL }}{{ .Site.Params.faviconDir }}/favicon-16x16.png">
  <link rel="manifest" href="{{ .Site.BaseURL }}{{ .Site.Params.faviconDir }}/site.webmanifest">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
  <!-- end favicon settings -->
  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/header.css">
  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css">
  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css">
  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/postcard.css">
  <link rel="stylesheet" href="{{ $.Site.BaseURL }}css/all.min.css">
  <script src="{{ .Site.BaseURL }}js/jquery-3.4.1.min.js"></script>

  {{ if .Site.Params.math }}
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">

    <!-- The loading of KaTeX is deferred to speed up page rendering -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" 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.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
            onload="renderMathInElement(document.body);"></script>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
	  renderMathInElement(
	      document.body,
	      {
		  delimiters: [
		      {left: "$$", right: "$$", display: true},
		      {left: "$", right: "$", display: false},
		  ]
	      });
      });
    </script>
    {{ end }}

    {{ partial "embedded_css.html" . }}
    
</head>

<script type="text/javascript" src="{{ .Site.BaseURL }}js/top_figure.js"></script>
<div class="top_figure">
  {{ range .Site.Params.top_figures }}
  <img src="{{ $.Site.BaseURL }}{{ . }}">
  {{ end }}
</div>

<body>
<header>
  <script type="text/javascript" src="{{ .Site.BaseURL }}js/header.js"></script>
  <div class="black-belt">
    <div class="logo">
      <a href="{{ $.Site.BaseURL }}{{ .Site.Language.Lang }}"><img src="{{ $.Site.BaseURL }}{{ .Site.Params.logo }}" /></a>
    </div>
    <div class="title">
      <p> {{ .Site.Title }} </p>
      <p class="sub">{{ .Site.Params.subtitle }}</p>
    </div>
    <div class="menu-trigger">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <nav class="humberger-menu">
      <ul>
        {{ range .Site.Menus.main.ByWeight }}
	<a href="{{ .URL | relLangURL }}" title="{{ .Name }}">
	  <li>{{ .Name }}</li>
	</a>
        {{ end }}
        {{ range .Site.Params.exlink }}
	  <li class="link_logo">
            <a href="{{ .url }}"><img src="{{ $.Site.BaseURL }}{{ .pass }}"></a>
	  </li>
        {{ end }}
      </ul>
    </nav>
    <nav class="header-menu">
      <ul>
	{{ range .Site.Menus.header.ByWeight }}
      <li>
	    <a href="{{ .URL | relLangURL }}" title="{{ .Name }}"> {{ .Name }} </a>
	    </li>
	{{ end }}
        {{ if .IsTranslated }}
          {{ range .Translations }}
            <li>
              <a href="{{ .Permalink }}">{{ .Site.Params.language_name }}</a>
            </li>
          {{ end }}
        {{ end }}
        {{ range .Site.Params.exlink }}
	  <li class="link_logo">
            <a href="{{ .url }}"><img src="{{ $.Site.BaseURL }}{{ .pass }}"></a>
	  </li>
        {{ end }}
      </ul>
    </nav>
    <div class="background"></div>
  </div>
  <div class="color-belt" style="background-color:{{ .Site.Params.ribbon_color }};"></div>
</header>

<main>
