Portfolio/404.html at main · ProtDos/Portfolio · 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
<!DOCTYPE html>
<html lang="en" class="color-scheme-dark scroll-smooth">

<head data-capo="">
    <meta charset="UTF-8">
    <meta content="width=device-width" name="viewport">
    <title>Page not found | CodingLive</title>
    </script>
    <script>
        if ('serviceWorker' in navigator) {
          navigator.serviceWorker.register('/service-worker.js');
        }
    </script>

    <link rel="stylesheet" href="/_astro/_slug_.667cee12.css">
    <script type="module" src="/_astro/hoisted.fcf19d90.js"></script>
    <script type="module" src="/_astro/page.c2607b1b.js"></script>
    <link rel="canonical" href="https://portfolio.protdos.com/project/t">
    <meta name="description" content="">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="Page not found">
    <meta property="og:type" content="website">
    <meta property="og:image" content="/banner-1200x630.png">
    <meta property="og:url" content="https://portfolio.protdos.com/project/t">
    <meta property="og:description" content="">
    <meta property="og:site_name" content="CodingLive">
    <meta property="og:image:url" content="/banner-1200x630.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="CodingLive">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="sitemap" href="/sitemap-index.xml">
    <meta content="index" name="robots">
    <meta content="Astro v3.3.2" name="generator">
    <meta name="astro-view-transitions-enabled" content="true">
    <meta name="astro-view-transitions-fallback" content="animate">
</head>

