Skip to content

Commit b8cc701

Browse files
MoonTM-GITMoonTM-GIT
committed
Finished Home Page
1 parent 5bf4664 commit b8cc701

File tree

13 files changed

+228
-13
lines changed

13 files changed

+228
-13
lines changed

‎assets/discord4j.svg‎

Lines changed: 2 additions & 0 deletions
Loading

‎assets/nordvpn.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎css/footer.css‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
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+
}

‎css/global.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,6 @@ body {
2020

2121
.special-word {
2222
background-color: #1E3847;
23-
padding: 3px 8px;
23+
padding: 2px 8px;
2424
border-radius: 20px;
2525
}

‎css/navbar.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,8 +91,8 @@ nav img {
9191
}
9292

9393
.social-btn:hover {
94-
transition: font-size 0.2s ease;
95-
font-size: 17px;
94+
transition: transform 0.2s ease;
95+
transform: scale(1.1);
9696
}
9797

9898
/* --------------------- */

‎css/pages/index/index.css‎

Lines changed: 44 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
.paragraph {
2+
color:white;
3+
font-family: "Inter";
4+
font-size: 34px;
5+
font-weight: 600;
6+
}
7+
18
.introduction-container {
29
display: flex;
310
margin-top: 5%;
@@ -79,13 +86,6 @@
7986
color: #8e9ba3;
8087
}
8188

82-
.paragraph {
83-
color:white;
84-
font-family: "Inter";
85-
font-size: 34px;
86-
font-weight: 600;
87-
}
88-
8989
.qotw-container {
9090
display: flex;
9191
margin-top: 5%;
@@ -127,4 +127,41 @@
127127
.qotw-image {
128128
padding-left: 2%;
129129
width: 35%;
130+
}
131+
132+
.partner-container {
133+
margin-top: 8%;
134+
display: flex;
135+
flex-flow: row wrap;
136+
justify-content: space-evenly;
137+
background-color: white;
138+
color:black;
139+
padding: 1% 0;
140+
}
141+
142+
.partner-container h1 {
143+
width: 100%;
144+
text-align: center;
145+
font-family: "Uni Sans";
146+
font-size: 45px;
147+
}
148+
149+
.partner-imgs {
150+
margin-top: 2%;
151+
width: 80%;
152+
display: flex;
153+
justify-content: space-evenly;
154+
}
155+
156+
.partner-imgs a {
157+
width: 14%;
158+
}
159+
160+
.partner-imgs a img {
161+
width: 100%;
162+
}
163+
164+
.partner-imgs a:hover {
165+
transition: all 0.3s ease;
166+
transform: scale(1.1);
130167
}

‎css/pages/index/indexResponsive.css‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,10 @@
2323
.qotw-text h1 {
2424
font-size: 56px;
2525
}
26+
27+
.partner-container h1 {
28+
font-size: 40px;
29+
}
2630
}
2731

2832
@media only screen and (max-width: 1250px) {
@@ -66,6 +70,10 @@
6670
.qotw-image {
6771
display: none;
6872
}
73+
74+
.partner-container h1 {
75+
font-size: 36px;
76+
}
6977
}
7078

7179
@media only screen and (max-width: 1020px) {
@@ -93,6 +101,10 @@
93101
.qotw-text h1 {
94102
font-size: 42px;
95103
}
104+
105+
.partner-container h1 {
106+
font-size: 32px;
107+
}
96108
}
97109

98110
@media only screen and (max-width: 940px) {
@@ -120,6 +132,10 @@
120132
.qotw-text h1 {
121133
font-size: 36px;
122134
}
135+
136+
.partner-container h1 {
137+
font-size: 26px;
138+
}
123139
}
124140

125141
@media only screen and (max-width: 750px) {
@@ -156,6 +172,18 @@
156172
.qotw-text h1 {
157173
font-size: 30px;
158174
}
175+
176+
.partner-imgs {
177+
flex-direction: column;
178+
width: auto;
179+
}
180+
181+
.partner-imgs a {
182+
margin-left: auto;
183+
margin-bottom: 3%;
184+
margin-right: auto;
185+
width: 30%;
186+
}
159187
}
160188

161189
@media only screen and (max-width: 500px) {

‎css/redirects/styles.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
p {
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+
p a {
11+
color: #ff212d;
12+
}

‎index.html‎

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,9 @@
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/navbar.css">
109
<link rel="stylesheet" href="./css/global.css">
10+
<link rel="stylesheet" href="./css/navbar.css">
11+
<link rel="stylesheet" href="./css/footer.css">
1112
<link rel="stylesheet" href="./css/pages/index/index.css">
1213
<link rel="stylesheet" href="./css/pages/index/indexResponsive.css">
1314
<link rel="shortcut icon" href="./assets/ServerLogo.png" type="image/x-icon">
@@ -25,7 +26,7 @@
2526
<li><a class="active-link" href="">Home</a></li>
2627
<li><a href="./rules.html">Rules</a></li>
2728
<li><a href="./profile.html">Profile</a></li>
28-
<li><a href="./qotw.html">QOTW</a></li>
29+
<li><a href="">Other</a></li>
2930
</ul>
3031
<div class="nav-right">
3132
<a href="https://github.com/Java-Discord" target="_blank" class="social-btn"><i class="fa-brands fa-github fa-3x"></i></a>
@@ -72,7 +73,20 @@ <h1>MEET QUESTION OF THE WEEK</h1>
7273
<img src="./assets/QOTWLeaderboard.png" alt="" style="width:65%;">
7374
</div>
7475
</div>
75-
76+
<!-- PARTNERS -->
77+
<div class="partner-container">
78+
<h1>WITH SUPPORT FROM</h1>
79+
<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>
83+
</div>
84+
</div>
85+
<!-- FOOTER -->
86+
<div class="footer-container">
87+
<p>©️ 2022 JavaDiscord <br> JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.</p>
88+
<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>
89+
</div>
7690
<!-- Hamburger Menu JavaScript -->
7791
<script type="text/javascript">
7892
const hamburger = document.getElementById("hamburger");

‎redirect/discord4j.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<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">
10+
<title>NordVPN Redirect</title>
11+
</head>
12+
<body>
13+
<p>If you weren't redirected, click <a href="https://discord4j.com">here</a></p>
14+
</body>
15+
</html>

0 commit comments

Comments
 (0)