umstutorial/template.html at main · uppsala-makerspace/umstutorial · 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
<!DOCTYPE html>
<html lang="{{lang}}">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{title}}</title>
  <link rel="icon" type="image/png" href="{{faviconUrl}}">
  <link rel="stylesheet" href="{{cssUrl}}">
</head>
<body class="{{bodyClass}}">
  <header class="site-header">
    <a class="site-logo" href="{{homeUrl}}" aria-label="Uppsala Makerspace"><img src="{{faviconUrl}}" alt=""></a>
    <nav class="breadcrumb" aria-label="Breadcrumb">{{breadcrumb}}</nav>
    <div class="header-actions">
      {{tocButton}}
      <a class="lang-switcher" href="{{otherLangUrl}}" hreflang="{{otherLang}}">{{otherLangLabel}}</a>
    </div>
  </header>
  <div class="layout">
    {{aside}}
    <main class="content">
      {{content}}
    </main>
  </div>
  <script>
    // Auto-close the mobile TOC after tapping a link.
    document.querySelectorAll('.toc-list a').forEach(a => {
      a.addEventListener('click', () => {
        const cb = document.getElementById('toc-toggle');
        if (cb && matchMedia('(max-width: 768px)').matches) cb.checked = false;
      });
    });
  </script>
</body>
</html>