Skip to content

Commit 64e7c4b

Browse files
theangryangeltheangryangel
committed
[IMP] maintenance-page
1 parent 7a18ead commit 64e7c4b

7 files changed

Lines changed: 189 additions & 0 deletions

File tree

‎maintenance-page/Dockerfile‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
FROM nginx:alpine
2+
# Copy the maintenance page files to the Nginx web root
3+
COPY src /usr/share/nginx/html
4+
EXPOSE 80
5+
CMD ["nginx", "-g", "daemon off;"]

‎maintenance-page/README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# maintenance-page
2+
3+
Maintenance page.

‎maintenance-page/src/index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
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>Under Maintenance</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9+
<link
10+
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"
11+
rel="stylesheet"
12+
/>
13+
<link rel="stylesheet" href="styles/styles.css" />
14+
</head>
15+
<body>
16+
<div class="vh">
17+
<div class="container">
18+
<div class="left">
19+
<h1>Sorry for the pause!<br />We're performing maintenance!</h1>
20+
<p>
21+
We're working hard to make your service even faster and more
22+
reliable.
23+
</p>
24+
<p>
25+
We expect everything to be back to normal and ready for you in a
26+
jiffy.
27+
</p>
28+
<div style="margin-bottom: auto"></div>
29+
<a href="https://www.glo.systems/" class="logo"></a>
30+
</div>
31+
<div class="right"></div>
32+
</div>
33+
</div>
34+
</body>
35+
</html>

‎maintenance-page/src/styles/logo.svg‎

Lines changed: 20 additions & 0 deletions
Loading

‎maintenance-page/src/styles/stacked.png‎

54.9 KB
Loading

‎maintenance-page/src/styles/styles.css‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
html,
2+
body {
3+
width: 100%;
4+
height: 100%;
5+
margin: 0;
6+
padding: 0;
7+
font-family: "Plus Jakarta Sans", sans-serif;
8+
font-optical-sizing: auto;
9+
font-style: normal;
10+
font-weight: 400;
11+
color: #1e2331;
12+
background-color: #f9f7f1;
13+
display: flex;
14+
justify-content: center;
15+
align-items: center;
16+
text-align: left;
17+
font-size: 1rem;
18+
}
19+
20+
.vh {
21+
display: flex;
22+
justify-content: center;
23+
align-items: center;
24+
height: 100vh;
25+
width: 100%;
26+
}
27+
28+
.container {
29+
width: 100%;
30+
display: flex;
31+
flex-direction: row;
32+
padding: 1rem;
33+
}
34+
35+
.left {
36+
padding-right: 1rem;
37+
display: flex;
38+
flex-direction: column;
39+
text-align: left;
40+
flex-grow: 1;
41+
}
42+
43+
h1 {
44+
color: rgb(70, 50, 122);
45+
font-size: 48px;
46+
font-weight: 500;
47+
margin: 0;
48+
padding: 0;
49+
line-height: 1.2;
50+
margin-bottom: 1rem;
51+
}
52+
53+
p {
54+
margin: 0;
55+
padding: 0;
56+
line-height: 1.5;
57+
margin-bottom: 0.25rem;
58+
}
59+
60+
.right {
61+
background: url("stacked.png") center / contain no-repeat;
62+
flex-shrink: 0;
63+
margin-left: auto;
64+
display: none;
65+
}
66+
67+
.logo {
68+
height: 50px;
69+
width: 69px;
70+
margin-top: 2rem;
71+
background: url("logo.svg") center / contain no-repeat;
72+
}
73+
74+
/* Small devices (tablets, 576px and up) */
75+
@media (min-width: 576px) {
76+
.container {
77+
width: 540px;
78+
}
79+
}
80+
81+
/* Medium devices (tablets, 768px and up) */
82+
@media (min-width: 768px) {
83+
.container {
84+
width: 720px;
85+
}
86+
87+
.right {
88+
display: block;
89+
width: 250px;
90+
}
91+
}
92+
93+
/* Large devices (desktops, 992px and up) */
94+
@media (min-width: 992px) {
95+
.container {
96+
width: 960px;
97+
}
98+
99+
.right {
100+
display: block;
101+
width: 300px;
102+
}
103+
}
104+
105+
/* Extra large devices (large desktops, 1200px and up) */
106+
@media (min-width: 1200px) {
107+
.container {
108+
width: 1140px;
109+
}
110+
111+
.right {
112+
display: block;
113+
width: 300px;
114+
height: 350px;
115+
}
116+
}
117+
118+
/* Extra extra large devices (larger desktops, 1400px and up) */
119+
@media (min-width: 1400px) {
120+
.container {
121+
width: 1320px;
122+
}
123+
}

‎maintenance-page/versions.yaml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# XXX: Dummy to tag the image automatically.
2+
page:
3+
- "latest"

0 commit comments

Comments
 (0)