dr-griezel.github.io/src/_layouts/base.html at 73c151a4d818397f96b632efdec2c5c4caa8fa96 · DR-GRIEZEL/dr-griezel.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
---
---

<!doctype html>

<html lang="nl">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>{{ site.title }}</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png" />
    <link rel="manifest" href="/assets/img/favicon/site.webmanifest" />
    <link rel="shortcut icon" href="/assets/img/favicon/favicon.ico" />

    {% if page.req_login %}
    <script type="module" src="{{ '/assets/js/login/gate-content.js' | relative_url }}"></script>
    {% endif %} {% if page.css %} {% for href in page.css %}
    <link rel="stylesheet" href="{{ href }}" />
    {% endfor %} {% endif %}
  </head>

  <body>
    <div class="layout">
      {% include nav.html %}
      <div class="page">
        {% include header.html %}
        <main class="container">{{ content }}</main>
        <footer>{% include footer.html %}</footer>
      </div>
    </div>
    <div class="ai-helper" data-ai-helper>
      <button
        class="ai-helper__toggle"
        type="button"
        aria-expanded="false"
        aria-controls="ai-helper-chat"
        data-ai-helper-toggle
      >
        <span class="sr-only">Open AI assistent</span>
        <span class="ai-helper__icon" aria-hidden="true"></span>
      </button>

      <section class="ai-helper__chat" id="ai-helper-chat" hidden data-ai-helper-chat>
        <p class="ai-helper__title">Wizz AI assistent</p>
        <div class="ai-helper__messages" role="log" aria-live="polite" data-ai-helper-messages>
          <p class="ai-helper__message ai-helper__message--assistant">
            👋 Vraag iets over de site, widgets of nieuwste updates.
          </p>
        </div>
        <form class="ai-helper__form" data-ai-helper-form>
          <label class="sr-only" for="ai-helper-input">Bericht voor assistent</label>
          <input
            class="ai-helper__input"
            id="ai-helper-input"
            type="text"
            name="prompt"
            autocomplete="off"
            placeholder="Type je vraag..."
            required
          />
          <button class="ai-helper__send" type="submit">Send</button>
        </form>
      </section>
    </div>

    <script src="/assets/js/site.js" defer></script>
    <script src="/assets/js/ai-assistant.js" type="module"></script>
    <script src="/assets/js/login/login-buttons.js" type="module"></script>

    {% if page.js %} {% for src in page.js %}
    <script
      src="{{ src }}"
      {%
      if
      page.module_js
      %}
      type="module"
      {%
      else
      %}
      defer{%
      endif
      %}
    ></script>
    {% endfor %} {% endif %}
  </body>
</html>