bodobraegger.github.io/index.html at main · bodobraegger/bodobraegger.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="author" content="Bodo Braegger" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="revisit-after" content="7 days" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/logos//favicon/favicon.ico" type="image/jpeg" />
    <meta name="msapplication-TileColor" content="#FFF" />
    <title>Bodo Braegger</title>
    <script>
      ;(function () {
        const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
        const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
        if (setting === 'dark' || (prefersDark && setting !== 'light'))
          document.documentElement.classList.toggle('dark', true)
      })()
    </script>
    <script>
      // Defer Chatango loading until after page load for better performance
      window.addEventListener('load', function () {
        const script = document.createElement('script')
        script.id = 'cid0027770408674072725'
        script.setAttribute('data-cfasync', 'false')
        script.src = '//st.chatango.com/js/gz/emb.js'
        script.style.width = '352px'
        script.style.height = '400px'
        script.title = 'Chatango chat widget'
        script.text =
          '{"handle":"brbrbrbrbrbrb","arch":"js","styles":{"a":"FFF","b":0,"c":"777","d":"777","e":"000","f":0,"g":"777","i":0,"j":"777","k":"777","l":"777","m":"777","n":"777","o":50,"p":"10","q":"777","r":0,"t":1,"v":0,"usricon":0.88,"pos":"br","cv":1,"cvfnt":"BradfordMonoLL, monospace, sans-serif","cvbg":"CC7770","cvbga":0,"cvfg":"777","cvw":280,"cvh": 21,"sba":0,"surl":0,"ticker":1,"fwtickm":0,"useonm": 1}}'
        document.head.appendChild(script)
      })
    </script>

    <!-- DNS Prefetch for external resources -->
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" />
    <link rel="dns-prefetch" href="https://unpkg.com" />
    <link rel="dns-prefetch" href="https://hyper-hydra.glitch.me" />
    <link rel="dns-prefetch" href="//st.chatango.com" />

    <!-- Preconnect to critical domains -->
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin />
    <link rel="preconnect" href="https://unpkg.com" crossorigin />
    <link rel="preconnect" href="https://hyper-hydra.glitch.me" crossorigin />

    <!-- Preload critical fonts -->
    <link rel="preload" href="/src/assets/fonts/BradfordLL-Regular.otf" as="font" type="font/otf" crossorigin />
    <link rel="preload" href="/src/assets/fonts/BradfordMonoLL-Regular.otf" as="font" type="font/otf" crossorigin />
    <link rel="preload" href="/src/assets/fonts/Ogg-RegularItalic.otf" as="font" type="font/otf" crossorigin />
  </head>
  <body class="font-serif text-gray-800 dark:text-gray-100 relative">
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>