jlangdesign.github.io/404.html at master · jlangdesign/jlangdesign.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
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta
      name="description"
      content="Whoops, we couldn&#39;t find that page."
    />
    <title>Page not found | Jasmine Lang</title>

    <!-- FAVICON LINK -->
    <link rel="icon" type="image/png" href="/logo-favicon.svg" sizes="16x16" />

    <!-- GOOGLE FONTS -->
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
      rel="stylesheet"
    />

    <!-- CSS LINKS -->
    <link rel="stylesheet" type="text/css" href="/style.css" />

    <!-- JS LINKS -->

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-0WG832BNXG"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-0WG832BNXG");
    </script>
  </head>
  <body>
    <header>
      <a href="#main-content" class="skip-to-content button"
        >Skip to main content</a
      >
      <nav id="topnav">
        <div>
          <a rel="noreferrer noopener" id="logo-box" href="/">
            <img src="/logo-favicon.svg" alt="Jlangdesign logo" id="logo" />
            <span id="logo-name">Jasmine Lang</span>
          </a>
        </div>
        <div id="top-nav-tab-group">
          <a rel="noreferrer noopener" class="top-nav-tab" href="/">Home</a>
          <a rel="noreferrer noopener" class="top-nav-tab" href="/#gallery"
            >Gallery</a
          >
          <a rel="noreferrer noopener" class="top-nav-tab" href="/#about"
            >About</a
          >
          <a rel="noreferrer noopener" class="top-nav-tab" href="#contact"
            >Contact</a
          >
        </div>
      </nav>
    </header>

    <div id="page">
      <main id="main-content">
        <div id="four-oh-four">
          <svg
            id="four-oh-four-svg"
            width="364"
            height="158"
            viewBox="0 0 364 158"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <defs>
              <filter
                id="four-oh-four-svg-glow"
                x="-40%"
                y="-40%"
                width="180%"
                height="180%"
              >
                <feDropShadow
                  dx="0.0"
                  dy="0.0"
                  stdDeviation="10"
                  flood-color="white"
                />
              </filter>
            </defs>

            <path
              d="M64.9945 153.23V128.701H2V105.071L38.6718 4.70055H72.8688L33.0473 101.695H64.9945V60.0617H96.0417V101.695H110.215V128.701H96.0417V153.23H64.9945Z"
              fill="#B0E0E6"
              fill-opacity="0.5"
            />
            <path
              d="M138.691 20.4537C148.44 8.15123 162.839 2 181.888 2C200.936 2 215.26 8.15123 224.859 20.4537C234.608 32.7562 239.482 52.5602 239.482 79.8657C239.482 107.021 234.683 126.525 225.084 138.377C215.485 150.08 201.086 155.931 181.888 155.931C162.689 155.931 148.29 150.08 138.691 138.377C129.092 126.525 124.293 107.021 124.293 79.8657C124.293 52.5602 129.092 32.7562 138.691 20.4537ZM207.535 79.1906C207.535 60.5868 205.585 47.6092 201.686 40.2577C197.786 32.7562 191.187 29.0054 181.888 29.0054C172.738 29.0054 166.139 32.7562 162.089 40.2577C158.19 47.7592 156.24 60.7368 156.24 79.1906C156.24 97.6443 158.265 110.547 162.314 117.898C166.364 125.25 172.963 128.926 182.112 128.926C191.262 128.926 197.786 125.25 201.686 117.898C205.585 110.547 207.535 97.6443 207.535 79.1906Z"
              fill="#B0E0E6"
              fill-opacity="0.5"
            />
            <path
              d="M316.779 153.23V128.701H253.785V105.071L290.456 4.70055H324.653L284.832 101.695H316.779V60.0617H347.826V101.695H362V128.701H347.826V153.23H316.779Z"
              fill="#B0E0E6"
              fill-opacity="0.5"
            />

            <path
              d="M64.9945 153.23V128.701H2V105.071L38.6718 4.70055H72.8688L33.0473 101.695H64.9945V60.0617H96.0417V101.695H110.215V128.701H96.0417V153.23H64.9945Z"
              stroke="#000060"
              stroke-opacity="0.25"
              stroke-width="4"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M138.691 20.4537C148.44 8.15123 162.839 2 181.888 2C200.936 2 215.26 8.15123 224.859 20.4537C234.608 32.7562 239.482 52.5602 239.482 79.8657C239.482 107.021 234.683 126.525 225.084 138.377C215.485 150.08 201.086 155.931 181.888 155.931C162.689 155.931 148.29 150.08 138.691 138.377C129.092 126.525 124.293 107.021 124.293 79.8657C124.293 52.5602 129.092 32.7562 138.691 20.4537ZM207.535 79.1906C207.535 60.5868 205.585 47.6092 201.686 40.2577C197.786 32.7562 191.187 29.0054 181.888 29.0054C172.738 29.0054 166.139 32.7562 162.089 40.2577C158.19 47.7592 156.24 60.7368 156.24 79.1906C156.24 97.6443 158.265 110.547 162.314 117.898C166.364 125.25 172.963 128.926 182.112 128.926C191.262 128.926 197.786 125.25 201.686 117.898C205.585 110.547 207.535 97.6443 207.535 79.1906Z"
              stroke="#000060"
              stroke-opacity="0.25"
              stroke-width="4"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M316.779 153.23V128.701H253.785V105.071L290.456 4.70055H324.653L284.832 101.695H316.779V60.0617H347.826V101.695H362V128.701H347.826V153.23H316.779Z"
              stroke="#000060"
              stroke-opacity="0.25"
              stroke-width="4"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
          </svg>

          <h1 id="four-oh-four-title">
            Oh no! We can't seem to find that page.
          </h1>
          <p>Maybe the link is broken or the page no longer exists.</p>

          <a rel="noreferrer noopener" class="button return-button" href="/">
            Back to Home page
          </a>
        </div>
      </main>

      <footer>
        <img
          loading="lazy"
          src="/logo-favicon.svg"
          alt="Jlangdesign logo"
          id="footer-logo"
        />
        <p id="contact">
          Want to get in touch? Message me at
          <a
            rel="noreferrer noopener"
            href="mailto:langxjasmine@gmail.com"
            class="links"
            >langxjasmine@gmail.com</a
          >!
        </p>
        <p id="copyright">© 2016 - 2026 Jasmine Lang</p>
        <a rel="noreferrer noopener" href="#" class="button back-to-top-button">
          Back to Top
        </a>
      </footer>
    </div>
  </body>
</html>