brecke.github.com/404.html at master · brecke/brecke.github.com · 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
<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>Page not found — Miguel Laginha</title>
        <meta name="description" content="Page not found on Miguel Laginha's personal site.">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="color-scheme" content="light dark">
        <script>
            (function () {
                try {
                    var storedTheme = localStorage.getItem('theme-preference');
                    var systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
                    document.documentElement.setAttribute('data-theme', storedTheme || systemTheme);
                } catch (error) {
                    document.documentElement.setAttribute('data-theme', 'light');
                }
            }());
        </script>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body class="page-not-found">
        <div class="site-shell site-shell--narrow">
            <header class="site-masthead" aria-label="Site header">
                <div class="masthead-bar">
                    <div>
                        <p class="site-title">Miguel Laginha</p>
                        <p class="site-subtitle">Page not found</p>
                    </div>
                    <button class="theme-toggle" type="button" aria-label="Toggle color theme" aria-pressed="false">
                        <span class="theme-toggle__label">Theme</span>
                        <span class="theme-toggle__value">Auto</span>
                    </button>
                </div>
            </header>

            <main class="not-found-layout">
                <section class="hero hero--404" aria-labelledby="missing-page-title">
                    <div class="hero-copy">
                        <p class="section-label">404</p>
                        <h1 id="missing-page-title">This page isn't here.</h1>
                        <p class="hero-lede">The address may be outdated, mistyped, or no longer available.</p>
                        <p class="hero-summary">Start again from the homepage, or use one of the links below.</p>
                    </div>
                </section>

                <nav class="note-card not-found-links" aria-labelledby="recovery-links-title">
                    <h2 id="recovery-links-title">Try one of these instead.</h2>
                    <ul class="link-list">
                        <li><a href="/">Return to the homepage</a></li>
                        <li><a href="https://github.com/brecke/">Browse GitHub</a></li>
                        <li><a href="https://www.linkedin.com/in/brecke/">Reach me on LinkedIn</a></li>
                    </ul>
                </nav>
            </main>

            <footer class="site-footer">
                <p>This page is gone, but the rest of the site is still nearby.</p>
            </footer>
        </div>

        <script src="js/main.js"></script>
    </body>
</html>