Skip to content

Commit 1402aa6

Browse files
MoonTM-GITMoonTM-GIT
committed
Added Error 403 & Fixed css for error pages
1 parent a369294 commit 1402aa6

File tree

4 files changed

+124
-3
lines changed

4 files changed

+124
-3
lines changed

‎css/global/footer.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
font-weight: 600;
1111
line-height: 1.5;
1212
text-align: center;
13+
width: 100%;
1314
}
1415

1516
/* --------------------- */

‎css/pages/error/403.css‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
h1 {
2+
margin-top: 2%;
3+
color:white;
4+
font-family: "Inter";
5+
font-size: 45px;
6+
font-weight: 600;
7+
text-align: center;
8+
}
9+
10+
.error-text {
11+
margin-top: 1%;
12+
margin-left: 3%;
13+
margin-right: 3%;
14+
color: #8e9ba3;
15+
font-family: "Inter";
16+
font-size: 20px;
17+
font-weight: 600;
18+
text-align: center;
19+
}
20+
21+
p a {
22+
color: #ff212d;
23+
}
24+
25+
/* ------------------ */
26+
/* 404 RESPONSIVENESS */
27+
/* ------------------ */
28+
29+
@media only screen and (max-width: 1600px) {
30+
h1 {
31+
font-size: 38px;
32+
}
33+
34+
.error-text {
35+
font-size: 18px;
36+
}
37+
}
38+
39+
@media only screen and (max-width: 1250px) {
40+
h1 {
41+
font-size: 32px;
42+
}
43+
44+
.error-text {
45+
font-size: 16px;
46+
}
47+
}
48+
49+
@media only screen and (max-width: 1020px) {
50+
h1 {
51+
font-size: 26px;
52+
}
53+
54+
.error-text {
55+
font-size: 14px;
56+
}
57+
}
58+
59+
@media only screen and (max-width: 940px) {
60+
h1 {
61+
font-size: 20px;
62+
}
63+
64+
.error-text {
65+
font-size: 12px;
66+
}
67+
}
68+
69+
@media only screen and (max-width: 750px) {
70+
h1 {
71+
font-size: 16px;
72+
}
73+
74+
.error-text {
75+
font-size: 12px;
76+
}
77+
}

‎error/403.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<script src="https://kit.fontawesome.com/613e568d39.js" crossorigin="anonymous"></script>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="/css/global/styles.css">
9+
<link rel="stylesheet" href="/css/global/navbar.css">
10+
<link rel="stylesheet" href="/css/global/footer.css">
11+
<link rel="stylesheet" href="/css/pages/error/403.css">
12+
<link rel="shortcut icon" href="/assets/ServerLogo.png" type="image/x-icon">
13+
<title>403 Forbidden</title>
14+
</head>
15+
<body>
16+
<!-- NAVBAR -->
17+
<div class="navbar" id="navbar">
18+
<nav>
19+
<img src="/assets/ServerLogo.png" alt="JavaDiscordLogo">
20+
<button class="hamburger" id="hamburger">
21+
<i class="fa-solid fa-bars"></i>
22+
</button>
23+
<ul class="nav-ul" id="nav-ul">
24+
<li><a href="/index.html">Home</a></li>
25+
<li><a href="/rules.html">Rules</a></li>
26+
<li><a href="/profile.html">Profile</a></li>
27+
<li><a href="">Other</a></li>
28+
</ul>
29+
<div class="nav-right">
30+
<a href="/r/github.html" target="_blank" class="social-btn"><i class="fa-brands fa-github fa-3x"></i></a>
31+
<a href="/r/twitter.html" target="_blank" class="social-btn"><i class="fa-brands fa-twitter fa-3x"></i></a>
32+
<a href="/r/discord.html" target="_blank" class="join-btn">Join</a>
33+
</div>
34+
</nav>
35+
</div>
36+
<h1>Error 403 - Forbidden :(</h1>
37+
<p class="error-text">You don't have permission to access this page. If you think this is an error, please open an issue on <a href="/r/website-gh.html">GitHub</a>.</p>
38+
<!-- FOOTER -->
39+
<div class="footer-container">
40+
<p>©️ 2022 JavaDiscord <br> JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.</p>
41+
</div>
42+
</body>
43+
</html>

‎error/404.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<link rel="stylesheet" href="/css/global.css">
9-
<link rel="stylesheet" href="/css/navbar.css">
10-
<link rel="stylesheet" href="/css/footer.css">
8+
<link rel="stylesheet" href="/css/global/styles.css">
9+
<link rel="stylesheet" href="/css/global/navbar.css">
10+
<link rel="stylesheet" href="/css/global/footer.css">
1111
<link rel="stylesheet" href="/css/pages/error/404.css">
1212
<link rel="shortcut icon" href="/assets/ServerLogo.png" type="image/x-icon">
1313
<title>404 Not Found</title>

0 commit comments

Comments
 (0)