Skip to content

Commit c04afc6

Browse files
MoonTM-GITMoonTM-GIT
committed
Added 404 Page, Removed unnecessary relative paths & started on rules page
1 parent 421a195 commit c04afc6

File tree

18 files changed

+393
-36
lines changed

18 files changed

+393
-36
lines changed

‎.htaccess‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
RewriteEngine On
22

33
Options +MultiViews
4+
ErrorDocument 404 /error/404.html
45

56
<Files "LICENSE">
67
Require all denied

‎css/404.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+
}

‎css/footer.css‎

Lines changed: 23 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,17 @@
11
.footer-container {
2-
display: flex;
3-
flex-flow: row;
4-
background-color: white;
5-
color:black;
6-
padding: 1% 20%;
2+
color: #8e9ba3;
73
}
84

95
.footer-container p {
6+
position: absolute;
7+
bottom: 2%;
108
font-family: "Inter";
119
font-size: 12px;
1210
font-weight: 600;
1311
line-height: 1.5;
12+
text-align: center;
1413

15-
width: 50%;
14+
width: 100%;
1615
}
1716

1817
/* --------------------- */
@@ -30,4 +29,22 @@
3029
.footer-container p {
3130
font-size: 9px;
3231
}
32+
}
33+
34+
@media only screen and (max-width: 1020px) {
35+
.footer-container p {
36+
font-size: 8px;
37+
}
38+
}
39+
40+
@media only screen and (max-width: 940px) {
41+
.footer-container p {
42+
font-size: 7px;
43+
}
44+
}
45+
46+
@media only screen and (max-width: 750px) {
47+
.footer-container p {
48+
font-size: 6px;
49+
}
3350
}

