Skip to content

Commit 5143376

Browse files
MoonTM-GITMoonTM-GIT
committed
Added rules page & improved footer
1 parent 3e148a9 commit 5143376

File tree

5 files changed

+161
-6
lines changed

5 files changed

+161
-6
lines changed

‎.htaccess‎

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

35
Options +MultiViews

‎css/global/footer.css‎

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,34 @@
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+
118
.footer-container {
2-
color: #8e9ba3;
19+
color: #8e9ba3;
320
}
421

522
.footer-container p {
623
position: absolute;
7-
bottom: 2%;
24+
bottom: 1%;
25+
826
font-family: "Inter";
927
font-size: 12px;
1028
font-weight: 600;
1129
line-height: 1.5;
1230
text-align: center;
31+
1332
width: 100%;
1433
}
1534

‎css/pages/rules/rules.css‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,104 @@
66
color: white;
77
width: 100%;
88
text-align: center;
9+
}
10+
11+
.rules-container {
12+
margin: 1% 20%;
13+
display: flex;
14+
flex-direction: column;
15+
16+
font-family: "Inter";
17+
font-size: 22px;
18+
font-weight: 700;
19+
color:white;
20+
}
21+
22+
.rule {
23+
margin-top: 2%;
24+
width: 100%;
25+
padding: 1.5% 1.75%;
26+
27+
background-color: #0e293a;
28+
border-radius: 15px;
29+
}
30+
31+
.rule-number {
32+
width: fit-content;
33+
margin-right: .5%;
34+
35+
color: #ff212d;
36+
filter: drop-shadow(0 0 0.6rem #ff212d);
37+
font-weight: 700;
38+
}
39+
40+
41+
@media only screen and (max-width: 1600px) {
42+
.rules-title {
43+
font-size: 33px;
44+
}
45+
46+
.rules-container {
47+
margin: 1% 18%;
48+
font-size: 21px;
49+
}
50+
}
51+
52+
@media only screen and (max-width: 1250px) {
53+
.rules-title {
54+
font-size: 30px;
55+
}
56+
57+
.rules-container {
58+
margin: 1% 16%;
59+
font-size: 19px;
60+
}
61+
}
62+
63+
@media only screen and (max-width: 1020px) {
64+
.rules-title {
65+
font-size: 27px;
66+
}
67+
68+
.rules-container {
69+
margin: 1% 14%;
70+
font-size: 18px;
71+
}
72+
}
73+
74+
@media only screen and (max-width: 940px) {
75+
.rules-title {
76+
font-size: 26px;
77+
}
78+
79+
.rules-container {
80+
margin: 1% 12%;
81+
font-size: 18px;
82+
}
83+
}
84+
85+
@media only screen and (max-width: 750px) {
86+
.rules-title {
87+
font-size: 23px;
88+
}
89+
90+
.rules-container {
91+
margin: 1% 8%;
92+
font-size: 18px;
93+
}
94+
95+
.rule {
96+
padding: 2%;
97+
}
98+
}
99+
100+
@media only screen and (max-width: 450px) {
101+
.rules-title {
102+
font-size: 20px;
103+
}
104+
105+
.rules-container {
106+
margin: 1% 8%;
107+
font-size: 14px;
108+
}
9109
}

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h1>HELP. <a style="color:#ff212d">CODE.</a> LEARN.</h1>
6666
<div class="qotw-container">
6767
<div class="qotw-text">
6868
<h1>MEET QUESTION OF THE WEEK</h1>
69-
<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>
69+
<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>
7070
<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">

‎rules.html‎

Lines changed: 37 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,47 @@
3939
<div class="rules-title">
4040
<h1>SERVER RULES</h1>
4141
</div>
42-
4342
<div class="rules-container">
44-
43+
<div class="rule">
44+
<p id="1"><b class="rule-number">#1</b> No spamming, trolling, insults, advertising or NSFW content. </p>
45+
</div>
46+
<div class="rule">
47+
<p id="2"><b class="rule-number">#2</b> 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. </p>
48+
</div>
49+
<div class="rule">
50+
<p id="3"><b class="rule-number">#3</b> Listen to instructions given by our team. </p>
51+
</div>
52+
<div class="rule">
53+
<p id="4"><b class="rule-number">#4</b> Usernames are to be kept in an easily mentionable way. For instance, <b class="special-word">߶௵᧫៷</b> is not easily mentionable and should therefore be changed. <br> <a style="color: #ff212d;" href="/r/dc-nicknames.html" target="_blank">➔ Read More</a> </p>
54+
</div>
55+
<div class="rule">
56+
<p id="5"><b class="rule-number">#5</b> Do not ask for help with projects that break rules and/or <a style="color: #ff212d;" href="/r/dc-tos.html" target="_blank">Discord’s TOS</a>. 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. </p>
57+
</div>
58+
<div class="rule">
59+
<p id="6"><b class="rule-number">#6</b> Keep everything in English to the best of your ability, specific threads might be exempt from this.</p>
60+
</div>
61+
<div class="rule">
62+
<p id="7"><b class="rule-number">#7</b> If you need help, use one of the available help channels. </p>
63+
</div>
64+
<div class="rule">
65+
<p id="8"><b class="rule-number">#8</b> Before asking questions, check out <b class="special-word">#❗︱how-to-get-help</b> and only DM people for help that have the <b class="special-word">@DMs Welcome!</b> role. </p>
66+
</div>
67+
<div class="rule">
68+
<p id="9"><b class="rule-number">#9</b> Don't ping specific users for help. </p>
69+
</div>
70+
<div class="rule">
71+
<p id="10"><b class="rule-number">#10</b> Do not expect us to do your homework. </p>
72+
</div>
73+
<div class="rule">
74+
<p id="11"><b class="rule-number">#11</b> Political or religious debates shouldn't take place on this server. </p>
75+
</div>
76+
<div class="rule">
77+
<p id="12"><b class="rule-number">#12</b> Follow Discord’s <a style="color: #ff212d;" href="/r/dc-community-guidelines.html" target="_blank">Community Guidelines</a> and <a style="color: #ff212d;" href="/r/dc-tos.html" target="_blank">Terms of Service</a>. </p>
78+
</div>
4579
</div>
4680
<!-- FOOTER -->
4781
<div class="footer-container">
48-
<p style="color: #8e9ba3;">©️ 2022 JavaDiscord <br> JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.</p>
82+
<p>©️ 2022 JavaDiscord <br> JavaDiscord is not affiliated, associated, or endorsed with/by Discord or Oracle.</p>
4983
</div>
5084
<!-- Hamburger Menu JavaScript -->
5185
<script type="text/javascript">

0 commit comments

Comments
 (0)