Skip to content

Commit b2d4d03

Browse files
TimeAndTimeStudioTimeAndTimeStudio
authored
Add files via upload
1 parent d0e3d2b commit b2d4d03

10 files changed

Lines changed: 2791 additions & 0 deletions

File tree

‎404.html‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
<!DOCTYPE html>
2+
<html lang="th">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="404 - ไม่พบหน้านี้">
7+
<meta name="theme-color" content="#0D0D0D">
8+
<title>404 — ไม่พบหน้านี้ | TAT Studio</title>
9+
10+
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%23FF6B00'/><text x='50' y='60' font-size='60' font-weight='bold' fill='%23000'>T</text></svg>">
11+
12+
<style>
13+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');
14+
15+
:root {
16+
--bg: #0D0D0D;
17+
--bg-card: #111111;
18+
--bg-subtle: #161616;
19+
--border: #242424;
20+
--accent: #FF6B00;
21+
--text: #E2E2E2;
22+
--text-sec: #A0A0A0;
23+
--text-muted: #6B6B6B;
24+
--radius-sm: 6px;
25+
--max-w: 1080px;
26+
--nav-h: 60px;
27+
}
28+
29+
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
30+
html { font-size: 16px; -webkit-font-smoothing: antialiased; }
31+
body { background: var(--bg); color: var(--text); font-family: "Inter", system-ui, sans-serif; font-size: 0.9375rem; line-height: 1.6; }
32+
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; font-weight: 600; letter-spacing: -0.02em; }
33+
a { color: inherit; text-decoration: none; }
34+
svg { flex-shrink: 0; }
35+
36+
.icon { display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; vertical-align: middle; }
37+
.icon svg { width: 100%; height: 100%; }
38+
39+
.navbar {
40+
position: sticky;
41+
top: 0;
42+
z-index: 100;
43+
height: var(--nav-h);
44+
display: flex;
45+
align-items: center;
46+
padding: 0 24px;
47+
background: rgba(13, 13, 13, 0.88);
48+
backdrop-filter: blur(12px);
49+
-webkit-backdrop-filter: blur(12px);
50+
border-bottom: 1px solid var(--border);
51+
}
52+
.navbar-inner { width: 100%; max-width: var(--max-w); margin: 0 auto; display: flex; align-items: center; gap: 32px; }
53+
.nav-logo { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 1rem; color: var(--text); }
54+
.nav-logo span { color: var(--accent); }
55+
56+
.container {
57+
min-height: calc(100vh - var(--nav-h));
58+
display: flex;
59+
align-items: center;
60+
justify-content: center;
61+
padding: 40px 24px;
62+
text-align: center;
63+
}
64+
.container-inner { max-width: 500px; }
65+
66+
.error-code {
67+
font-family: "Space Grotesk", sans-serif;
68+
font-size: 6rem;
69+
font-weight: 700;
70+
color: var(--accent);
71+
line-height: 1;
72+
margin-bottom: 24px;
73+
}
74+
.error-title {
75+
font-size: 1.75rem;
76+
margin-bottom: 12px;
77+
color: var(--text);
78+
}
79+
.error-desc {
80+
color: var(--text-sec);
81+
margin-bottom: 40px;
82+
}
83+
84+
.btn {
85+
display: inline-flex;
86+
align-items: center;
87+
gap: 8px;
88+
padding: 9px 18px;
89+
border-radius: var(--radius-sm);
90+
font-family: "Inter", sans-serif;
91+
font-size: 0.875rem;
92+
font-weight: 500;
93+
cursor: pointer;
94+
transition: opacity 0.15s;
95+
background: var(--accent);
96+
color: #000;
97+
border: 1px solid var(--accent);
98+
}
99+
.btn:hover { opacity: 0.88; }
100+
.btn svg { width: 1rem; height: 1rem; }
101+
102+
.footer {
103+
padding: 40px 24px;
104+
text-align: center;
105+
border-top: 1px solid var(--border);
106+
color: var(--text-muted);
107+
font-size: 0.8125rem;
108+
}
109+
</style>
110+
</head>
111+
<body>
112+
<script>
113+
const ICONS = {
114+
arrowLeft: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>`,
115+
};
116+
</script>
117+
118+
<nav class="navbar">
119+
<div class="navbar-inner">
120+
<a href="index.html" class="nav-logo">TAT<span>.</span></a>
121+
</div>
122+
</nav>
123+
124+
<div class="container">
125+
<div class="container-inner">
126+
<div class="error-code">404</div>
127+
<h1 class="error-title">ไม่พบหน้านี้</h1>
128+
<p class="error-desc">หน้าที่คุณกำลังค้นหาอาจถูกย้าย ลบ หรือไม่เคยมีอยู่</p>
129+
<a href="index.html" class="btn">
130+
<span class="icon">
131+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
132+
</span>
133+
กลับหน้าแรก
134+
</a>
135+
</div>
136+
</div>
137+
138+
<footer class="footer">
139+
&copy; 2026 TimeAndTime Studio. All rights reserved.
140+
</footer>
141+
</body>
142+
</html>

0 commit comments

Comments
 (0)