acreetionos-code.github.io/404.html at main · AcreetionOS-Code/acreetionos-code.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="/coi-serviceworker.js">


    </script>
    <meta charset="UTF-8" >
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net https://static.cloudflareinsights.com https://ajax.cloudflare.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jsdelivr.net; img-src 'self' data: https:; font-src 'self' https://fonts.gstatic.com https://cdn.jsdelivr.net; connect-src 'self' https://api.github.com https://gitlab.acreetionos.org; object-src 'none'; base-uri 'self'; form-action 'self' https://www.qwant.com" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    <meta name="referrer" content="strict-origin-when-cross-origin" >
    <title>
    404 - Page Not Found - AcreetionOS
  </title>
  <meta name="description" content="The page you are looking for does not exist. Return to AcreetionOS homepage." >
  <meta name="robots" content="noindex, follow" >
  <link rel="canonical" href="https://acreetionos.org/" >
  <meta property="og:title" content="404 - Page Not Found - AcreetionOS" >
  <meta property="og:description" content="The page you are looking for does not exist." >
  <meta property="og:image" content="https://acreetionos.org/logo.webp" >
  <meta property="og:url" content="https://acreetionos.org/404.html" >
  <meta name="twitter:card" content="summary" >
  <meta name="twitter:title" content="404 - Page Not Found - AcreetionOS" >
  <meta name="twitter:description" content="The page you are looking for does not exist." >
  <meta name="twitter:image" content="https://acreetionos.org/logo.webp" >
  <link rel="icon" type="image/webp" href="acreetionoslogo.webp">
  <link rel="stylesheet" href="sidebar.css">
  <style>


*{box-sizing:border-box;margin:0;padding:0}
body{background:#121212;color:#e5e5e5;font-family:'Roboto',sans-serif;min-height:100vh;overflow-x:hidden}
#page-wrap{min-height:100vh}
#page-scale{min-height:100vh;display:flex;flex-direction:column}
.wrap{max-width:520px;text-align:center;margin:auto}
.logo-wrap{margin-bottom:1.5rem}
.logo-wrap img{width:80px;height:80px;border-radius:16px;box-shadow:0 4px 20px rgba(46,204,113,0.15)}
.code{font-size:5rem;font-weight:700;font-family:'Fira Code',monospace;color:#2ecc71;line-height:1;margin-bottom:0.25rem;text-shadow:0 0 40px rgba(46,204,113,0.15)}
h1{font-size:1.4rem;color:#e5e5e5;margin-bottom:0.75rem;font-weight:500}
p{color:#b2b2b2;font-size:0.95rem;line-height:1.6;margin-bottom:2rem}
.links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.links a{padding:.6rem 1.2rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#b2b2b2;text-decoration:none;font-size:.85rem;transition:all.15s}
.links a:hover{background:#222;border-color:#2ecc71;color:#2ecc71}
.btn{display:inline-block;padding:.8rem 2rem;background:#2ecc71;color:#111;border-radius:10px;text-decoration:none;font-weight:700;font-size:.95rem;transition:all.15s}
.btn:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 4px 16px rgba(46,204,113,0.3)}
@media(max-width:480px){.code{font-size:3.5rem}.wrap{padding:1rem}}


  </style>
</head>
<body>
  <div id="page-wrap">
    <div id="page-scale">
      <header class="page-header">
        <div class="header-content">
          <a href="index.html" class="logo">
            <img src="acreetionoslogo.webp" alt="AcreetionOS" class="logo-img" width="40" height="40">
            <span class="logo-text">
              Acreetion
              <span>
                OS
              </span>
            </span>
          </a>
        </div>
      </header>
      <nav class="main-nav" style="display:none">
        <a href="index.html">
          Home
        </a>
        <a href="flash.html">
          Downloads
        </a>
        <a href="wiki.html">
          Wiki
        </a>
        <a href="status.html">
          Status
        </a>
      </nav>
      <div class="wrap">
        <div class="logo-wrap">
          <img src="acreetionoslogo.webp" alt="AcreetionOS" width="80" height="80">
        </div>
        <div class="code">
          404
        </div>
        <h1>
        Lost in the filesystem?
      </h1>
      <p>
        The page you're looking for doesn't exist or has moved. Even the best Arch-based distros have a bad sector now and then.
      </p>
      <div class="links">
        <a href="index.html">
          Home
        </a>
        <a href="flash.html">
          Downloads
        </a>
        <a href="wiki.html">
          Wiki
        </a>
        <a href="newsletter.html">
          Newsletter
        </a>
        <a href="contact.html">
          Contact
        </a>
        <a href="https://discord.gg/VHqQkJASw7">
          Discord
        </a>
      </div>
      <a href="/" class="btn">
        Return Home
      </a>
    </div>
    <script src="scale-page.js" defer>


    </script>
    <script src="sidebar.js" defer>


    </script>
  </div>
</div>
<script src="footer.js" defer>


</script>
</body>
</html>