<body class="scrollbar-thin bg-neutrals-900 text-neutrals-50 antialiased selection:bg-primary selection:text-neutrals-50"><a href="#main" class="sr-only">
Skip to main content
</a>
    <style>
        astro-island,astro-slot,astro-static-slot{display:contents}
    </style>

    <astro-island uid="IAx7C" prefix="r3" component-url="/_astro/header.6a01347f.js" component-export="default" renderer-url="/_astro/client.c2e853c0.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-p2oxaboh-1&quot;]}" ssr="" client="idle" opts="{&quot;name&quot;:&quot;Header&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-p2oxaboh-1" await-children="">
        <header aria-label="Primary" class="fixed top-0 z-40 w-full">
            <div class="mx-auto w-11/12 max-w-7xl 2xl:w-4/5">
                <div class="mt-4 rounded-full border-0.5 p-2 transition-colors duration-500 border-transparent bg-transparent">
                    <div class="grid grid-cols-3">
                        <div class="flex items-center lg:hidden"><button type="button" id="mobile-navigation-toggle" aria-haspopup="menu" aria-expanded="false" aria-label="Toggle navigation menu" class="rounded-full px-3 py-1.5 transition-colors duration-500 md:px-4 md:py-2"><span class="sr-only">Menu</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="md:6-4 h-6 w-6 divide-y-0.5 divide-neutrals-800 md:h-7"><path fill-rule="evenodd" d="M3,17.25C3,16.839 3.339,16.5 3.75,16.5L20.25,16.5C20.661,16.5 21,16.839 21,17.25C21,17.661 20.661,18 20.25,18L3.75,18C3.339,18 3,17.661 3,17.25Z" clip-rule="evenodd" data-toggle-bar-top="true"></path><path fill-rule="evenodd" d="M3,12C3,11.589 3.339,11.25 3.75,11.25L20.25,11.25C20.661,11.25 21,11.589 21,12C21,12.411 20.661,12.75 20.25,12.75L3.75,12.75C3.339,12.75 3,12.411 3,12Z" clip-rule="evenodd" data-toggle-bar-middle="true"></path><path fill-rule="evenodd" d="M3,6.75C3,6.339 3.339,6 3.75,6L20.25,6C20.661,6 21,6.339 21,6.75C21,7.161 20.661,7.5 20.25,7.5L3.75,7.5C3.339,7.5 3,7.161 3,6.75Z" clip-rule="evenodd" data-toggle-bar-bottom="true"></path></svg></button></div>
                        <nav aria-label="Primary" class="ms-4 hidden items-center gap-x-6 lg:flex"><a href="/#about" class="relative flex h-full items-center p-1 text-sm uppercase text-neutrals-50 after:absolute after:inset-x-0 after:bottom-[12.25%] after:h-px after:scale-x-0 after:bg-gradient-to-r after:from-transparent after:via-neutrals-200 after:to-transparent after:transition-transform hover:after:-scale-x-100 focus-visible:after:-scale-x-100">About</a><a href="/#work" class="relative flex h-full items-center p-1 text-sm uppercase text-neutrals-50 after:absolute after:inset-x-0 after:bottom-[12.25%] after:h-px after:scale-x-0 after:bg-gradient-to-r after:from-transparent after:via-neutrals-200 after:to-transparent after:transition-transform hover:after:-scale-x-100 focus-visible:after:-scale-x-100">Work</a><a href="/#services" class="relative flex h-full items-center p-1 text-sm uppercase text-neutrals-50 after:absolute after:inset-x-0 after:bottom-[12.25%] after:h-px after:scale-x-0 after:bg-gradient-to-r after:from-transparent after:via-neutrals-200 after:to-transparent after:transition-transform hover:after:-scale-x-100 focus-visible:after:-scale-x-100">Services</a></nav>
                        <div class="flex items-center justify-center">
                            <a href="/" title="Navigate home" class="hover:animate-jiggle"><img src="/_astro/wordmark.svg" width="483" height="52" alt="LOKKEE STUDIOS" loading="lazy" decoding="async" class="h-3.5 md:h-4" /></a>
                        </div>
                        <div class="flex items-center justify-end"><a class="relative isolate flex justify-center items-center select-none overflow-hidden border align-middle transition-all duration-500 before:absolute before:-start-3 before:top-0 before:-z-10 before:h-full before:w-[calc(100%+1.5rem)] before:origin-left before:-skew-x-[16deg] before:scale-x-0 before:transition-transform before:duration-500 hover:[&amp;:not(:disabled)]:before:scale-x-100 focus-visible:[&amp;:not(:disabled)]:before:scale-x-100 active:[&amp;:not(:disabled)]:scale-[1.01] disabled:opacity-70 border-neutrals-50 px-3 py-1.5 text-sm md:px-4 md:py-2 md:text-base hover:[&amp;:not(:disabled)]:text-neutrals-900 focus-visible:text-neutrals-900 text-neutrals-50 before:bg-neutrals-50 rounded-full" as="a" href="/#contact">Hit me up</a></div>
                    </div>
                </div>
            </div>
        </header>
        <!--astro:end-->
    </astro-island>
    <main id="main">
        <section class="relative z-10 w-full bg-neutrals-900 py-32 flex flex-col justify-center min-h-screen" aria-labelledby="page-not-found-heading">
            <div class="mx-auto w-11/12 max-w-7xl 2xl:w-4/5">
                <div class="relative z-10 flex flex-col items-center text-center">
                    <div aria-hidden="true" class="relative select-none text-[12rem] font-bold text-neutrals-50 before:absolute before:inset-0 before:start-0.5 before:animate-glitch-1 before:bg-neutrals-900 before:content-['404'] before:[clip:rect(85px,550px,140px,0)] after:absolute after:inset-0 after:-start-0.5 after:animate-glitch-2 after:bg-neutrals-900 after:content-['404'] after:[clip:rect(24px,550px,90px,0)] before:motion-reduce:animate-none after:motion-reduce:animate-none lg:text-[16rem]">
                        404
                    </div>
                    <p class="relative mb-4 inline-block overflow-hidden rounded-full border-0.5 border-primary/30 bg-primary/10 px-4 py-1 font-medium uppercase text-primary backdrop-blur-sm after:absolute after:inset-0 after:animate-shiny-badge-slide after:bg-primary/10 max-md:text-sm" id="page-not-found-heading">Page not found</p>
                    <h2 class="mb-4 text-3xl/tight font-bold text-neutrals-50 md:text-5xl/tight">Whoops! Nothing here</h2>
                    <p class="max-w-prose text-base/relaxed text-neutrals-300">Let&apos;s rewind in time and get you...</p><a href="/" class="group mt-3 flex -translate-x-3 items-center text-lg text-neutrals-50 transition-all duration-300 hover:translate-x-0 hover:text-primary focus-visible:translate-x-0 focus-visible:text-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="me-1 h-5 w-5 opacity-0 transition-opacity duration-300 group-hover:opacity-100 group-focus-visible:opacity-100"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"></path></svg><span class="border-b-[0.5px] border-b-neutrals-50 group-hover:border-transparent group-focus-visible:border-transparent">
