# For documentation and available settings, see
# https://github.com/srid/emanote/blob/master/default/index.yaml

page:
  siteTitle: Home
  headHtml: |
    <snippet var="js.mathjax" />
    <snippet var="js.mermaid" />
    <snippet var="js.highlightjs" />

template:
  theme: purple

  # You can add your own variables here, like editBaseUrl.
  # See after-note.tpl to see where editBaseUrl gets used.
  # editBaseUrl: https://github.com/srid/emanote-template/edit/master/content

  # Uncomment this to get neuron-style pages
  name: /templates/layouts/myNote

  sidebar:
    collapsed: true

  # If you are hosting on GitLab Pages, you may want to remove this.
  urlStrategy: pretty

# Builtin JS behaviour library. Use them in `page.headHtml` of your .yaml or .md
# frontmatter.
js:
  # Syntax highlighting using prism.js
  prism: |
    <!-- Prism.js (doesn't work great in live server) -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js"></script>
  # Syntax highlighting using highlight.js
  highlightjs: |
    <!-- highlight.js -->
    <with var="js">
    <link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${value:highlightjs-ver}/styles/hybrid.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${value:highlightjs-ver}/highlight.min.js"></script>
    <!-- Include languages that Emanote itself uses -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${value:highlightjs-ver}/languages/haskell.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/${value:highlightjs-ver}/languages/nix.min.js"></script>
    <script>hljs.highlightAll();</script>
    </with>
  highlightjs-ver: 11.6.0 # Ref: https://cdnjs.com/libraries/highlight.js
  # Diagrams using mermaid.js
  mermaid: |
    <!-- mermaid.js -->
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    <script>
      mermaid.initialize({startOnLoad:false});
      mermaid.init(undefined,document.querySelectorAll(".mermaid"));
    </script>
  mathjax: |
    <script>
      window.MathJax = {
        startup: {
          ready: () => {
            MathJax.startup.defaultReady();
          }
        }
      };
    </script>
    <script async="" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>