Skip to content

Commit 5df7895

Browse files
MoonTM-GITMoonTM-GIT
authored
Merge pull request #2 from Java-Discord/remake
Website Redesign Pt.1
2 parents b7145fa + fdca589 commit 5df7895

33 files changed

+1522
-903
lines changed

‎.htaccess‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
1+
## THIS IS A SAMPLE .HTACCESS FILE
2+
13
RewriteEngine On
24

35
Options +MultiViews
6+
ErrorDocument 404 /error/404.html
7+
ErrorDocument 403 /error/403.html
48

59
<Files "LICENSE">
610
Require all denied

‎assets/Channels.png‎

391 KB
Loading

‎assets/QOTWLeaderboard.png‎

589 KB
Loading

assets/LogoBlue_NoBG.png renamed to assets/ServerLogo.png

File renamed without changes.

‎assets/discord4j.svg‎

Lines changed: 2 additions & 0 deletions
Loading

‎assets/nordvpn.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎css/global/footer.css‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
html {
2+
height: 100%;
3+
box-sizing: border-box;
4+
}
5+
6+
*,
7+
*:before,
8+
*:after {
9+
box-sizing: inherit;
10+
}
11+
12+
body {
13+
position: relative;
14+
min-height: 100%;
15+
padding-bottom: 3rem;
16+
}
17+
18+
.footer-container {
19+
color: #8e9ba3;
20+
}
21+
22+
.footer-container p {
23+
position: absolute;
24+
bottom: 1%;
25+
26+
font-family: "Inter";
27+
font-size: 12px;
28+
font-weight: 600;
29+
line-height: 1.5;
30+
text-align: center;
31+
32+
width: 100%;
33+
}
34+
35+
/* --------------------- */
36+
/* FOOTER RESPONSIVENESS */
37+
/* --------------------- */
38+
39+
40+
@media only screen and (max-width: 1600px) {
41+
.footer-container p {
42+
font-size: 10px;
43+
}
44+
}
45+
46+
@media only screen and (max-width: 1250px) {
47+
.footer-container p {
48+
font-size: 9px;
49+
}
50+
}
51+
52+
@media only screen and (max-width: 1020px) {
53+
.footer-container p {
54+
font-size: 8px;
55+
}
56+
}
57+
58+
@media only screen and (max-width: 940px) {
59+
.footer-container p {
60+
font-size: 7px;
61+
}
62+
}
63+
64+
@media only screen and (max-width: 750px) {
65+
.footer-container p {
66+
font-size: 6px;
67+
}
68+
}

