fix: make callout detection case-insensitive (closes #171)

Jacky Zhao

2022-08-05 5c76d8dad9d993010c4e57c6de4e90911a3cd11a

 layouts/partials/head.html

@@ -23,16 +23,16 @@
  {{ end }}

  <!-- CSS Stylesheets and Fonts -->
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap"
    rel="stylesheet"
  />
  {{$sass := resources.Match "styles/[!_]*.scss" }}
  {{$css := slice }}
  {{range $sass}}
  {{$scss := . | resources.ToCSS (dict "outputStyle" "compressed") }}
  {{$css = $css | append $scss}}
  {{end}}
  {{if $.Site.Data.config.enableCallouts}}
    {{$scss := resources.Get "styles/_callouts.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
    {{$css = $css | append $scss}}
  {{end}}
  {{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify  }}
  <link href="{{$finalCss.Permalink}}" rel="stylesheet" />

@@ -40,10 +40,16 @@
  <link href="{{$lightSyntax.Permalink}}" rel="stylesheet" id="theme-link">

   <!-- Base scripts -->
  {{ $darkMode := resources.Get "js/darkmode.js" | resources.ExecuteAsTemplate "js/darkmode.js" . | resources.Fingerprint "md5" | resources.Minify }}
  <script src="{{$darkMode.Permalink}}"></script>
  {{$scripts := (slice "js/darkmode.js" "js/util.js")}}
  {{range $scripts}}
  {{$scriptname := .}}
  {{ $s := resources.Get $scriptname | resources.ExecuteAsTemplate $scriptname . | resources.Fingerprint "md5" | resources.Minify }}
  <script src="{{$s.Permalink}}"></script>
  {{end}}
  {{partial "katex.html" .}}

    
  <script src="https://unpkg.com/@floating-ui/core@0.7.3"></script>
  <script src="https://unpkg.com/@floating-ui/dom@0.5.4"></script>
  {{ $popover := resources.Get "js/popover.js" | resources.Fingerprint "md5" |
  resources.Minify }}
  <script src="{{$popover.Permalink}}"></script>
@@ -56,9 +62,12 @@

  {{ if $.Site.Data.config.enableCodeBlockCopy }}
  {{ $clipboard := resources.Get "js/clipboard.js" | resources.Fingerprint "md5" | resources.Minify }}
  {{ if (findRE "<pre" .Content 1) }}
    <script src="{{$clipboard.Permalink}}"></script>
  <script src="{{$clipboard.Permalink}}"></script>
  {{ end }}

  {{ if $.Site.Data.config.enableCallouts }}
  {{ $callouts := resources.Get "js/callouts.js" | resources.Fingerprint "md5" | resources.Minify }}
  <script src="{{$callouts.Permalink}}"></script>
  {{ end }}

  <!--  Preload page vars  -->
@@ -100,6 +109,10 @@
      addTitleToCodeBlocks();
      {{ end }}

      {{if $.Site.Data.config.enableCallouts -}}
      addCollapsibleCallouts();
      {{ end }}

      {{if $.Site.Data.config.enableFooter}}
      const container = document.getElementById("graph-container")
      // retry if the graph is not ready