‎css/global.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@import url('https://rsms.me/inter/inter.css');
22
@font-face {
3-
src: url(../fonts/Uni\ Sans\ Heavy.otf);
3+
src: url(/fonts/Uni\ Sans\ Heavy.otf);
44
font-family: "Uni Sans";
55
}
66
@font-face {

‎css/pages/index/indexFooter.css‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
.footer-container {
2+
display: flex;
3+
flex-flow: row;
4+
background-color: white;
5+
color:black;
6+
padding: 1% 20%;
7+
}
8+
9+
.footer-container p {
10+
font-family: "Inter";
11+
font-size: 12px;
12+
font-weight: 600;
13+
line-height: 1.5;
14+
15+
width: 50%;
16+
}
17+
18+
/* --------------------- */
19+
/* FOOTER RESPONSIVENESS */
20+
/* --------------------- */
21+
22+
23+
@media only screen and (max-width: 1600px) {
24+
.footer-container p {
25+
font-size: 10px;
26+
}
27+
}
28+
29+
@media only screen and (max-width: 1250px) {
30+
.footer-container p {
31+
font-size: 9px;
32+
}
33+
}
34+
35+
@media only screen and (max-width: 1020px) {
36+
.footer-container p {
37+
font-size: 8px;
38+
}
39+
}
40+
41+
@media only screen and (max-width: 940px) {
42+
.footer-container p {
43+
font-size: 7px;
44+
}
45+
}
46+
47+
@media only screen and (max-width: 750px) {
48+
.footer-container p {
49+
font-size: 6px;
50+
}
51+
}

‎css/pages/rules/rules.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.rules-title {
2+
font-family: "Inter";
3+
font-size: 35px;
4+
font-weight: 1000;
5+
6+
color: white;
7+
width: 100%;
8+
text-align: center;
9+
}

‎css/redirects/styles.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,38 @@ p {
99

1010
p a {
1111
color: #ff212d;
12+
}
13+
14+
/* ----------------------- */
15+
/* REDIRECT RESPONSIVENESS */
16+
/* ----------------------- */
17+
18+
@media only screen and (max-width: 1600px) {
19+
p {
20+
font-size: 38px;
21+
}
22+
}
23+
24+
@media only screen and (max-width: 1250px) {
25+
p {
26+
font-size: 32px;
27+
}
28+
}
29+
30+
@media only screen and (max-width: 1020px) {
31+
p {
32+
font-size: 26px;
33+
}
34+
}
35+
36+
@media only screen and (max-width: 940px) {
37+
p {
38+
font-size: 20px;
39+
}
40+
}
41+
42+
@media only screen and (max-width: 750px) {
43+
p {
44+
font-size: 14px;
45+
}
1246
}

‎error/404.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.css">
9+
<link rel="stylesheet" href="/css/navbar.css">
10+
<link rel="stylesheet" href="/css/footer.css">
11+
<link rel="stylesheet" href="/css/404.css">
12+
<link rel="shortcut icon" href="/assets/ServerLogo.png" type="image/x-icon">
13+
<title>404 Not Found</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 404 - Page Not Found :(</h1>
37+
<p class="error-text">Looks like the page you tried to access does not exist. 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>

‎index.html‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,32 +6,32 @@
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
88
<meta name="description" content="With over 12000 Members and 50,000 Messages sent each month, join one of the biggest Java Communities to help, get help and discuss programming in Java."/>
9-
<link rel="stylesheet" href="./css/global.css">
10-
<link rel="stylesheet" href="./css/navbar.css">
11-
<link rel="stylesheet" href="./css/footer.css">
12-
<link rel="stylesheet" href="./css/pages/index/index.css">
13-
<link rel="stylesheet" href="./css/pages/index/indexResponsive.css">
14-
<link rel="shortcut icon" href="./assets/ServerLogo.png" type="image/x-icon">
9+
<link rel="stylesheet" href="/css/global.css">
10+
<link rel="stylesheet" href="/css/navbar.css">
11+
<link rel="stylesheet" href="/css/pages/index/indexFooter.css">
12+
<link rel="stylesheet" href="/css/pages/index/index.css">
13+
<link rel="stylesheet" href="/css/pages/index/indexResponsive.css">
14+
<link rel="shortcut icon" href="/assets/ServerLogo.png" type="image/x-icon">
1515
<title>Java Discord - Java Community on Discord</title>
1616
</head>
1717
<body>
1818
<!-- NAVBAR -->
1919
<div class="navbar" id="navbar">
2020
<nav>
21-
<img src="./assets/ServerLogo.png" alt="JavaDiscordLogo">
21+
<img src="/assets/ServerLogo.png" alt="JavaDiscordLogo">
2222
<button class="hamburger" id="hamburger">
2323
<i class="fa-solid fa-bars"></i>
2424
</button>
2525
<ul class="nav-ul" id="nav-ul">
26-
<li><a class="active-link" href="">Home</a></li>
27-
<li><a href="./rules.html">Rules</a></li>
28-
<li><a href="./profile.html">Profile</a></li>
26+
<li><a class="active-link" href="/index.html">Home</a></li>
27+
<li><a href="/rules.html">Rules</a></li>
28+
<li><a href="/profile.html">Profile</a></li>
2929
<li><a href="">Other</a></li>
3030
</ul>
3131
<div class="nav-right">
32-
<a href="https://github.com/Java-Discord" target="_blank" class="social-btn"><i class="fa-brands fa-github fa-3x"></i></a>
33-
<a href="https://twitter.com/JavaDiscord" target="_blank" class="social-btn"><i class="fa-brands fa-twitter fa-3x"></i></a>
34-
<a href="https://discord.gg/X3NmMgzFKF" target="_blank" class="join-btn">Join</a>
32+
<a href="/r/github.html" target="_blank" class="social-btn"><i class="fa-brands fa-github fa-3x"></i></a>
33+
<a href="/r/twitter.html" target="_blank" class="social-btn"><i class="fa-brands fa-twitter fa-3x"></i></a>
34+
<a href="/r/join.html" target="_blank" class="join-btn">Join</a>
3535
</div>
3636
</nav>
3737
</div>
@@ -41,10 +41,10 @@
4141
<div class="introduction-text">
4242
<h1>HELP. <a style="color:#ff212d">CODE.</a> LEARN.</h1>
4343
<p class="paragraph introduction-paragraph">With over 12,000 Members and 50,000 Messages sent each month, join one of the biggest Java Communities on Discord to help, get help and discuss programming in Java.</p>
44-
<a href="https://discord.gg/X3NmMgzFKF" target="_blank" class="introduction-join-btn">Join</a>
44+
<a href="/r/join.html" target="_blank" class="introduction-join-btn">Join</a>
4545
</div>
4646
<div class="introduction-image">
47-
<img src="./assets/Channels.png" alt="" style="width:85%;">
47+
<img src="/assets/Channels.png" alt="" style="width:85%;">
4848
</div>
4949
</div>
5050
<!-- DATA/STATS -->
@@ -67,23 +67,23 @@ <h1>HELP. <a style="color:#ff212d">CODE.</a> LEARN.</h1>
6767
<div class="qotw-text">
6868
<h1>MEET QUESTION OF THE WEEK</h1>
6969
<p class="paragraph qotw-paragraph">Question of the week is a weekly Java-related question you can answer and be awarded points for. Check it out in <b class="special-word">#question-of-the-week</b> on the Java Discord.</p>
70-
<a href="./qotw.html" target="_blank" class="paragraph qotw-learn-more"><i class="fa-solid fa-arrow-right"></i> Learn More</a>
70+
<a href="/qotw.html" target="_blank" class="paragraph qotw-learn-more"><i class="fa-solid fa-arrow-right"></i> Learn More</a>
7171
</div>
7272
<div class="qotw-image">
73-
<img src="./assets/QOTWLeaderboard.png" alt="" style="width:65%;">
73+
<img src="/assets/QOTWLeaderboard.png" alt="" style="width:65%;">
7474
</div>
7575
</div>
7676
<!-- PARTNERS -->
7777
<div class="partner-container">
7878
<h1>WITH SUPPORT FROM</h1>
7979
<div class="partner-imgs">
80-
<a href="./redirect/nordvpn.html" target="_blank"><img src="./assets/nordvpn.svg" alt="NordVPN Logo"></a>
81-
<a href="./redirect/jetbrains.html" target="_blank"><img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg" alt="JetBrains Logo"></a>
82-
<a href="./redirect/discord4j.html" target="_blank"><img src="./assets/discord4j.svg" alt="Discord4J Logo"></a>
80+
<a href="/r/nordvpn.html" target="_blank"><img src="/assets/nordvpn.svg" alt="NordVPN Logo"></a>
81+
<a href="/r/jetbrains.html" target="_blank"><img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg" alt="JetBrains Logo"></a>
82+
<a href="/r/discord4j.html" target="_blank"><img src="/assets/discord4j.svg" alt="Discord4J Logo"></a>
8383
</div>
8484
</div>
8585
<!-- FOOTER -->
86-
<div class="footer-container">
86+
<div class="footer-container" style="color: black;">
8787
<p>©️ 2022 JavaDiscord <br> JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.</p>
8888
<p style="margin-left: 4px;">¹ Users that sent a message in the last month, data gathered from Discord's Insight page. <br> ² Data gathered from Discord's Insight page.</p>
8989
</div>

redirect/discord4j.html renamed to r/discord4j.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta http-equiv="refresh" content="0; url=https://discord4j.com"/>
8-
<link rel="stylesheet" href="../css/global.css">
9-
<link rel="stylesheet" href="../css/redirects/styles.css">
8+
<link rel="stylesheet" href="/css/global.css">
9+
<link rel="stylesheet" href="/css/redirects/styles.css">
10+
<link rel="shortcut icon" href="/assets/ServerLogo.png" type="image/x-icon">
1011
<title>Discord4J Redirect</title>
1112
</head>
1213
<body>

0 commit comments

Comments
 (0)