kobza/404.html at main · shushtain/kobza · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Encoding and viewport -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Primary meta tags -->
    <title>404 NOT FOUND • Kobza</title>
    <meta name="description" content="ERROR 404: Page Not Found." />
    <meta name="author" content="Artem Shush" />
    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://shushtain.github.io/kobza" />
    <meta property="og:title" content="404 NOT FOUND • Kobza" />
    <meta property="og:description" content="ERROR 404: Page Not Found." />
    <meta
      property="og:image"
      content="https://shushtain.github.io/kobza/res/images/og-image.png"
    />
    <!-- Use the latest IE engine -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Preload fonts -->
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-bold-italic.woff2"
      crossorigin
      as="font"
    />
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-bold.woff2"
      crossorigin
      as="font"
    />
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-medium-italic.woff2"
      crossorigin
      as="font"
    />
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-medium.woff2"
      crossorigin
      as="font"
    />
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-regular-italic.woff2"
      crossorigin
      as="font"
    />
    <link
      type="font/woff2"
      rel="preload"
      href="./res/fonts/inter-regular.woff2"
      crossorigin
      as="font"
    />
    <!-- Preload font styles -->
    <link rel="preload" href="./res/styles/fonts.css?ver=1.0.1" as="style" />
    <!-- Specify color scheme -->
    <meta name="color-scheme" content="light dark" />
    <meta
      name="theme-color"
      media="(prefers-color-scheme: light)"
      content="#e6e6e6"
    />
    <meta
      name="theme-color"
      media="(prefers-color-scheme: dark)"
      content="#0d0d0d"
    />
    <!-- Load styles -->
    <link rel="stylesheet" href="./res/styles/fonts.css?ver=1.0.1" />
    <link rel="stylesheet" href="./res/styles/main.css?ver=1.0.1" />
    <!-- Load scripts -->
    <script src="./res/scripts/main.js"></script>
    <!-- Add favicons -->
    <link
      sizes="192x192"
      rel="icon"
      href="./res/icons/kobza-icon-192x192.png"
    />
    <link
      sizes="180x180"
      rel="apple-touch-icon"
      href="./res/icons/kobza-icon-180x180.png"
    />
    <link sizes="96x96" rel="icon" href="./res/icons/kobza-icon-96x96.png" />
    <!-- Manifest -->
    <link rel="manifest" href="./site.webmanifest" />
  </head>
  <body>
    <header>
      <nav aria-label="Primary">
        <a href="#main" class="button skip"><span>Skip to content</span></a
        ><a href="." class="button accent" aria-label="Kobza Home"
          ><span>Kobza</span></a
        >
      </nav>
      <noscript>Some features require JavaScript.</noscript
      ><button type="button" id="toggle-theme" aria-label="Toggle theme">
        <svg id="toggle-light" class="icon">
          <use href="./res/icons/sprite.svg#light-mode" />
        </svg>

        <svg id="toggle-dark" class="icon">
          <use href="./res/icons/sprite.svg#dark-mode" />
        </svg>
      </button>
    </header>
    <main id="main">
      <section id="hero">
        <h1 class="">Error 404:<br />Page Not Found</h1>
        <p class="">
          We apologize for the inconvenience. You can return to the
          <a href="~/">main page</a>. If you've found a broken link, please
          report it on
          <a target="_blank" href="https://github.com/shushtain/kobza">GitHub</a
          >.
        </p>
      </section>
    </main>
    <footer>
      <nav aria-label="Secondary">
        <a class="button disabled"></a
        ><a href="#" class="button up" aria-label="To the top">
          <svg class="icon">
            <use href="./res/icons/sprite.svg#arrow-up" />
          </svg> </a
        ><a class="button disabled"></a>
      </nav>
      <a href="https://github.com/shushtain/kobza" class="credits"
        ><small>Kobza, MIT 2025</small></a
      >
    </footer>
  </body>
</html>