<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{.Title}}</title>
    <link
    rel="stylesheet"
    href="/static/assets/highlightjs.css"
  />
    <script
    defer
    src="/static/assets/highlightjs.js"
  ></script>
    <script
    defer
    src="/static/assets/alpine.js"
  ></script>
  <script
    defer
    src="/static/assets/marked.js"
  ></script>
  <script
    defer
    src="/static/assets/purify.js"
  ></script>

  <link href="/static/general.css" rel="stylesheet" />
    <link href="/static/assets/font1.css" rel="stylesheet">
    <link
    href="/static/assets/font2.css"
    rel="stylesheet" />
  <link
    rel="stylesheet"
    href="/static/assets/tw-elements.css" />
  <script src="/static/assets/tailwindcss.js"></script>
  <script>
    tailwind.config = {
      darkMode: "class",
      theme: {
        fontFamily: {
          sans: ["Roboto", "sans-serif"],
          body: ["Roboto", "sans-serif"],
          mono: ["ui-monospace", "monospace"],
        },
      },
      corePlugins: {
        preflight: false,
      },
    };
  </script>
    <link href="/static/assets/fontawesome/css/fontawesome.css" rel="stylesheet" />
    <link href="/static/assets/fontawesome/css/brands.css" rel="stylesheet" />
    <link href="/static/assets/fontawesome/css/solid.css" rel="stylesheet" />
    <script src="/static/assets/htmx.js" crossorigin="anonymous"></script>
</head>