-
Notifications
You must be signed in to change notification settings - Fork 0
/
twokinds-discord-rules.html
134 lines (116 loc) · 7.92 KB
/
twokinds-discord-rules.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-lang="title">Twokinds Discord Server Rules</title>
<script src="js/twokinds-discord-rules/texts.js"></script>
<link rel="stylesheet" href="css/Montserrat.css">
<link rel="stylesheet" href="css/twokinds-discord-rules/style.css">
</head>
<body>
<header>
<img src="https://twokinds.gallery/download/art/5353/" alt="banner" class="banner">
</header>
<main id="content" class="hidden">
<button id="backButton" onclick="showLanguageSelection()" class="btn backBtn"><img src="img/twokinds-discord-rules/arrow.svg" filter="invert(1)"></button>
<h1 data-lang="title">Server Rules</h1>
<section>
<h2 data-lang="rule1">1. Follow Discord's Guidelines.</h2>
<p data-lang="rule1_details">These guidelines are applicable everywhere on Discord. Review them here if needed:
<a href="https://discord.com/guidelines" data-lang="guidelines_link" class="btn">Discord Guidelines</a>
</p>
</section>
<section>
<h2 data-lang="rule2">2. Be respectful towards fellow members.</h2>
<ul>
<li data-lang="rule2_details_1">Enjoy the content and time together, avoiding offensive behavior or bigotry based on race, identity, religion, etc.</li>
<li data-lang="rule2_details_2">Playful jabs are fine, but use common sense and respect boundaries, especially with members you aren't close friends with.</li>
</ul>
</section>
<section>
<h2 data-lang="rule3">3. Respect the staff.</h2>
<ul>
<li data-lang="rule3_details_1">The staff members are part of the community and are working to maintain a welcoming environment.</li>
<li data-lang="rule3_details_2">Help them by not acting foolishly and making their job easier.</li>
</ul>
</section>
<section>
<h2 data-lang="rule4">4. Do not:</h2>
<ul>
<li data-lang="rule4_details_1">Advertise other Discord servers without admin approval. We are not interested in joining or promoting unrelated servers like "Pawsome Fun House UwU".</li>
<li data-lang="rule4_details_2">Engage in roleplay. Using Twokinds characters as your name or profile picture is considered roleplay. We are not interested in having 128 Floras. One-time actions like hugs or high fives are not considered roleplay.</li>
<li data-lang="rule4_details_3">Use alternate accounts.</li>
<li data-lang="rule4_details_4">Use a name or nickname that cannot be pinged. We need a way to address you!</li>
<li data-lang="rule4_details_5">Post inappropriate content, especially in <a href="https://discord.com/channels/359538295375659010/643518914038595614" data-lang="memes_link" class="btn">#memes</a>. Examples include earrape, NSFW content (pornographic material is not allowed even though this is a furry server), and messages promoting harm or hate towards any group. Use common sense; moderators have the authority to remove messages that fall into this category.</li>
</ul>
</section>
<section>
<h2 data-lang="rule5">5. Ankles must be covered at all times.</h2>
<p data-lang="rule5_details">As per Basitin Law, J.A., 389, c. E-62, s. 1.</p>
</section>
<section>
<h2 data-lang="rule6">6. Use appropriate channels for conversation.</h2>
</section>
<section>
<h2 data-lang="rule7">7. Art channel rules:</h2>
<p data-lang="rule7_details">Refer to <a href="https://discord.com/channels/359538295375659010/776237678428422144/1071536905310707822" data-lang="art_channel_link" class="btn">#keidran-promo</a></p>
</section>
<section>
<h2 data-lang="rule8">8. Understand our discipline system:</h2>
<p data-lang="rule8_warnings">Warnings: Warnings are not strikes; consider them a gentle reminder. Accumulating warnings will result in strikes.</p>
<p data-lang="rule8_strikes">Strikes:</p>
<ul>
<li data-lang="strike_details_1">First strike (5 warnings) | Consequence: 12 hours in the dungeon</li>
<li data-lang="strike_details_2">Second strike (+3 warnings) | Consequence: 24 hours in the dungeon with limited server access after release.</li>
<li data-lang="strike_details_3">Third strike (+2 warnings) | Consequence: Ban, which may be permanent or temporary depending on the severity of the actions.</li>
</ul>
</section>
</main>
<div id="languageSelectorContainer" class="languageSelectorContainer">
<h1>Select Language of the Rules</h1>
<button onclick="buttonClickHandler('be')" class="btn">Belarussian | Беларуская 🇧🇾</button>
<button onclick="buttonClickHandler('de')" class="btn">German | Deutsch 🇩🇪</button>
<button onclick="buttonClickHandler('en')" class="btn">English | English 🇺🇸</button>
<button onclick="buttonClickHandler('es')" class="btn">Spanish | Español 🇪🇸</button>
<button onclick="buttonClickHandler('fr')" class="btn">French | Français 🇫🇷</button>
<button onclick="buttonClickHandler('it')" class="btn">Italian | Italiano 🇮🇹</button>
<button onclick="buttonClickHandler('ja')" class="btn">Japanese | 日本語 🇯🇵</button>
<button onclick="buttonClickHandler('ko')" class="btn">Korean | 한국어 🇰🇷</button>
<button onclick="buttonClickHandler('nl')" class="btn">Dutch | Nederlands 🇳🇱</button>
<button onclick="buttonClickHandler('pl')" class="btn">Polish | Polski 🇵🇱</button>
<button onclick="buttonClickHandler('pt')" class="btn">Portuguese | Português 🇵🇹</button>
<button onclick="buttonClickHandler('ru')" class="btn">Russian | Русский 🇷🇺</button>
<button onclick="buttonClickHandler('tr')" class="btn">Turkish | Türkçe 🇹🇷</button>
<button onclick="buttonClickHandler('uk')" class="btn">Ukrainian | Українська 🇺🇦</button>
<button onclick="buttonClickHandler('zh')" class="btn">Chinese | 中文 🇨🇳</button>
</div>
<script>
function updateLanguage(language) {
const selectedTexts = texts[language];
document.querySelectorAll('[data-lang]').forEach(element => {
const key = element.getAttribute('data-lang');
if (selectedTexts[key]) {
element.innerHTML = selectedTexts[key];
}
});
}
function showContent() {
document.getElementById('content').classList.remove('hidden');
document.getElementById('languageSelectorContainer').classList.add('hidden');
}
function showLanguageSelection() {
document.getElementById('content').classList.add('hidden');
document.getElementById('languageSelectorContainer').classList.remove('hidden');
}
function buttonClickHandler(language) {
updateLanguage(language);
showContent();
};
window.onload = function() {
document.getElementById('content').classList.add('hidden');
document.getElementById('languageSelectorContainer').classList.remove('hidden');
};
</script>
</body>
</html>