forked from hoangsonww/RecipeGenie-App
-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
131 lines (112 loc) · 3.32 KB
/
404.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Not Found - RecipeGenie App</title>
<meta name="theme-color" content="#c67ee0">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap">
<style>
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background: #ece9e6;
background: -webkit-linear-gradient(to right, #ffffff, #ece9e6);
background: linear-gradient(to right, #ffffff, #ece9e6);
display: flex;
align-items: center;
justify-content: center;
font-family: "Poppins", sans-serif;
margin: 0;
min-height: 100vh;
}
.mobile-container {
background-color: #fff;
box-shadow: 0 0 10px 2px #3333331a;
border-radius: 3px;
overflow: hidden;
width: 500px;
padding: 20px;
text-align: center;
}
header h1 {
color: #e07ed0;
}
.content p {
color: #333;
font-size: 1rem;
margin: 10px 0;
}
button {
background-color: #c67ee0;
color: white;
padding: 10px 15px;
border: none;
border-radius: 8px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
margin-top: 20px;
}
button:hover {
background-color: #e07ed0;
}
footer h6 {
margin-top: 30px;
color: #333;
}
.dark-mode {
background: #121212;
color: #ffffff;
}
.dark-mode .mobile-container {
background-color: #333333;
color: #ffffff;
}
.dark-mode header h1 {
color: #eab0ff;
}
.dark-mode .content p {
color: #ccc;
}
.dark-mode footer h6 {
color: #ccc;
}
</style>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV7LT4762L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ZV7LT4762L');
</script>
<body>
<div class="mobile-container" style="border-radius: 16px">
<header>
<h1>404 - Page Not Found</h1>
</header>
<div class="content">
<p>Oops! The page you're looking for doesn't exist.</p>
<p>You may have mistyped the address or the page may have moved.</p>
<button onclick="window.location.href='https://hoangsonww.github.io/RecipeGenie-App/'">Return to Homepage</button>
</div>
<footer>
<h6>© 2023 by Son (David) Nguyen</h6>
</footer>
</div>
<script>
function loadDarkMode() {
const darkMode = localStorage.getItem('darkMode') === 'true';
if (darkMode) {
document.body.classList.add('dark-mode');
}
}
loadDarkMode();
</script>
</body>
</html>