back home
</span></a></div>
                <!--
                <img src="/_astro/page-not-found.3249b134.svg" width="1172" height="500" alt="" loading="lazy" decoding="async" aria-hidden="true" class="absolute inset-0 top-1/2 w-full -translate-y-1/2 select-none opacity-40" />
                --> </div>
        </section>
    </main>

    <astro-island uid="1KGmeY" prefix="r3" component-url="/_astro/footer.93246c79.js" component-export="default" renderer-url="/_astro/client.c2e853c0.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-kracczn5-2&quot;]}" ssr="" client="visible" opts="{&quot;name&quot;:&quot;Footer&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-kracczn5-2" await-children="">
      <footer aria-label="Primary" class="relative z-10 w-full border-t-0.5 border-neutrals-600  bg-neutrals-900 py-3">
          <div class="mx-auto w-11/12 max-w-7xl 2xl:w-4/5">
              <nav aria-label="Primary" class="flex flex-wrap justify-center gap-6 py-12">
                  <a href="index.html#about" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">About</a>
                  <a href="index.html#work" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">Work</a>
                  <a href="index.html#stories" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">Testimonials</a>
                  <a href="index.html#services" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">Services</a>
                  <a href="index.html#contact" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">Contact</a>
                  <a href="index.html#source-code" class="text-sm uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50">Veilo</a>
              </nav>
              <hr class="h-px border-0 bg-gradient-to-r from-transparent via-neutrals-600 to-transparent" />
              <div class="grid grid-cols-1 items-center justify-center gap-6 py-12 lg:grid-cols-3">
                  <nav aria-label="Secondary" class="flex flex-wrap justify-center gap-6 lg:order-last lg:justify-end"><a class="text-xs uppercase text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50" href="imprint.html">Imprint</a></nav>
                  <ul aria-label="Socials" class="flex flex-wrap justify-center gap-2">
                      <li><a href="https://github.com/ProtDos" title="View GitHub profile" rel="noreferrer" target="_blank" class="text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-7 w-7"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"></path></svg></a></li>
                      <li><a href="https://dribbble.com/paul_sss" title="View Dribbble profile" rel="noreferrer" target="_blank" class="text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="h-7 w-7"><circle cx="12" cy="12" r="9.5"></circle><path d="M2.924,10.729C2.924,10.729 14.322,11.723 18.341,5.388"></path><path d="M15.799,20.34C15.799,20.34 15.286,9.936 8.392,3.575"></path><path d="M21.163,12.251C21.163,12.251 17.102,11.603 13.414,12.416C10.497,13.06 7.85,15.13 5.839,18.78"></path></svg></a></li>
                      <li><a href="https://discord.gg/jpFEEavC8Q" title="Join Discord community" rel="noreferrer" target="_blank" class="text-neutrals-300 transition-colors hover:text-neutrals-50 focus-visible:text-neutrals-50"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-7 w-7"><path d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z"></path></svg></a></li>
                  </ul>
                  <div class="flex justify-center lg:order-first lg:justify-start"><small class="text-xs text-neutrals-300">© <!-- -->2023<!-- --> CodingLive</small></div>
              </div>
          </div>
      </footer>
  </astro-island>
</body>

</html>