@rollipop/dashboard 0.0.0 → 1.0.0-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/404.html ADDED
@@ -0,0 +1,119 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Rollipop - Not Found</title>
7
+ <script>
8
+ (function () {
9
+ try {
10
+ var storedTheme = window.localStorage.getItem('theme');
11
+ var theme =
12
+ storedTheme === 'light' || storedTheme === 'dark'
13
+ ? storedTheme
14
+ : window.matchMedia('(prefers-color-scheme: dark)').matches
15
+ ? 'dark'
16
+ : 'light';
17
+
18
+ document.documentElement.classList.toggle('dark', theme === 'dark');
19
+ } catch {
20
+ document.documentElement.classList.toggle(
21
+ 'dark',
22
+ window.matchMedia('(prefers-color-scheme: dark)').matches,
23
+ );
24
+ }
25
+ })();
26
+ </script>
27
+ <style>
28
+ :root {
29
+ color-scheme: light;
30
+ --background: hsl(0, 0%, 100%);
31
+ --foreground: hsl(0, 0%, 3.9%);
32
+ --muted-foreground: hsl(0, 0%, 40%);
33
+ --primary: hsl(207, 90%, 61%);
34
+ --ring: hsl(207, 90%, 61%);
35
+ font-family:
36
+ Inter,
37
+ ui-sans-serif,
38
+ system-ui,
39
+ -apple-system,
40
+ BlinkMacSystemFont,
41
+ 'Segoe UI',
42
+ sans-serif;
43
+ background: var(--background);
44
+ color: var(--foreground);
45
+ }
46
+
47
+ .dark {
48
+ color-scheme: dark;
49
+ --background: hsl(0, 0%, 7.04%);
50
+ --foreground: hsl(0, 0%, 95%);
51
+ --muted-foreground: hsla(0, 0%, 75%, 0.9);
52
+ --primary: hsl(207, 90%, 61%);
53
+ --ring: hsl(207, 90%, 61%);
54
+ }
55
+
56
+ body {
57
+ min-height: 100vh;
58
+ margin: 0;
59
+ display: grid;
60
+ place-items: center;
61
+ background: var(--background);
62
+ color: var(--foreground);
63
+ }
64
+
65
+ main {
66
+ width: min(100% - 48px, 520px);
67
+ }
68
+
69
+ p {
70
+ margin: 8px 0 0;
71
+ color: var(--muted-foreground);
72
+ line-height: 1.6;
73
+ }
74
+
75
+ a {
76
+ display: inline-flex;
77
+ height: 32px;
78
+ align-items: center;
79
+ justify-content: center;
80
+ border-radius: 8px;
81
+ margin-top: 20px;
82
+ padding: 0 12px;
83
+ background: var(--primary);
84
+ color: hsl(0, 0%, 100%);
85
+ font-weight: 600;
86
+ font-size: 14px;
87
+ text-decoration: none;
88
+ outline: none;
89
+ transition:
90
+ filter 150ms ease,
91
+ transform 150ms ease,
92
+ box-shadow 150ms ease;
93
+ }
94
+
95
+ .dark a {
96
+ color: hsl(0, 0%, 100%);
97
+ }
98
+
99
+ a:hover {
100
+ filter: brightness(0.96);
101
+ }
102
+
103
+ a:active {
104
+ transform: translateY(1px);
105
+ }
106
+
107
+ a:focus-visible {
108
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 50%, transparent);
109
+ }
110
+ </style>
111
+ </head>
112
+ <body>
113
+ <main>
114
+ <h1>Page not found</h1>
115
+ <p>The requested dashboard page could not be found.</p>
116
+ <a href="/dashboard">Go to dashboard</a>
117
+ </main>
118
+ </body>
119
+ </html>