-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
287 lines (249 loc) · 15.9 KB
/
index.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GreenySoka</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="icon" type="x-icon" href="images/greenysokalogo.png">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nobile:ital,wght@0,100;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
</head>
<body>
<div id="bodycenter">
<div id="main">
<header>
<img src="images/greensokabanner.png" alt="banner" id="banner">
</header>
<div id="head-div">
<div id="hd-1">
<img src="images/greenysokalogo.png" alt="logo" id="logo">
</div>
<div id="hd-2">
<div id="hd-nametag">
<h1 id="greeny">Greeny</h1><img src="images/greenysoka-white.png" alt="whitesoka" id="whitesoka"> <span id="usertag">@greenysoka</span>
</div>
<div id="hd-infos">
<span class="p-info">Developer / Designer / Gamer</span><br>
<span class="p-info">17 y/o</span><br>
<span class="p-info">🇦🇹 austria</span>
</div>
</div>
</div>
<div id="contact-icons">
<a href="https://discord.com/invite/58xWNKEZs8" target="_blank"><img src="images/iconmonstr-discord-1 1.png" alt="discord" class="soc-icon"></a>
<a href="https://github.com/greenysoka" target="_blank"><img src="images/iconmonstr-github-1 1.png" alt="github" class="soc-icon"></a>
<a href="https://www.youtube.com/channel/UCnhSu2RBXV_MN-dAOtlmgzw" target="_blank"><img src="images/iconmonstr-youtube-6 1.png" alt="youtube" class="soc-icon"></a>
<a href="https://steamcommunity.com/id/greenysoka/" target="_blank"><img src="images/steam.png" alt="steam" class="soc-icon"></a>
<a href= "mailto: [email protected]" target="_blank"><img src="images/iconmonstr-email-1 1.png" alt="email" class="soc-icon"></a>
</div>
<div id="content">
<div id="navbar">
<span onclick="myprojects()" id="myprojectsspan">My Projects</span>
<span onclick="aboutme()" id="aboutmespan">About me</span>
<span onclick="contact()" id="contactspan">Contact</span>
</div>
<div id="div-projects">
<span>Welcome to my little card page! Here you can find everything about me and my projects. Have fun! :)</span><br>
<span>And shhhh... a new website is coming soon! ^^</span>
<br><br>
<h2>Running Projects:</h2><br>
<div class="mp-contentitem">
<h3><img src="projects/sokabots.png" alt="sokabots" class="projectimg">SokaBots <img src="images/officalcheck.png" alt="official" class="official"></h3>
<span>You're looking for your own customized Discord Bot? We can offer that to you! And... IT'S FREE!<br><br>Yes, you heard right. A custom discord bot with ticketsystem, commuity features and custom functions is completely free.</span><br>
<span><br>Join our server and open a ticket to start your experience!</span><br><br>
<a href="https://discord.gg/6y7mB96YUA" target="_blank"><button class="joinbutton">Join SokaBots here</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/crimebotv4.png" alt="crimebot" class="projectimg">Crimebot<img src="images/partnercheck.png" alt="partner" class="partner"></h3>
<span>A self-made discord bot for the german Crime Master Community Discord Server!</span>
<span>It manages the full discord server and supports the team for every task!<br>It has a fully customized ticket system and many many commands!</span><br><br>
<a href="https://dsc.gg/crimemaster" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/starwarsgalaxy.png" alt="swgbot" class="projectimg">Star Wars Galaxy</h3>
<span>The SWG Bot is a little helper for the amazing Star Wars Galaxy Community! Custom ticket system and some community commands are integrated!</span>
<br><br>
<a href="https://discord.gg/babyyoda" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/BF-PFP 2.png" alt="bfbot" class="projectimg">BFR Management</h3>
<span>A custom discord bot (not public) for the professional fire department Rheinstadt server of the FiveM Roleplay Server GamingLife!<br>It manages tickets, vacations, trainings and more.</span>
<br><br>
<a href="https://discord.gg/YqSVjd8yqc" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/hm2.png" alt="hypebot" class="projectimg">HypeBot<img src="images/partnercheck.png" alt="partner" class="partner"></h3>
<span>The HypeBot is also a self-made discord bot for the Hype Modding Server!</span>
<span>It manages it's own ticket-system, verify-system and a bunch of commands!</span>
<br><br>
<a href="https://discord.gg/TcNNBQG2Dq" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/zavelife.png" alt="zavelife" class="projectimg">ZaveLife - LSPD (not public)</h3>
<span>Our customized discord bot for the LSPD Server of Zavelife manages the newest version of our ticketsystem and a vacationsystem for all officers!</span>
<br><br>
</div>
<div class="mp-contentitem">
<h3><img src="projects/kronennetzwerk.png" alt="kronennetzwerk" class="projectimg">KronenNetzwerk<img src="images/partnercheck.png" alt="partner" class="partner"></h3>
<span>The customized bot for the KronenNetzwerk FiveM server manages tickets, self-roles, a vacation system, embed generators and more!</span>
<br><br>
<a href="https://discord.gg/sqj4MtP8BG" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/sternenfelde.png" alt="sternenfelde" class="projectimg">Sternenfelde<img src="images/partnercheck.png" alt="partner" class="partner"></h3>
<span>Sternenfelde is Germany's 17th federal state and is located in the vastness of the North Sea.<br>Our city-state captures the charm of a modern German city with an exciting history in every corner. Sternenfelde is a place where everyone can unfold as they really are.<br><br>It doesn't matter where you come from, what you believe in or who you love. Sternenfelde is not just a place - it is a home!</span>
<br><br>
<a href="https://discord.gg/sternenfelde" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/papapiet-logo.png" alt="papapiet" class="projectimg">PapaPiet</h3>
<span>The management bot for the community server of PapaPiet offers a ticket & giveawaysystem, self-roles, welcome messages & moderation functions!</span>
<br><br>
<a href="https://discord.gg/crUx4PBFeV" target="_blank"><button class="joinbutton">Join here!</button></a>
</div>
<h2>Old projects:</h2><br>
<div class="mp-contentitem">
<h3><img src="projects/gorderlogo.jpg" alt="gorder" class="projectimg">G-Order</h3>
<span>G-Order is a mix of a website and a discord bot where you can order your own customized bot!</span>
<span>Sadly I paused the project at the time but if you're interested in ordering a free discord bot, contact me on discord!</span>
<br><br>
<a href="https://g-order.2ix.de" target="_blank"><button class="joinbutton">Go to website</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/yourshift.png" alt="yourshift" class="projectimg">YourShift - LSPDFR Plugin</h3>
<span>YourShift is a GTA 5 LSPDFR Plugin to manage your shifts when you're on patrol!</span>
<br><br>
<a href="https://www.lcpdfr.com/downloads/gta5mods/scripts/45398-yourshift/" target="_blank"><button class="joinbutton">Go to lcpdfr.com plugin</button></a>
</div>
<div class="mp-contentitem">
<h3><img src="projects/furinabot.png" alt="furina" class="projectimg">Furina</h3>
<span>Furina is a customized bot to support different functions and commands for the Nightstar Cafe!</span>
<span> It manages it's own ticketsystem, role-system and levelling system!</span>
<br><br>
</div>
</div>
<div id="div-aboutme">
<h3>★ Languages I speak / use</h3>
<span>➥ 🗣️ German / English</span><br>
<span>➥ 💻 Python, JS, HTML/CSS, PHP, C#</span><br><br>
<h3>★ My 🤍 shows & movies</h3>
<span>➥ ⭐ Star Wars Rouge One & Revenge of the Sith</span><br>
<span>➥ ⭐ SW: The Clone Wars & Andor</span><br>
<span>➥ 🚨 The Rookie & 911</span><br>
<span>➥ 👥 Two and a half Men</span><br>
<span>➥ 🚀 Interstellar</span><br>
<span>➥ 🔥 Avengers / Iron Man / Spiderman</span><br>
<span>➥ ⚔️ Deadpool</span><br>
<span>➥ 🪖 American Sniper</span><br>
<br>
<h3>★ The best franchises:</h3>
<span>➥ ⭐ Star Wars</span><br>
<span>➥ ⚡ Marvel (MCU)</span><br>
<span>➥ 🌍 Avatar</span><br>
<span>➥ 🧟 The Last of Us</span><br>
<br>
<h3>★ Games I play & love:</h3>
<span>➥ 🚨 Grand Theft Auto 5</span><br>
<span>➥ ⭐ Star Wars Battlefront 2 (2017)</span><br>
<span>➥ 🪖 Ready or Not</span><br>
<span>➥ 🧟 The Last of Us Part 1</span><br>
<span>➥ 🪖 Delta Force</span><br>
<br>
<h3>★ Fictional Characters I love:</h3>
<span>➥ 🟠 Ahsoka Tano</span><br>
<span>➥ 💥 Tony Stark</span><br>
<span>➥ 👮♂️ Tim Bradford</span><br>
<span>➥ ⚔️ Deadpool</span><br>
<br>
<br>
</div>
<div id="div-contact">
<span>You want to get in touch with me? Or order your own customized discord bot for free?</span><br>
<span>Great! Join Sokabots discord server to start an order!</span><br><br>
<br>
<a href="https://discord.gg/6y7mB96YUA" target="_blank"><button class="joinbutton">Discord Server</button></a><br>
<br><br><br><span>May the force be with you! ✨</span>
<br><br>
</div>
<div id="div-partnerinfo">
<h3>What are partners?</h3>
<span></span>
<br><br>
</div>
<div id="div-officialinfo">
<h3>What are official projects?</h3>
<span></span>
<br><br>
</div>
<span id="version">Last updated: 20.01.2025</span>
</div>
</div>
</div>
<script>
document.getElementById('usertag').addEventListener('click', function() {
const textToCopy = 'greenysoka';
navigator.clipboard.writeText(textToCopy).then(function() {
alert('Copied discord username to clipboard!');
}).catch(function(error) {
console.error('Issue: ', error);
});
});
function myprojects(){
const content = document.getElementById("div-projects");
content.style.display = "block";
const content1 = document.getElementById("div-aboutme");
content1.style.display = "none";
const content2 = document.getElementById("div-contact");
content2.style.display = "none";
const content3 = document.getElementById("div-partnerinfo");
content3.style.display = "none";
const content4 = document.getElementById("div-officialinfo");
content4.style.display = "none";
const navbarspan = document.getElementById("myprojectsspan");
navbarspan.style.color = "#999899";
const navbarspan1 = document.getElementById("aboutmespan");
navbarspan1.style.color = "white";
const navbarspan2 = document.getElementById("contactspan");
navbarspan2.style.color = "white";
}
function aboutme(){
const content = document.getElementById("div-projects");
content.style.display = "none";
const content1 = document.getElementById("div-aboutme");
content1.style.display = "block";
const content2 = document.getElementById("div-contact");
content2.style.display = "none";
const content3 = document.getElementById("div-partnerinfo");
content3.style.display = "none";
const content4 = document.getElementById("div-officialinfo");
content4.style.display = "none";
const navbarspan = document.getElementById("myprojectsspan");
navbarspan.style.color = "white";
const navbarspan1 = document.getElementById("aboutmespan");
navbarspan1.style.color = "#999899";
const navbarspan2 = document.getElementById("contactspan");
navbarspan2.style.color = "white";
}
function contact(){
const content = document.getElementById("div-projects");
content.style.display = "none";
const content1 = document.getElementById("div-aboutme");
content1.style.display = "none";
const content2 = document.getElementById("div-contact");
content2.style.display = "block";
const content3 = document.getElementById("div-partnerinfo");
content3.style.display = "none";
const content4 = document.getElementById("div-officialinfo");
content4.style.display = "none";
const navbarspan = document.getElementById("myprojectsspan");
navbarspan.style.color = "white";
const navbarspan1 = document.getElementById("aboutmespan");
navbarspan1.style.color = "white";
const navbarspan2 = document.getElementById("contactspan");
navbarspan2.style.color = "#999899";
}
</script>
</body>
</html>