From afd88b260088f1e1d780dc4dcaf61bc3a1c27349 Mon Sep 17 00:00:00 2001 From: MoonTM Date: Wed, 20 Apr 2022 17:51:06 +0200 Subject: [PATCH 01/17] Started Remake - Moved some files & added navbar --- assets/{LogoBlue_NoBG.png => ServerLogo.png} | Bin assets/sample.png | Bin 0 -> 10085 bytes css/global.css | 19 + css/navbar.css | 254 +++++++++++++ css/queries.css | 352 ------------------- css/styles.css | 312 ---------------- index.html | 116 ++---- rules.html | 178 ---------- unban.html | 3 - 9 files changed, 300 insertions(+), 934 deletions(-) rename assets/{LogoBlue_NoBG.png => ServerLogo.png} (100%) create mode 100644 assets/sample.png create mode 100644 css/global.css create mode 100644 css/navbar.css delete mode 100644 css/queries.css delete mode 100644 css/styles.css delete mode 100644 rules.html delete mode 100644 unban.html diff --git a/assets/LogoBlue_NoBG.png b/assets/ServerLogo.png similarity index 100% rename from assets/LogoBlue_NoBG.png rename to assets/ServerLogo.png diff --git a/assets/sample.png b/assets/sample.png new file mode 100644 index 0000000000000000000000000000000000000000..b65e42740d03bd6054eeb0d1579ea4e26822c54e GIT binary patch literal 10085 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 literal 0 HcmV?d00001 diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..0cdd7e1 --- /dev/null +++ b/css/global.css @@ -0,0 +1,19 @@ +@import url('https://rsms.me/inter/inter.css'); +@font-face { + src: url(../fonts/Uni\ Sans\ Heavy.otf); + font-family: "Uni Sans"; +} +@font-face { + font-family: "Inter"; + src: url('https://rsms.me/inter/inter.css'); +} + + +* { + margin: 0; + padding: 0; +} + +body { + background-color: #011E2F; +} \ No newline at end of file diff --git a/css/navbar.css b/css/navbar.css new file mode 100644 index 0000000..641dd76 --- /dev/null +++ b/css/navbar.css @@ -0,0 +1,254 @@ +nav { + display: flex; + margin: 0 15px; + align-items: left; + padding: 5px; + flex-wrap: wrap; +} + +nav img { + width: 125px; +} + +.nav-ul { + display: flex; + align-items: center; + list-style-type: none; +} + +.nav-ul li a { + color: white; + padding: 10px 30px; + text-decoration: underline solid transparent; + transition: text-decoration 0.4s ease; + font-family: "Inter", sans-serif; + font-size: 30px; + font-weight: 600; +} + +.nav-ul li a:hover { + text-decoration: underline solid currentColor; +} + +.navbar { + top: 0; + right: 0; + left: 0; + background: #011E2F; +} + +.active-link { + color: #ff212d !important; +} + +.nav-right { + font-size: 16px; + display: flex; + margin-left: auto; +} + +.hamburger { + align-self: center; + margin-left: auto; + margin-right: 2%; + background: transparent; + color: white; + font-size: 40px; + border: none; + cursor: pointer; + display: none; +} + +.hamburger:focus { + outline: none; +} + +.join-btn { + align-self: center; + display: flex; + align-items: center; + margin-right: 20px; + margin-left: 40px; + padding: 12px 60px; + color: white; + font-size: 30px; + font-family: "Uni Sans", sans-serif; + text-decoration: none; + + background-color: #FF212D; + border-radius: 28px; +} + +.join-btn:hover { + transition: background-color 0.5s ease; + background-color: #fa3e48; +} + +.social-btn { + align-self: center; + margin-left: 40px; + color:white; +} + +.social-btn:hover { + transition: font-size 0.2s ease; + font-size: 17px; +} + +/* --------------------- */ +/* NAVBAR RESPONSIVENESS */ +/* --------------------- */ + + +@media only screen and (max-width: 1600px) { + nav img { + width: 105px; + } + + .nav-ul li a { + padding: 10px 26px; + font-size: 28px; + } + + .nav-right { + font-size: 14px; + } + + .social-btn { + margin-left: 32px; + } + + .social-btn:hover { + transition: font-size 0.2s ease; + font-size: 15px; + } + + .join-btn { + font-size: 28px; + padding: 10px 50px; + margin-left: 32px; + } +} + +@media only screen and (max-width: 1250px) { + nav img { + width: 95px; + } + + .nav-ul li a { + padding: 10px 22px; + font-size: 26px; + } + + .nav-right { + font-size: 12px; + } + + .social-btn { + margin-left: 26px; + } + + .social-btn:hover { + transition: font-size 0.2s ease; + font-size: 13px; + } + + .join-btn { + font-size: 26px; + padding: 8px 40px; + margin-left: 26px; + } +} + +@media only screen and (max-width: 1020px) { + nav img { + width: 85px; + } + + .nav-ul li a { + padding: 10px 18px; + font-size: 24px; + + } + + .nav-right { + font-size: 10px; + } + + .social-btn { + margin-left: 20px; + } + + .social-btn:hover { + transition: font-size 0.2s ease; + font-size: 11px; + } + + .join-btn { + font-size: 24px; + padding: 6px 30px; + margin-left: 20px; + } +} + +@media only screen and (max-width: 940px) { + nav img { + width: 75px; + } + + .nav-ul li a { + padding: 10px 14px; + font-size: 22px; + } + + .nav-right { + font-size: 8px; + } + + .social-btn { + margin-left: 14px; + } + + .social-btn:hover { + transition: font-size 0.2s ease; + font-size: 9px; + } + + .join-btn { + font-size: 22px; + padding: 4px 28px; + margin-left: 14px; + } +} + +@media only screen and (max-width: 750px) { + nav { + transition: all .5s ease; + } + + nav img { + width: 65px; + } + + .nav-ul { + display: none; + flex-direction: column; + width: 100%; + } + + .nav-ul li { + margin-bottom: 7px; + } + + .nav-ul.show { + display: flex; + } + + .hamburger { + display: block; + } + + .nav-right { + display:none + } +} \ No newline at end of file diff --git a/css/queries.css b/css/queries.css deleted file mode 100644 index 933b73d..0000000 --- a/css/queries.css +++ /dev/null @@ -1,352 +0,0 @@ -/* Homepage */ - -@media only screen and (max-width: 1650px){ - header { - margin-top: 245px; - } - - .container { - max-width: 1240px; - margin: 0 auto; - display: flex; - align-items: center; - } - - .left-box h1 { - font-size: 160px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box p { - font-size: 45px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 20px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } -} - -@media only screen and (max-width: 1345px){ - header { - margin-top: 280px; - padding: 0px 40px 140px 40px; - } - - .container { - max-width: 1240px; - margin: 0 auto; - display: flex; - align-items: center; - } - - .left-box h1 { - font-size: 150px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box p { - font-size: 42.5px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 20px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } -} - -@media only screen and (max-width: 1240px){ - header { - margin-top: 350px; - } - - .container { - max-width: 1240px; - margin: 0 auto; - display: flex; - align-items: center; - } - - .left-box h1 { - font-size: 120px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box p { - font-size: 40px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 20px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } -} - -@media only screen and (max-width: 1000px){ - header { - margin-top: 350px; - padding-bottom: 200px; - } - - .container { - max-width: 1240px; - margin: 0 auto; - display: flex; - align-items: center; - } - - .left-box h1 { - font-size: 110px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box p { - font-size: 30px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 15px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } -} - -@media only screen and (max-width: 768px){ - .nav-ul { - display: none; - flex-direction: column; - width: 100%; - } - - .nav-ul.show { - display: flex; - } - - nav.bottom-shadow-effect { - box-shadow: 0px 7px 17px 5px rgba(2,50,74,1); - } - - nav { - transition: all .5s ease; - } - - .hamburger { - display: block; - } - - /* PAGE */ - - header { - margin-top: 150px; - padding-bottom: 120px; - } - - .container { - max-width: 768px; - margin: 0 auto; - display: flex; - align-items: center; - flex-direction: column; - } - - .left-box h1 { - font-size: 100px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box { - padding-right: 50px; - } - - .right-box p { - margin-top: 52px; - font-size: 24px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 15px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } - - .copyright p{ - padding-left: 25px; - padding-right: 25px; - } -} - -@media only screen and (max-width: 480px){ - header { - margin-top: 150px; - padding-bottom: 105px; - } - - .container { - max-width: 768px; - margin: 0 auto; - display: flex; - align-items: center; - flex-direction: column; - } - - .left-box h1 { - font-size: 80px; - font-family: "Uni Sans", sans-serif; - color: white; - } - - .right-box { - padding-left: 14px; - } - - .right-box p { - margin-top: 40px; - font-size: 25px; - font-weight: 500; - color: white; - } - - .button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 15px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; - } - - .button a:hover { - background-color: #fa454e; - } -} - -@media only screen and (max-width: 414px) { - - .right-box{ - padding-left: 35px; - } -} - -@media only screen and (max-width: 375px) { - - .right-box{ - padding-left: 16px; - } -} - -/* Rules page */ - -@media only screen and (max-width: 950px) { - .title { - font-size: 80px; - } -} - -@media only screen and (max-width: 570px) { - .title { - font-size: 60px; - padding: 0 20px; - } -} - -/* Cookie-Banner */ - -@media only screen and (max-width: 535px) { - .cookie-container.active { - position: fixed; - bottom: 0; - left: 0; - right: 0; - width: 100%; - border-radius: 0px; - } - - .cookie-content { - padding-right: 50px; - } - - .cookie-links { - padding: 20px 50px 20px 0px; - } - - #got-it-btn { - font-size: 24px; - } -} diff --git a/css/styles.css b/css/styles.css deleted file mode 100644 index 9e0bb9f..0000000 --- a/css/styles.css +++ /dev/null @@ -1,312 +0,0 @@ -/* Imports */ - -@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,900;1,700&display=swap'); -@font-face { - src: url(../fonts/Uni\ Sans\ Heavy.otf); - font-family: Uni Sans; -} -@font-face { - src: url(../fonts/Uni\ Sans\ Thin\ Italic.otf); - font-family: "Uni Sans Italic"; -} -@import url("animations.css"); - -/* Style */ - -/* ---------------------------------------------------------- */ -/* ------------------------- Global ------------------------- */ -/* ---------------------------------------------------------- */ - -/* ------------------------ Navbar -------------------------- */ - -* { - margin: 0; - padding: 0; -} - -body { - font-family: "Roboto", sans-serif; - background-color: #011E2F; -} - -.Navbar { - position: fixed; - top: 0; - right: 0; - left: 0; - background: #011E2F; -} - -nav { - display: flex; - max-width: 1400px; - margin: 0 auto; - justify-content: space-between; - align-items: center; - padding: 5px; - flex-wrap: wrap; -} - -.nav-ul li a:focus { - outline: none; -} - -nav img { - width: 100px; -} - -.nav-ul { - display: flex; - align-items: center; - justify-content: center; - list-style-type: none; - padding: 0; -} - -.nav-ul li a { - display: inline-block; - color: white; - padding: 10px 20px; - text-decoration: none; - font-size: 25px; -} - -.nav-ul li a:hover { - color: rgb(219, 219, 219); -} - -.join-btn { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 12px 40px; - border-radius: 36px; - font-size: 30px; - font-family: "Uni Sans", sans-serif; -} - -.join-btn:hover { - background: #fa454e; -} - -.hamburger { - background-color: transparent; - border: none; - font-size: 28px; - cursor: pointer; - display: none; -} - -.hamburger:focus { - outline: none; -} - -.active-link { - font-weight: 900; -} - -.active-link hr { - color: white; - border: 1.5px solid white; - background-color: white; -} - -.navbar-scrolling { - box-shadow: 0px 7px 17px 5px rgba(2,50,74,1); -} - -.hamburger { - background: transparent; - color: white; - font-size: 40px; - border: none; - cursor: pointer; - display: none; -} - -.hamburger:focus { - outline: none; -} - -/* ------------------------ Footer -------------------------- */ - -.copyright { - padding: 20px 0px; -} - -.copyright p { - text-align: center; - font-size: 16px; - font-weight: 600; - color: white; -} - -/* ------------------------ Cookies ------------------------- */ - -.cookie-container { - display: flex; - flex-direction: column; - position: fixed; - right: 45px; - bottom: -100%; - width: 400px; - background-color: rgb(30, 56, 71); - padding: 20px; - border-radius: 16px; - transition: 400ms; -} - -.cookie-container.active { - bottom: 45px; -} - -.cookie-content p{ - color: rgb(207, 207, 207); - font-size: 18px; -} - -.cookie-links{ - text-align: right; -} - -.cookie-links a { - text-decoration: underline; - color: white; - margin-left: 10px; -} - -#got-it-btn { - text-decoration: none; - font-family: "Uni Sans", sans-serif; - padding: 10px 16px; - background-color: #FF212D; - font-size: 18px; -} - -#got-it-btn:hover { - background: #fa454e; -} - -#cookie-policy { - font-family: "Uni Sans", sans-serif; - color: white; - padding-bottom: 10px; -} - - -/* ---------------------------------------------------------- */ -/* ------------------------- Pages -------------------------- */ -/* ---------------------------------------------------------- */ - - -/* ------------------------- Home --------------------------- */ - -header { - margin-top: 240px; - padding-bottom: 119px; -} - -.container { - max-width: 1400px; - margin: 0 auto; - display: flex; - align-items: center; -} - -.left-box h1 { - font-size: 144px; - font-family: "Uni Sans", sans-serif; - color: white; -} - -.right-box { - padding-left: 50px; -} - -.right-box p { - font-size: 40px; - font-weight: 500; - color: white; -} - -.button a { - color: white; - text-decoration: none; - background-color: #FF212D; - padding: 20px 35px; - font-size: 26px; - font-family: "Uni Sans", sans-serif; - border: none; - border-radius: 35px; - display: inline-block; - margin-top: 20px; -} - -.button a:hover { - background-color: #fa454e; -} - -/* ------------------------ Rules -------------------------- */ - -.header-rules { - margin-top: 120px; -} - -.container-rules { - max-width: 1300px; - margin: 0 auto; - display: flex; - flex-direction: column; - align-items: center; -} - -.title{ - text-align: center; - align-items: center; - color: white; - font-family: "Uni Sans", sans-serif; - font-size: 100px; -} - -.title-box p { - color: white; - text-transform: uppercase; - font-family: "Uni Sans Italic", sans-serif; - font-size: 18px; - text-align: center; - padding-bottom: 70px; - padding-right: 20px; - padding-left: 20px; -} - -.rules-box { - padding: 30px; - margin-top: 16px; - background-color: #062233; - border-radius: 25px; -} - -.rule { - padding: 25px; - color: white; - font-weight: 600; -} - -.rule h3{ - font-size: 28px; -} - -.rule p{ - font-size: 18px; -} - -#special-word { - background-color: #1E3847; - padding: 3px 8px; - border-radius: 20px; -} - -#tos-link { - text-decoration: underline; - color: white; -} diff --git a/index.html b/index.html index 3a0a4d9..e7485e4 100644 --- a/index.html +++ b/index.html @@ -1,110 +1,48 @@ - - + - - - - - + + + + + Java Discord - Java Community on Discord - - - + +
+
+

HELP. CODE. LEARN.

+

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.

+ Join +
+
+ +
+
+ + + + + + + + + 404 Not Found + + + + +

Error 404 - Page Not Found :(

+

Looks like the page you tried to access does not exist. If you think this is an error, please open an issue on GitHub.

+ +
+

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

+
+ + \ No newline at end of file diff --git a/index.html b/index.html index 67837fc..3c7b93e 100644 --- a/index.html +++ b/index.html @@ -6,32 +6,32 @@ - - - - - - + + + + + + Java Discord - Java Community on Discord @@ -41,10 +41,10 @@

HELP. CODE. LEARN.

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.

- Join + Join
- +
@@ -67,23 +67,23 @@

HELP. CODE. LEARN.

MEET QUESTION OF THE WEEK

Question of the week is a weekly Java-related question you can answer and be awarded points for. Check it out in #question-of-the-week on the Java Discord.

- Learn More + Learn More
- +

WITH SUPPORT FROM

- NordVPN Logo - JetBrains Logo - Discord4J Logo + NordVPN Logo + JetBrains Logo + Discord4J Logo
-
+

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

¹ Users that sent a message in the last month, data gathered from Discord's Insight page.
² Data gathered from Discord's Insight page.

diff --git a/redirect/discord4j.html b/r/discord4j.html similarity index 68% rename from redirect/discord4j.html rename to r/discord4j.html index df929a0..89e3e5c 100644 --- a/redirect/discord4j.html +++ b/r/discord4j.html @@ -5,8 +5,9 @@ - - + + + Discord4J Redirect diff --git a/r/github.html b/r/github.html new file mode 100644 index 0000000..59012f6 --- /dev/null +++ b/r/github.html @@ -0,0 +1,16 @@ + + + + + + + + + + + GitHub Redirect + + +

If you weren't redirected, click here

+ + \ No newline at end of file diff --git a/redirect/jetbrains.html b/r/jetbrains.html similarity index 68% rename from redirect/jetbrains.html rename to r/jetbrains.html index 6e1d10d..39743e2 100644 --- a/redirect/jetbrains.html +++ b/r/jetbrains.html @@ -5,8 +5,9 @@ - - + + + JetBrains Redirect diff --git a/r/join.html b/r/join.html new file mode 100644 index 0000000..3143085 --- /dev/null +++ b/r/join.html @@ -0,0 +1,16 @@ + + + + + + + + + + + Discord Redirect + + +

If you weren't redirected, click here

+ + \ No newline at end of file diff --git a/redirect/nordvpn.html b/r/nordvpn.html similarity index 71% rename from redirect/nordvpn.html rename to r/nordvpn.html index 1dba9bb..783b5f9 100644 --- a/redirect/nordvpn.html +++ b/r/nordvpn.html @@ -5,8 +5,9 @@ - - + + + NordVPN Redirect diff --git a/r/twitter.html b/r/twitter.html new file mode 100644 index 0000000..009c493 --- /dev/null +++ b/r/twitter.html @@ -0,0 +1,16 @@ + + + + + + + + + + + Twitter Redirect + + +

If you weren't redirected, click here

+ + \ No newline at end of file diff --git a/r/website-gh.html b/r/website-gh.html new file mode 100644 index 0000000..2e120ce --- /dev/null +++ b/r/website-gh.html @@ -0,0 +1,16 @@ + + + + + + + + + + + GitHub Redirect + + +

If you weren't redirected, click here

+ + \ No newline at end of file diff --git a/redirects b/redirects deleted file mode 100644 index 57667af..0000000 --- a/redirects +++ /dev/null @@ -1,2 +0,0 @@ -https://go.nordvpn.net/aff_c?offer_id=15&aff_id=57204 -https://airtable.com/shrp5V4H1U5TYOXyC \ No newline at end of file diff --git a/rules.html b/rules.html new file mode 100644 index 0000000..61c09d3 --- /dev/null +++ b/rules.html @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + Java Discord - Rules + + + + + + +
+

SERVER RULES

+
+ +
+ +
+ +
+

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

+
+ + + + \ No newline at end of file From f1f6b0df49391db65f58387227ce067ce5dd70b6 Mon Sep 17 00:00:00 2001 From: MoonTM Date: Sat, 23 Apr 2022 18:12:57 +0200 Subject: [PATCH 10/17] Made redirect text smaller --- css/redirects/styles.css | 16 +++++----------- r/nowhere.html | 15 +++++++++++++++ 2 files changed, 20 insertions(+), 11 deletions(-) create mode 100644 r/nowhere.html diff --git a/css/redirects/styles.css b/css/redirects/styles.css index 22dd3e2..f513ba9 100644 --- a/css/redirects/styles.css +++ b/css/redirects/styles.css @@ -1,8 +1,8 @@ p { - margin-top: 2%; + margin-top: 4%; color:white; font-family: "Inter"; - font-size: 45px; + font-size: 38px; font-weight: 600; text-align: center; } @@ -16,30 +16,24 @@ p a { /* ----------------------- */ @media only screen and (max-width: 1600px) { - p { - font-size: 38px; - } -} - -@media only screen and (max-width: 1250px) { p { font-size: 32px; } } -@media only screen and (max-width: 1020px) { +@media only screen and (max-width: 1250px) { p { font-size: 26px; } } -@media only screen and (max-width: 940px) { +@media only screen and (max-width: 1020px) { p { font-size: 20px; } } -@media only screen and (max-width: 750px) { +@media only screen and (max-width: 940px) { p { font-size: 14px; } diff --git a/r/nowhere.html b/r/nowhere.html new file mode 100644 index 0000000..ff52069 --- /dev/null +++ b/r/nowhere.html @@ -0,0 +1,15 @@ + + + + + + + + + + Nowhere Redirect + + +

If you weren't redirected, click here

+ + \ No newline at end of file From fbafb76d72ba17d8c7365cdb14b935425df133b0 Mon Sep 17 00:00:00 2001 From: MoonTM Date: Sat, 23 Apr 2022 18:59:36 +0200 Subject: [PATCH 11/17] Made footer on index page look better --- css/footer.css | 2 -- css/pages/index/indexFooter.css | 53 +++++++++++++++++++++++++-------- index.html | 6 ++-- 3 files changed, 44 insertions(+), 17 deletions(-) diff --git a/css/footer.css b/css/footer.css index 9d6a850..dbb8da8 100644 --- a/css/footer.css +++ b/css/footer.css @@ -10,8 +10,6 @@ font-weight: 600; line-height: 1.5; text-align: center; - - width: 100%; } /* --------------------- */ diff --git a/css/pages/index/indexFooter.css b/css/pages/index/indexFooter.css index 83688be..bac28d8 100644 --- a/css/pages/index/indexFooter.css +++ b/css/pages/index/indexFooter.css @@ -6,13 +6,22 @@ padding: 1% 20%; } -.footer-container p { +.footer-container div { + align-self: center; font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 1.5; - width: 50%; + width: auto; +} + +.left { + margin-left: 5%; +} + +.right { + margin-left: auto; } /* --------------------- */ @@ -21,31 +30,51 @@ @media only screen and (max-width: 1600px) { - .footer-container p { - font-size: 10px; + .footer-container div { + font-size: 11px; } } @media only screen and (max-width: 1250px) { - .footer-container p { - font-size: 9px; + .footer-container div { + font-size: 10px; } } @media only screen and (max-width: 1020px) { - .footer-container p { - font-size: 8px; + .footer-container div { + font-size: 10px; } } @media only screen and (max-width: 940px) { - .footer-container p { - font-size: 7px; + .footer-container { + padding: 1% 10%; + } + + .footer-container div { + align-self: flex-start; + font-size: 10px; + width: auto; + } + + .footer-container { + flex-direction: column; + } + + .left { + margin-left: 18%; + margin-bottom: 1%; + } + + .right { + margin-left: 18%; } } @media only screen and (max-width: 750px) { - .footer-container p { - font-size: 6px; + + .footer-container div { + font-size: 9px; } } \ No newline at end of file diff --git a/index.html b/index.html index 3c7b93e..55a2757 100644 --- a/index.html +++ b/index.html @@ -83,9 +83,9 @@

WITH SUPPORT FROM

-
-

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

-

¹ Users that sent a message in the last month, data gathered from Discord's Insight page.
² Data gathered from Discord's Insight page.

+
+
©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.
+
¹ Users that sent a message in the last month, data gathered from Discord's Insight page.
² Data gathered from Discord's Insight page.
+ + + + + + + + + 403 Forbidden + + + + +

Error 403 - Forbidden :(

+

You don't have permission to access this page. If you think this is an error, please open an issue on GitHub.

+ +
+

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

+
+ + \ No newline at end of file diff --git a/error/404.html b/error/404.html index 072f0c3..c1dbddf 100644 --- a/error/404.html +++ b/error/404.html @@ -5,9 +5,9 @@ - - - + + + 404 Not Found From 3e148a910b7b13d09368720c0feb0faf32c69d5b Mon Sep 17 00:00:00 2001 From: MoonTM Date: Sat, 23 Apr 2022 19:22:40 +0200 Subject: [PATCH 14/17] Added 403 to .htaccess & changed comment in 403.css --- .htaccess | 1 + css/pages/error/403.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/.htaccess b/.htaccess index f52cc94..ba4aea5 100644 --- a/.htaccess +++ b/.htaccess @@ -2,6 +2,7 @@ RewriteEngine On Options +MultiViews ErrorDocument 404 /error/404.html +ErrorDocument 403 /error/403.html Require all denied diff --git a/css/pages/error/403.css b/css/pages/error/403.css index dcd2690..b15e261 100644 --- a/css/pages/error/403.css +++ b/css/pages/error/403.css @@ -23,7 +23,7 @@ p a { } /* ------------------ */ -/* 404 RESPONSIVENESS */ +/* 403 RESPONSIVENESS */ /* ------------------ */ @media only screen and (max-width: 1600px) { From 51433763ba0ba5fb96377cf6d8c1b6734c47a048 Mon Sep 17 00:00:00 2001 From: MoonTM Date: Mon, 25 Apr 2022 19:03:39 +0200 Subject: [PATCH 15/17] Added rules page & improved footer --- .htaccess | 2 + css/global/footer.css | 23 ++++++++- css/pages/rules/rules.css | 100 ++++++++++++++++++++++++++++++++++++++ index.html | 2 +- rules.html | 40 +++++++++++++-- 5 files changed, 161 insertions(+), 6 deletions(-) diff --git a/.htaccess b/.htaccess index ba4aea5..8d4f32e 100644 --- a/.htaccess +++ b/.htaccess @@ -1,3 +1,5 @@ +## THIS IS A SAMPLE .HTACCESS FILE + RewriteEngine On Options +MultiViews diff --git a/css/global/footer.css b/css/global/footer.css index 6e165f7..4eb8062 100644 --- a/css/global/footer.css +++ b/css/global/footer.css @@ -1,15 +1,34 @@ +html { + height: 100%; + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +body { + position: relative; + min-height: 100%; + padding-bottom: 3rem; +} + .footer-container { - color: #8e9ba3; + color: #8e9ba3; } .footer-container p { position: absolute; - bottom: 2%; + bottom: 1%; + font-family: "Inter"; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: center; + width: 100%; } diff --git a/css/pages/rules/rules.css b/css/pages/rules/rules.css index 6acb9d8..bc207d7 100644 --- a/css/pages/rules/rules.css +++ b/css/pages/rules/rules.css @@ -6,4 +6,104 @@ color: white; width: 100%; text-align: center; +} + +.rules-container { + margin: 1% 20%; + display: flex; + flex-direction: column; + + font-family: "Inter"; + font-size: 22px; + font-weight: 700; + color:white; +} + +.rule { + margin-top: 2%; + width: 100%; + padding: 1.5% 1.75%; + + background-color: #0e293a; + border-radius: 15px; +} + +.rule-number { + width: fit-content; + margin-right: .5%; + + color: #ff212d; + filter: drop-shadow(0 0 0.6rem #ff212d); + font-weight: 700; +} + + +@media only screen and (max-width: 1600px) { + .rules-title { + font-size: 33px; + } + + .rules-container { + margin: 1% 18%; + font-size: 21px; + } +} + +@media only screen and (max-width: 1250px) { + .rules-title { + font-size: 30px; + } + + .rules-container { + margin: 1% 16%; + font-size: 19px; + } +} + +@media only screen and (max-width: 1020px) { + .rules-title { + font-size: 27px; + } + + .rules-container { + margin: 1% 14%; + font-size: 18px; + } +} + +@media only screen and (max-width: 940px) { + .rules-title { + font-size: 26px; + } + + .rules-container { + margin: 1% 12%; + font-size: 18px; + } +} + +@media only screen and (max-width: 750px) { + .rules-title { + font-size: 23px; + } + + .rules-container { + margin: 1% 8%; + font-size: 18px; + } + + .rule { + padding: 2%; + } +} + +@media only screen and (max-width: 450px) { + .rules-title { + font-size: 20px; + } + + .rules-container { + margin: 1% 8%; + font-size: 14px; + } } \ No newline at end of file diff --git a/index.html b/index.html index 1c87a7b..780d966 100644 --- a/index.html +++ b/index.html @@ -66,7 +66,7 @@

HELP. CODE. LEARN.

MEET QUESTION OF THE WEEK

-

Question of the week is a weekly Java-related question you can answer and be awarded points for. Check it out in #question-of-the-week on the Java Discord.

+

Question Of The Week is a weekly Java-related question you can answer and be awarded points for. Check it out in #❓︱question-of-the-week on the Java Discord.

Learn More
diff --git a/rules.html b/rules.html index d602bd3..cbbb50f 100644 --- a/rules.html +++ b/rules.html @@ -39,13 +39,47 @@

SERVER RULES

-
- +
+

#1 No spamming, trolling, insults, advertising or NSFW content.

+
+
+

#2 Do not attack or insult people based on their ethnicity, nationality, sex, gender, sexual orientation, religion or disabilities. Violators will be banned from the server and, in extreme cases, might be reported to Discord.

+
+
+

#3 Listen to instructions given by our team.

+
+
+

#4 Usernames are to be kept in an easily mentionable way. For instance, ߶௵᧫៷ is not easily mentionable and should therefore be changed.
➔ Read More

+
+
+

#5 Do not ask for help with projects that break rules and/or Discord’s TOS. This also includes projects that break laws. Do not request help with ongoing exams. Do not provide or request direct solutions to graded assignments, general guidance is fine.

+
+
+

#6 Keep everything in English to the best of your ability, specific threads might be exempt from this.

+
+
+

#7 If you need help, use one of the available help channels.

+
+
+

#8 Before asking questions, check out #❗︱how-to-get-help and only DM people for help that have the @DMs Welcome! role.

+
+
+

#9 Don't ping specific users for help.

+
+
+

#10 Do not expect us to do your homework.

+
+
+

#11 Political or religious debates shouldn't take place on this server.

+
+
+

#12 Follow Discord’s Community Guidelines and Terms of Service.

+
-

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.

+

©️ 2022 JavaDiscord
JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.