<!-- Load Katex, if necessary. -->
{{ if or .Params.math .IsHome }}
    {{ partial "math.html" . }}
{{ end }}


<!-- Pure css -->
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css">

<!-- Fonts -->
<!-- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans"> -->
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface"> -->
<!-- <link href='//fonts.googleapis.com/css?family=Raleway:400,200,100,700,300,500,600,800' rel='stylesheet' type='text/css'> -->

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css">

<script defer src="{{ "/js/main.js" | relURL }}"></script>

<!-- Main CSS file based on Pure blog layout -->
{{ if and (isset .Site.Params "codeblocksdark") .Site.Params.codeBlocksDark  }}
    {{ $codeoptions := (dict "targetPath" "/css/highlight-dark.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
    {{ $style := resources.Get "scss/highlight-dark.scss" | resources.ToCSS $codeoptions }}
    
    <link rel="stylesheet" href="{{ $style.Permalink | relURL }}">
{{ else }}
    {{ $codeoptions := (dict "targetPath" "/css/highlight-light.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
    {{ $codestyle := resources.Get "scss/highlight-light.scss" | resources.ToCSS $codeoptions }}

    <link rel="stylesheet" href="{{ $codestyle.Permalink | relURL }}">
{{ end }}

{{ $htoptions := (dict "targetPath" "/css/hugo-tufte.min.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $htstyle := resources.Get "scss/hugo-tufte.scss" | resources.ToCSS $htoptions }}
<link rel="stylesheet" href="{{ $htstyle.Permalink | relURL }}">

<link rel="stylesheet" href="{{ "/css/hugo-tufte-override.css" | relURL }}">