Skip to content

Commit 06325c2

Browse files
pran0xpran0x
committed
Create maintenance.html
1 parent c11a0f7 commit 06325c2

1 file changed

Lines changed: 173 additions & 0 deletions

File tree

‎maintenance.html‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
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>CTF Portal - Under Maintenance</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
16+
background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
17+
color: #ffffff;
18+
height: 100vh;
19+
display: flex;
20+
align-items: center;
21+
justify-content: center;
22+
overflow: hidden;
23+
}
24+
25+
.maintenance-container {
26+
text-align: center;
27+
max-width: 600px;
28+
padding: 40px;
29+
background: rgba(255, 255, 255, 0.05);
30+
border-radius: 20px;
31+
border: 1px solid rgba(255, 255, 255, 0.1);
32+
backdrop-filter: blur(10px);
33+
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
34+
}
35+
36+
.icon {
37+
font-size: 5rem;
38+
margin-bottom: 30px;
39+
animation: spin 3s linear infinite;
40+
}
41+
42+
@keyframes spin {
43+
0% { transform: rotate(0deg); }
44+
100% { transform: rotate(360deg); }
45+
}
46+
47+
h1 {
48+
font-size: 2.8rem;
49+
margin-bottom: 20px;
50+
background: linear-gradient(45deg, #00ff88, #00ccff);
51+
-webkit-background-clip: text;
52+
-webkit-text-fill-color: transparent;
53+
background-clip: text;
54+
font-weight: bold;
55+
}
56+
57+
.subtitle {
58+
font-size: 1.4rem;
59+
color: #ff6b6b;
60+
margin-bottom: 30px;
61+
font-weight: 600;
62+
}
63+
64+
.description {
65+
font-size: 1.1rem;
66+
line-height: 1.6;
67+
color: #cccccc;
68+
margin-bottom: 40px;
69+
}
70+
71+
.contact-info {
72+
background: rgba(255, 255, 255, 0.05);
73+
padding: 20px;
74+
border-radius: 10px;
75+
border-left: 4px solid #2519d8;
76+
}
77+
78+
.contact-info p {
79+
margin: 5px 0;
80+
color: #ffffff;
81+
}
82+
83+
.loading-dots {
84+
display: inline-block;
85+
margin-left: 10px;
86+
}
87+
88+
.loading-dots span {
89+
display: inline-block;
90+
width: 8px;
91+
height: 8px;
92+
background: #5c74df;
93+
border-radius: 50%;
94+
margin: 0 2px;
95+
animation: pulse 1.5s infinite ease-in-out;
96+
}
97+
98+
.loading-dots span:nth-child(2) {
99+
animation-delay: 0.2s;
100+
}
101+
102+
.loading-dots span:nth-child(3) {
103+
animation-delay: 0.4s;
104+
}
105+
106+
@keyframes pulse {
107+
0%, 80%, 100% {
108+
transform: scale(0);
109+
opacity: 0.5;
110+
}
111+
40% {
112+
transform: scale(1);
113+
opacity: 1;
114+
}
115+
}
116+
117+
.footer {
118+
margin-top: 30px;
119+
font-size: 0.9rem;
120+
color: #888888;
121+
}
122+
123+
/* Responsive design */
124+
@media (max-width: 768px) {
125+
.maintenance-container {
126+
margin: 20px;
127+
padding: 30px 20px;
128+
}
129+
130+
h1 {
131+
font-size: 2.2rem;
132+
}
133+
134+
.subtitle {
135+
font-size: 1.2rem;
136+
}
137+
138+
.icon {
139+
font-size: 4rem;
140+
}
141+
}
142+
</style>
143+
</head>
144+
<body>
145+
<div class="maintenance-container">
146+
<div class="icon">⚙️</div>
147+
148+
<h1>Cyber Security Club</h1>
149+
<div class="subtitle">CTF Portal</div>
150+
151+
<p class="description">
152+
Our CTF portal is currently undergoing maintenance to improve your experience.
153+
<br><br>
154+
We're working hard to get everything back online as soon as possible.
155+
</p>
156+
157+
<div class="contact-info">
158+
<p><strong>Status:</strong> Under Maintenance</p>
159+
<p><strong>Expected Duration:</strong> A few hours</p>
160+
<p><strong>Last Updated:</strong> September 11, 2025</p>
161+
</div>
162+
163+
<div class="footer">
164+
Thank you for your patience
165+
<div class="loading-dots">
166+
<span></span>
167+
<span></span>
168+
<span></span>
169+
</div>
170+
</div>
171+
</div>
172+
</body>
173+
</html>

0 commit comments

Comments
 (0)