{{ with .Site.Params.favicon}}
    <link rel="shortcut icon" href="{{ . }}" />
  {{ end }}

  {{- if .Site.Params.mathjax }}
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
    <script src="/js/mathjax-config.js" defer></script>
    <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
  {{- end }}

  {{- if .Site.Params.katex }}
    <link rel="stylesheet" href="/css/katex.min.css" >
    <script defer src="/js/katex.min.js"></script>
    <script defer src="/js/auto-render.min.js" onload="renderMathInElement(document.body);"></script>
  {{- end }}

  <link rel="stylesheet" href="{{ "css/normalize.min.css" | relURL }}" />
  <link rel="stylesheet" href="{{ "fontawesome/css/all.min.css" | absURL }}" />
  {{ if .Site.Params.google_fonts }}
    {{ $url_part := (delimit .Site.Params.google_fonts "|") | safeHTMLAttr }}
    <link {{ printf "href=\"//fonts.googleapis.com/css?family=%s\"" $url_part | safeHTMLAttr }} rel="stylesheet">
  {{ else}}
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab|Ruda" />
  {{ end }}
  {{ if .Site.Params.disableDarkModeCSS }}
  <link rel="stylesheet" type="text/css" href="{{ "css/styles-light.css" | relURL}}" />
  {{ else}}
  <link rel="stylesheet" type="text/css" href="{{ "css/styles.css" | relURL}}" />
  {{- end -}}
  {{- range .Site.Params.customCSS -}}
    <link rel='stylesheet' href='{{ . | absURL }}'>
  {{- end -}}