‎css/global/navbar.css‎

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
nav {
2+
display: flex;
3+
margin: 0 15px;
4+
align-items: left;
5+
padding: 5px;
6+
flex-wrap: wrap;
7+
}
8+
9+
nav img {
10+
width: 95px;
11+
}
12+
13+
.nav-ul {
14+
display: flex;
15+
align-items: center;
16+
list-style-type: none;
17+
}
18+
19+
.nav-ul li a {
20+
color: white;
21+
padding: 10px 20px;
22+
text-decoration: underline solid transparent;
23+
transition: text-decoration 0.4s ease;
24+
font-family: "Inter", sans-serif;
25+
font-size: 21px;
26+
font-weight: 600;
27+
}
28+
29+
.nav-ul li a:hover {
30+
text-decoration: underline solid currentColor;
31+
}
32+
33+
.navbar {
34+
top: 0;
35+
right: 0;
36+
left: 0;
37+
background: #011E2F;
38+
}
39+
40+
.active-link {
41+
color: #ff212d !important;
42+
}
43+
44+
.nav-right {
45+
font-size: 11px;
46+
display: flex;
47+
margin-left: auto;
48+
}
49+
50+
.hamburger {
51+
align-self: center;
52+
margin-left: auto;
53+
margin-right: 2%;
54+
background: transparent;
55+
color: white;
56+
font-size: 30px;
57+
border: none;
58+
cursor: pointer;
59+
display: none;
60+
}
61+
62+
.hamburger:focus {
63+
outline: none;
64+
}
65+
66+
.join-btn {
67+
align-self: center;
68+
display: flex;
69+
align-items: center;
70+
margin-right: 20px;
71+
margin-left: 40px;
72+
padding: 8px 45px;
73+
color: white;
74+
font-size: 28px;
75+
font-family: "Uni Sans", sans-serif;
76+
text-decoration: none;
77+
78+
background-color: #FF212D;
79+
border-radius: 28px;
80+
}
81+
82+
.join-btn:hover {
83+
transition: background-color 0.5s ease;
84+
background-color: #fa3e48;
85+
}
86+
87+
.social-btn {
88+
align-self: center;
89+
margin-left: 30px;
90+
color:white;
91+
}
92+
93+
.social-btn:hover {
94+
transition: transform 0.2s ease;
95+
transform: scale(1.1);
96+
}
97+
98+
/* --------------------- */
99+
/* NAVBAR RESPONSIVENESS */
100+
/* --------------------- */
101+
102+
103+
@media only screen and (max-width: 1600px) {
104+
nav img {
105+
width: 85px;
106+
}
107+
108+
.nav-ul li a {
109+
padding: 10px 20px;
110+
font-size: 20px;
111+
}
112+
113+
.nav-right {
114+
font-size: 10px;
115+
}
116+
117+
.social-btn {
118+
margin-left: 29px;
119+
}
120+
121+
.join-btn {
122+
font-size: 26px;
123+
padding: 8px 45px;
124+
margin-left: 22px;
125+
}
126+
}
127+
128+
@media only screen and (max-width: 1250px) {
129+
nav img {
130+
width: 75px;
131+
}
132+
133+
.nav-ul li a {
134+
padding: 10px 18px;
135+
font-size: 18px;
136+
}
137+
138+
.nav-right {
139+
font-size: 10px;
140+
}
141+
142+
.social-btn {
143+
margin-left: 26px;
144+
}
145+
146+
.join-btn {
147+
font-size: 24px;
148+
padding: 8px 40px;
149+
margin-left: 20px;
150+
}
151+
}
152+
153+
@media only screen and (max-width: 1020px) {
154+
nav img {
155+
width: 70px;
156+
}
157+
158+
.nav-ul li a {
159+
padding: 10px 18px;
160+
font-size: 16px;
161+
162+
}
163+
164+
.nav-right {
165+
font-size: 9px;
166+
}
167+
168+
.social-btn {
169+
margin-left: 22px;
170+
}
171+
172+
.join-btn {
173+
font-size: 22px;
174+
padding: 6px 30px;
175+
margin-left: 18px;
176+
}
177+
}
178+
179+
@media only screen and (max-width: 940px) {
180+
nav img {
181+
width: 60px;
182+
}
183+
184+
.nav-ul li a {
185+
padding: 10px 14px;
186+
font-size: 14px;
187+
}
188+
189+
.nav-right {
190+
font-size: 9px;
191+
}
192+
193+
.social-btn {
194+
margin-left: 16px;
195+
}
196+
197+
.join-btn {
198+
font-size: 20px;
199+
padding: 4px 28px;
200+
margin-left: 14px;
201+
}
202+
}
203+
204+
@media only screen and (max-width: 750px) {
205+
nav {
206+
transition: all .5s ease;
207+
}
208+
209+
nav img {
210+
width: 60px;
211+
}
212+
213+
.nav-ul {
214+
display: none;
215+
flex-direction: column;
216+
width: 100%;
217+
}
218+
219+
.nav-ul li {
220+
margin-bottom: 7px;
221+
}
222+
223+
.nav-ul.show {
224+
display: flex;
225+
}
226+
227+
.hamburger {
228+
display: block;
229+
}
230+
231+
.nav-right {
232+
display:none
233+
}
234+
}

‎css/global/styles.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
@import url('https://rsms.me/inter/inter.css');
2+
@font-face {
3+
src: url(/fonts/Uni\ Sans\ Heavy.otf);
4+
font-family: "Uni Sans";
5+
}
6+
@font-face {
7+
font-family: "Inter";
8+
src: url('https://rsms.me/inter/inter.css');
9+
}
10+
11+
12+
* {
13+
margin: 0;
14+
padding: 0;
15+
}
16+
17+
body {
18+
background-color: #011E2F;
19+
}
20+
21+
.special-word {
22+
background-color: #1E3847;
23+
padding: 2px 8px;
24+
border-radius: 20px;
25+
}

0 commit comments

Comments
 (0)