Yggdrasil/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Yggdrasil is a collections of notes around IT, OT and other geeks stuff">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="icon" href="style/yggdrasil.ico">
  <link
          rel="stylesheet"
          href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
          title="docsify-darklight-theme"
          type="text/css"
  />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet">
</head>

<body>
  <div id="app">Yggdrasil</div>
  <script>
    window.$docsify = {
      name: 'Yggdrasil',
      repo: 'https://github.com/Klagarge/Yggdrasil.git',
      maxLevel: 5,
      coverpage: 'style/_coverpage.md',
      loadNavbar: true, // Nav bar on top
      subMaxLevel: 5, // Add table of contents (TOC) in custom sidebar.
      auto2top: true, // Scrolls to the top of the screen when the route is changed.
      mergeNavbar: true, // Navbar will be merged with the sidebar on smaller screens.
      pagination: {
        previousText: {
          '/en/': 'PREV',
          '/' : 'PREC'
        },
        nextText: {
          '/en/': 'NEXT',
          '/': 'SUIV'
        },
        crossChapter: true,
        crossChapterText: true,
      },
      latex: {
        inlineMath   : [['$', '$'], ['\\(', '\\)']], // default
        displayMath  : [['$$', '$$']],               // default
        customOptions: {}                            // default
      },
      select: {
        detectOperatingSystem: {
          enabled: false,
          menuId: "operating-system"
        }
      },
      flexibleAlerts: {
        style: 'callout'
      },
      markdown: {
        renderer: {

          code: function (code, lang) {
            if (lang === 'drawio') {
              if (window.drawioConverter) {
                console.log('drawio')
                return window.drawioConverter(code)
              } else {
                return `<div class='drawio-code'>${code}</div>`
              }
            } else {
              return this.origin.code.apply(this, arguments);
            }
          }
        }
      },
      darklightTheme: {
        siteFont : "Ubuntu",
        defaultTheme : 'light',
        codeFontFamily : 'Roboto Mono, Monaco, courier, monospace',
        bodyFontSize : '17px',
        dark: {
          coverBackground : 'linear-gradient(to left bottom, hsl(118, 18%, 34%) 0%,hsl(207, 63%, 10%) 100%)',
        },
        light: {
          coverBackground : 'linear-gradient(to left bottom, hsl(118, 100%, 85%) 0%,hsl(181, 100%, 100%) 100%)',
        }
      },
      kroki: {
        langs: [
          "actdiag",
          "blockdiag",
          "bpmn",
          "bytefield",
          "c4plantuml",
          "d2",
          "dbml",
          "ditaa",
          "erd",
          "excalidraw",
          "graphviz",
          "nomnoml",
          "nwdiag",
          "packetdiag",
          "pikchr",
          //"plantuml",
          "rackdiag",
          "seqdiag",
          "structurizr",
          "svgbob",
          "symbolator",
          "tikz",
          "vega",
          "vegalite",
          "wavedrom",
          "wireviz",
        ],
      },
      plantuml: {
        skin: "classic",
        renderAsObject: false,
      },
    };
  </script>

  <!-- PWA -->
  <script>
    if (typeof navigator.serviceWorker !== 'undefined') {
      navigator.serviceWorker.register('scripts/sw.js')
    }
  </script>

  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>

  <!-- Render PlantUML -->
  <script src="//unpkg.com/docsify-puml/dist/docsify-puml.min.js"></script>

  <!-- Render graph (UML/Mermaid/...) -->
  <script src="//unpkg.com/docsify-kroki"></script>

  <!-- Mermaid (use this one for Light and Dark theme -->
  <script type="module">
    import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
    mermaid.initialize({ startOnLoad: true });
    window.mermaid = mermaid;
  </script>
  <script src="//unpkg.com/docsify-mermaid@2.0.1/dist/docsify-mermaid.js"></script>

  <!-- Copy code button -->
  <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>

  <!-- Pagination -->
  <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>

  <!-- LateX -->
  <script src="//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify-latex@0"></script>

  <!-- Flexible alert -->
  <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>

  <!-- Code highlights -->
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-armasm.js"></script>

  <!-- Dark Theme -->
  <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"> </script>

  <!-- docsify-select (latest v1.x.x) -->
  <script src="https://cdn.jsdelivr.net/npm/docsify-select@1"></script>

  <!-- Draw.io -->
  <script src="scripts/viewer.min.js"></script>
  <script src='scripts/drawio.js'></script>

  <!-- Glossary -->
  <script src="//unpkg.com/docsify-glossary/dist/docsify-glossary.min.js"></script>
</body>
</html>