-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
386 lines (366 loc) · 21.3 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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- important css, bootstrap, charset, verification and url information tags -->
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<meta charset="UTF-8">
<meta name="google-site-verification" content="Gz0gnwoHGcAEgXIpi2nzwwhtV46NHROm-aO45WiexuU">
<meta name="msvalidate.01" content="63D7634B588FF70C29D4E71C809E926A">
<meta name="pageKey" content="guest-home">
<link rel="canonical" href="https://mexikoedi.github.io">
<link rel="shortlink" href="https://mexikoedi.github.io">
<base href="https://mexikoedi.github.io">
<meta name="url" content="https://mexikoedi.github.io">
<meta name="identifier-URL" content="https://mexikoedi.github.io">
<!-- important title and other website information tags -->
<title>mexikoedi | Portfolio</title>
<meta name="description" content="My portfolio with all my work including GitHub and the Steam Workshop.">
<meta name="medium" content="blog">
<meta name="subject" content="Advertisement">
<meta name="page-type" content="Advertisement">
<meta name="category" content="Advertisement">
<meta name="directory" content="Advertisement">
<meta name="topic" content="Portfolio, Gmod, Garry's Mod, TTT2, TTT, Trouble in Terroist Town, SB, Sandbox, Games, Database, Website, Addons, Links, Description, YouTube">
<meta name="page-topic" content="Portfolio, Gmod, Garry's Mod, TTT2, TTT, Trouble in Terroist Town, SB, Sandbox, Games, Database, Website, Addons, Links, Description, YouTube">
<meta name="classification" content="Portfolio, Addons, Games, Code, GitHub, Steam">
<meta name="keywords" content="mexikoedi, demarvLP, Slifer808, Gmod, Garry's Mod, TTT, TTT2, Trouble in Terroist Town, Sandbox, SB, Steam Workshop, Addons, GitHub, Code, Games, Database, Website, YouTube">
<meta name="searchtitle" content="mexikoedi, demarvLP, Slifer808, Gmod, Garry's Mod, TTT, TTT2, Trouble in Terroist Town, Sandbox, SB, Steam Workshop, Addons, GitHub, Code, Games, Database, Website, YouTube">
<meta name="abstract" content="Portfolio of mexikoedi.">
<meta name="summary" content="Portfolio of mexikoedi.">
<!-- organizational information tags -->
<meta name="date" content="2020-10-10T13:30:00+01:25">
<meta name="revised" content="Sunday, September 08th, 2024, 02:00 am">
<meta name="author" content="mexikoedi">
<meta name="creator" content="mexikoedi">
<meta name="owner" content="mexikoedi">
<meta name="designer" content="mexikoedi">
<meta name="publisher" content="mexikoedi">
<meta name="copyright" content="mexikoedi">
<!-- important crawl information tags -->
<meta name="rating" content="General">
<meta name="target" content="all">
<meta name="audience" content="all">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="allow-search" content="yes">
<meta name="robots" content="index,follow">
<meta name="robots" content="all">
<meta name="revisit-after" content="7 days">
<!-- mobile, apple, icon, manifest and other related tags -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="video.other">
<meta property="og:video" content="https://www.youtube-nocookie.com/embed/videoseries?list=PLxlcWgkzKADwTTHndYpfcLT0OTfWrH0Zo">
<meta property="og:video:secure_url" content="https://www.youtube-nocookie.com/embed/videoseries?list=PLxlcWgkzKADwTTHndYpfcLT0OTfWrH0Zo">
<meta property="og:video:type" content="text/html">
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
<link rel="apple-touch-startup-image" href="/assets/startup.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/apple-touch-icon-152x152-precomposed.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icon-32x32.png">
<link rel="icon" type="image/png" sizes="64x64" href="/assets/icon-64x64.png">
<link rel="icon" type="image/png" sizes="128x128" href="/assets/icon-128x128.png">
<link rel="icon" type="image/png" sizes="152x152" href="/assets/icon-152x152.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/icon-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="/assets/icon-256x256.png">
<link rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#5bbad5">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="msapplication-TileColor" content="#2b5797">
<!-- bing tags -->
<meta name="geo.region" content="US">
<meta name="geo.position" content="39.78373;-100.445882">
<meta name="ICBM" content="39.78373, -100.445882">
<!-- dublin core information tags -->
<meta name="dc.language" content="US">
<meta name="dc.source" content="https://mexikoedi.github.io">
<meta name="dc.title" content="mexikoedi | Portfolio">
<meta name="dc.description" content="My portfolio with all my work including GitHub and the Steam Workshop.">
<meta name="dc.subject" content="Advertisement">
<meta name="dc.keywords" content="mexikoedi, demarvLP, Slifer808, Gmod, Garry's Mod, TTT, TTT2, Trouble in Terroist Town, Sandbox, SB, Steam Workshop, Addons, GitHub, Code, Games, Database, Website, YouTube">
<meta name="dc.creator" content="mexikoedi">
<meta name="dc.publisher" content="mexikoedi">
</head>
<body>
<!-- page content like navbar/sections/... -> see bootstrap docs and css for formatting -->
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#home">mexikoedi</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#demonstrations">Demonstrations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#addons">Addons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#games">Games</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#databases">Databases</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#websites">Websites</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#other">Other</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="home" class="text-md-center my-5 p-0" aria-label="Home section showcasing mexikoedi and a short introduction about the content on this website">
<div class="container">
<h1 class="display-4 p-5">mexikoedi</h1>
<img src="assets/icon_mexikoedi.svg" alt="mexikoedi icon" class="img-fluid img-size-large rounded-circle" width="250" height="250">
<p class="lead mt-5">My GitHub and Steam Workshop work is listed here on this website.</p>
</div>
</section>
<section id="demonstrations" class="text-md-center my-5" aria-label="Demonstrations section with a YouTube playlist showcasing mexikoedi's work">
<div class="container">
<h2 class="p-3">Demonstrations</h2>
<p class="mb-4">A collection of YouTube videos that showcase my various projects.</p>
<div class="ratio ratio-21x9">
<iframe data-src="https://www.youtube-nocookie.com/embed/videoseries?list=PLxlcWgkzKADwTTHndYpfcLT0OTfWrH0Zo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</section>
<section id="addons" class="text-md-center my-5" aria-label="Addons section featuring the addons which mexikoedi has developed for the game Garry's Mod">
<div class="container">
<h2 class="p-3">Addons</h2>
<p class="mb-4">These are all the addons I have developed for the game Garry's Mod which are available on GitHub.</p>
<div class="row justify-content-md-center">
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/sb_milk_gun" target="_blank" rel="noopener" title="Sandbox Milk Gun">
<img src="assets/icon_addons.svg" alt="milk gun icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt_ttt2_map_icons" target="_blank" rel="noopener" title="[TTT|2] Map Icons [FEATURE]">
<img src="assets/icon_addons_2.svg" alt="map icons icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/TheNickSkater/TTT2_Spectator_Deathmatch" target="_blank" rel="noopener" title="[TTT2] Spectator Deathmatch [FEATURE]">
<img src="assets/icon_addons_3.svg" alt="spectator deathmatch icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt_ttt2_milk_gun" target="_blank" rel="noopener" title="[TTT|2] Milk Gun [WEAPON]">
<img src="assets/icon_addons_4.svg" alt="milk gun icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt_ttt2_minethrower" target="_blank" rel="noopener" title="[TTT|2] Minethrower [WEAPON]">
<img src="assets/icon_addons_5.svg" alt="minethrower icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt_ttt2_batarang" target="_blank" rel="noopener" title="[TTT|2] Batarang [WEAPON]">
<img src="assets/icon_addons_6.svg" alt="batarang icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt_ttt2_camera" target="_blank" rel="noopener" title="[TTT|2] Camera [WEAPON]">
<img src="assets/icon_addons_7.svg" alt="camera icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_explosive_crosstol" target="_blank" rel="noopener" title="[TTT2] Explosive Crosstol [WEAPON]">
<img src="assets/icon_addons_8.svg" alt="explosive crosstol icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_struggle" target="_blank" rel="noopener" title="[TTT2] Struggle [WEAPON]">
<img src="assets/icon_addons_9.svg" alt="struggle icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_music_box_gun" target="_blank" rel="noopener" title="[TTT2] Music Box Gun [WEAPON]">
<img src="assets/icon_addons_10.svg" alt="music box gun icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_role_med" target="_blank" rel="noopener" title="[TTT2] Medic [ROLE]">
<img src="assets/icon_addons_11.svg" alt="medic icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_hidden_trap" target="_blank" rel="noopener" title="[TTT2] Hidden Trap [WEAPON]">
<img src="assets/icon_addons_12.svg" alt="hidden trap icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_ghost_attack" target="_blank" rel="noopener" title="[TTT2] Ghost Attack [WEAPON]">
<img src="assets/icon_addons_13.svg" alt="ghost attack icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_kiss" target="_blank" rel="noopener" title="[TTT2] Kiss [WEAPON]">
<img src="assets/icon_addons_14.svg" alt="kiss icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/sb_struggle" target="_blank" rel="noopener" title="Sandbox Struggle">
<img src="assets/icon_addons_15.svg" alt="struggle icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/ttt2_fake_soda" target="_blank" rel="noopener" title="[TTT2] Fake Soda [WEAPON]">
<img src="assets/icon_addons_16.svg" alt="fake soda icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
</div>
</div>
</section>
<section id="games" class="text-md-center my-5" aria-label="Games section featuring the games which mexikoedi has developed">
<div class="container">
<h2 class="p-3">Games</h2>
<p class="mb-4">The games I have created by myself and their GitHub links.</p>
<div class="row justify-content-md-center">
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/Crazy-Space-Survival-Adventure" target="_blank" rel="noopener" title="Crazy Space Survival Adventure">
<img src="assets/icon_games.svg" alt="crazy space survival adventure icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
</div>
</div>
</section>
<section id="databases" class="text-md-center my-5" aria-label="Databases section featuring the databases which mexikoedi has created">
<div class="container">
<h2 class="p-3">Databases</h2>
<p class="mb-4">Here are my databases that were created with various technologies which are located on GitHub.</p>
<div class="row justify-content-md-center">
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/DB_Kaufwunder_Online" target="_blank" rel="noopener" title="DB Kaufwunder Online">
<img src="assets/icon_databases.svg" alt="db kaufwunder online icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
</div>
</div>
</section>
<section id="websites" class="text-md-center my-5" aria-label="Websites section showcasing various web development projects of mexikoedi">
<div class="container">
<h2 class="p-3">Websites</h2>
<p class="mb-4">A list of websites I have built and their GitHub links.</p>
<div class="row justify-content-md-center">
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/mexikoedi.github.io" target="_blank" rel="noopener" title="mexikoedi.github.io">
<img src="assets/icon_websites.svg" alt="mexikoedi.github.io icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
</div>
</div>
</section>
<section id="other" class="text-md-center my-5" aria-label="Other section about various projects created by mexikoedi">
<div class="container">
<h2 class="p-3">Other</h2>
<p class="mb-4">Additional projects that don't fit into the other categories are listed here and are also linked to GitHub.</p>
<div class="row justify-content-md-center">
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/Anime-New-Season-Checker" target="_blank" rel="noopener" title="Anime New Season Checker">
<img src="assets/icon_other.svg" alt="anime new season checker icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
<div class="col-lg-2 col-md-6 mb-4">
<a href="https://github.com/mexikoedi/TCIO" target="_blank" rel="noopener" title="TCIO">
<img src="assets/icon_other_2.svg" alt="tcio icon" class="img-fluid img-size-large" width="250" height="250">
</a>
</div>
</div>
</div>
</section>
<section id="about" class="text-md-center my-5" aria-label="About section providing information on the background of mexikoedi and contact options">
<div class="container">
<h2 class="p-3">About</h2>
<p class="mb-1">
I am a student at <a href="https://www.h-ka.de/en" target="_blank" rel="noopener" title="Hochschule Karlsruhe – University of Applied Sciences (HKA)">Hochschule Karlsruhe – University of Applied Sciences (HKA)</a> and currently studying Computer Science.
</p>
<p class="mb-1">
My current goal is to acquire more knowledge about programming in Lua, Java and some other languages.
</p>
<p class="mb-1">
I also want to work on some addons for the game Garry's Mod while maintaining my GitHub repositories.
</p>
<p class="mb-1">
If you want to grasp more about me and my skills try stopping by my GitHub or Steam Workshop which are linked below.
</p>
<p class="mb-1">
You can find more details about the programming languages I work with and projects I have contributed to on my GitHub profile.
</p>
<p class="mb-1">
On my Steam Workshop, you will find more in-depth information on each of the addons I have created.
</p>
<p class="mb-1">
Here is my <a href="https://www.webwiki.de/mexikoedi.github.io" target="_blank" rel="noopener" title="Webwiki">Webwiki</a> page which has some insights for this website.
</p>
<p class="mb-3">
You can also reach me with via email by clicking the "Contact me" button below.
</p>
<p class="mb-3">
<a href="https://github.com/mexikoedi" target="_blank" rel="noopener" title="mexikoedi on GitHub">
<img src="assets/icon_github.svg" alt="github icon" class="img-fluid img-size-small" width="25" height="25">
</a>
<a href="https://steamcommunity.com/id/mexikoedi" target="_blank" rel="noopener" title="mexikoedi on Steam">
<img src="assets/icon_steam.svg" alt="steam icon" class="img-fluid img-size-small" width="25" height="25">
</a>
</p>
<p>
<a href="mailto:[email protected]" target="_blank" rel="noopener" title="Contact me via email" class="btn btn-primary">Contact me</a>
</p>
</div>
</section>
<footer class="text-md-center py-4" aria-label="Footer with copyright information">
<p>© 2020-<span id="currentYear"></span> mexikoedi. All rights reserved.</p>
</footer>
<!-- bootstrap import, scrolling/click listener for navbar and current year -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const iframe = document.querySelector('iframe[data-src]');
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
iframe.src = iframe.dataset.src;
observer.unobserve(entry.target);
}
});
});
observer.observe(iframe);
const scrollSpy = new bootstrap.ScrollSpy(document.body, { target: '#navbarNav' });
window.addEventListener('scroll', function () { }, { passive: true });
window.addEventListener('wheel', function () { }, { passive: true });
window.addEventListener('touchstart', function () { }, { passive: true });
window.addEventListener('touchmove', function () { }, { passive: true });
const navLinks = document.querySelectorAll('.nav-item')
const menuToggle = document.getElementById('navbarNav')
const bsCollapse = bootstrap.Collapse.getOrCreateInstance(menuToggle, { toggle: false })
navLinks.forEach((link) => {
if (menuToggle.classList.contains('show')) {
link.addEventListener('click', () => {
bsCollapse.toggle()
})
}
})
document.getElementById('currentYear').textContent = new Date().getFullYear();
});
</script>
</body>
</html>