-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbsns.html
More file actions
303 lines (269 loc) · 25.7 KB
/
bsns.html
File metadata and controls
303 lines (269 loc) · 25.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio | David Gomez C.</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Discover David's self‑built web projects, cybersecurity insights & networking tools. A portfolio showcasing hands‑on full‑stack, net‑sec, and networking expertise.">
<meta name="keywords" content="David, David Alejandro, David Alejandro Gomez, David Alejandro Gomez Camargo, Alejandro Gomez Camargo, Gomez Camargo, Gomez, Meneses, Gomez Meneses, Meneses Rojas, Gomez Camargo Meneses Rojas, David Alejandro Gomez Camargo Meneses Rojas, David Gomez Meneses, David Meneses Rojas, Humboldt Schule, Schule, Humboldt, Wiesbaden, Hessen, Wiesbaden Hessen Gymnasium, Humboldt Gymnasium, MeinInfoKurs, MeinInfoKurs V2, V2, MeinInfo, MeinInfo V2, InfoKurs, InfoKurs V2, MeinInfoKurs, Java Editor, Java, HTML, HyperTextMarkupLanguage, CSS, Python, Scratch, Kitty und Froggy, Bello und die Bananen, Tinti und die Fische, Carla die Malkatze, Grisu der kleine Drache, Herr Geist der mäusejagende Radfahrer, Pfeiff an Schiri, Variablenaustausch, Ducki und Lucki, Freddi die Fledermaus, Katie und die Tenniswand, Moorhuhn, Mäusejagd, Apfel Catch, Hello World, Mein Name Ist, Die Wahl des Bürgermeisters, Bewährungsfragen Wahlausgabe, die Schulsprecherwahl, Immobilienpreiskalkulator, Das Variablenrätsel, Die Wassergebühren, Fibonacci Zahlen und Quotienten, Die Marklerfirma, Das Online Kaufhaus, Der Parkscheinautomat, Body-Mass-Index, Die Bahnreise, Das Notenprogramm, Club der Millionäre, Das Ratespiel, Stift und Papier, Code Lücken, Der Fahrscheinautomat, Simulation der Population, Das Streichholzspiel, Der SMSRechner, Der BMIRechner, Der Taschenrechner, der Parkscheinautomat, Der Weg eines Betrunkenen, Die Würfelsimulation, Die Konsolenbilder, Konsolenbilder, Arrays, Array, Array Einführung, Aktienanalyse, Aktienanalyse Array, Aktienanalyse Arrays, Java, JavaEditor, Java editor, Javaeditor, editor, Sven Sauter, Sven Sauter Humboldt Schule, Sven Sauter Wiesbaden, Sven Sauter Hessen, Sven Sauter Humboldt, Herr Sauter Wiesbaden, Herr Sauter Gymnasium, Herr Sauter Humboldt Schule, Sven Sauter Gymnasium, Markus Kizina, Markus Kizina Humboldt Schule, Markus Kizina Wiesbaden, Markus Kizina Hessen, Markus Kizina Gymnasium, Markus Kizina Humboldt, Herr Kizina, Herr Kizina Wiesbaden, Herr Kizina Hessen, Herr Kizina Informatik, Sven Sauter Informatik, Herr Sauter Informatik, Markus Kizina Informatik, Portfolio, David Gomez Camargo Portfolio">
<meta name="author" content="David Gomez Camargo">
<meta property="og:title" content="David Gomez Camargo | Future Cloud Engineer">
<meta property="og:description" content="Discover David's self‑built web projects, cybersecurity insights & networking tools. A portfolio showcasing hands‑on full‑stack, net‑sec, and networking expertise.">
<meta property="og:image" content="Icon.png">
<meta property="og:url" content="https://david-cmrg.github.io/">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://david-cmrg.github.io/">
<!-- Favicon -->
<link rel="icon" href="Icon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="Icon.png">
<!-- Eigene Styles / Scripts -->
<link href="AboutDavid/style.css" rel="stylesheet" type="text/css">
<script src="AboutDavid/script.js"></script>
<!-- Favicon -->
<link rel="icon" href="https://avatars.githubusercontent.com/u/202826622?v=4" type="image/x-icon">
<link rel="apple-touch-icon" href="https://avatars.githubusercontent.com/u/202826622?v=4">
<!-- Externe Ressourcen -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<script src="https://kit.fontawesome.com/a587449559.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta name="google-site-verification" content="RqthDKm-wJYxpj0YM_S9IZcJWOds0K_GF5Y4xAEHV6I" />
<!-- Schriftarten -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!-- Werbung -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3759386961615231" crossorigin="anonymous"></script>
<!-- Canvas Backgrounds -->
<link rel="stylesheet" href="AboutDavid/CanvasBackground/CSS/normalize.min.css">
<link rel="stylesheet" href="AboutDavid/CanvasBackground/CSS/style.css">
</head>
<div class="language-selector">
<div class="dropdown" tabindex="0" style="z-index: 100;">
<button class="dropbtn"><i class="fa-solid fa-globe fa-lg"></i></button>
<div class="dropdown-content">
<a href="#">EN English</a>
<a href="bsns/AboutDavid/ES">ES Español</a>
<a href="bsns/AboutDavid/DE">DE Deutsch</a>
</div>
</div>
</div>
<body>
<header>
<nav>
<ul>
<li class="list-item active" id="homeNav">
<a href="javascript:void(0);" onclick="scrollToTop()">
<i class="fa-solid fa-house fa-lg"></i>
</a>
</li>
<li class="list-item"><a href="#AboutMe"><i class="fa-solid fa-user fa-lg"></i></a></li>
<li class="list-item"><a href="#MyProjects"><i class="fa-solid fa-code fa-lg"></i></a></li>
<li class="list-item"><a href="#Contact"><i class="fa-solid fa-envelope fa-lg"></i></a></li>
</ul>
</nav>
</header>
<main>
<div id="startscreen-dynamic">
<canvas class="p-canvas-webgl" id="canvas-webgl"></canvas>
<div class="intro">
<p id="im-david">I'm David.</p>
<p>Web and Software Developer</p>
<p>With a passion for coding.</p>
</div>
<p id="#" style="color: var(--body-color)">.</p>
</div>
<a href="mailto:david.cmrg@proton.me" style="
position: fixed !important;
bottom: 10%;
padding: 8px 5% 16px 5%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(255, 255, 255, 0.04);
box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 24px 0px, rgba(255, 255, 255, 0.04) 0px -8px 24px 0px;
backdrop-filter: blur(20px);
border-radius: 8px;
color: white;
text-decoration: none;
font-size: 16px;
display: inline-block;
z-index: 15000;
">
David.cmrg@proton.me
<span style="
position: absolute;
bottom: 7px;
left: 5%;
width: 90%;
height: 3px;
background: repeating-linear-gradient(
90deg,
gray 0%,
gray 48%,
white 50%,
gray 52%,
gray 100%
);
background-size: 200% 100%;
background-repeat: no-repeat;
border-radius: 18px;
animation: bounceGlow 3s ease-in-out infinite alternate;
display: block;
pointer-events: none;
"></span>
</a>
<style>
@keyframes bounceGlow {
0% {
background-position: 0% 0;
}
100% {
background-position: 100% 0;
}
}
</style>
<p id="AboutMe" style="color: var(--body-color)">.</p>
<div class="What-I-Do" style="margin-top:6rem;">
<div>
<p>About Me</p><hr/>
</div>
<div>
<img src="https://avatars.githubusercontent.com/u/202826622?v=4" alt="An image of mine" style="margin: 1% 0% 0% 1%; width: 38%; border-radius: 15px">
<article>
<p>
Hey, I’m David Gomez C., a frontend developer and curious IT explorer currently diving into the worlds of cybersecurity and networking.
I enjoy building helpful digital tools, like <a style="text-decoration-color: #819595 !important;" id="linking" href="https://david-cmrg.github.io/MeinInfoKurs/V2/">MeinInfoKurs</a>,
a site I designed to support fellow students with their IT coursework.
Originally from Germany, I’m passionate about learning everything from clean interface design to ethical
hacking, networking and Windows- or Linux-based systems. I’m also no stranger to Java, Swift, and Arduino tinkering.
Always open to collaborations, side projects, or just a good tech chat.
</p>
</article>
</div>
<p id="MyProjects" style="color: var(--body-color)">.</p>
<div style="margin: 5% 1.5rem;">
<p>What I Do</p><hr/>
</div>
<div id="projects">
<a href="AboutDavid/EN/pages/skills/index.html#MeinInfoKurs" class="section" id="MeinInfoKurs">
<h2>MeinInfoKurs</h2>
</a>
<a href="AboutDavid/EN/pages/skills/index.html#Linux" class="section" id="Linux">
<h5>Linux Environment</h5>
</a>
<a href="AboutDavid/EN/pages/skills/index.html#Networking" class="section" id="Networking">
<h3>Networking</h3>
</a>
</div>
<p id="Contact" style="color: var(--body-color)">.</p>
<div style="margin-top: 6%;">
<p>Contact Me</p><hr/>
</div>
<article style="width: fit-content; margin: 4rem auto 3rem auto !important;">
<p>My Email - david.cmrg@proton.me</p>
</article>
<div class="Icons">
<!-- From Uiverse.io by javierBarroso -->
<div class="parent">
<div class="child child-1">
<button class="button btn-1" onclick="window.open('https://www.linkedin.com/in/david-cmrg/', '_blank')">
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 512 512"
fill="#0077B5"
>
<title>LinkedIn</title>
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
></path>
</svg>
</button>
</div>
<div class="child child-3">
<button class="button btn-3" onclick="window.open('https://github.com/David-cmrg', '_blank')">
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 496 512"
fill="#ffffff"
>
<title>GitHub</title>
<path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
></path>
</svg>
</button>
</div>
<div class="child child-2">
<button class="button btn-2" onclick="window.open('https://tryhackme.com/p/David.cmrg', '_blank')" style="0px 10px 10px #4267b2">
<svg style="color: red; width: 65%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%)" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>TryHackMe</title>
<path d="M10.705 0C7.54 0 4.902 2.285 4.349 5.291a4.525 4.525 0 0 0-4.107 4.5 4.525 4.525 0 0 0 4.52 4.52h6.761a.625.625 0 1 0 0-1.25H4.761a3.273 3.273 0 0 1-3.27-3.27A3.273 3.273 0 0 1 6.59 7.08a.625.625 0 0 0 .7-1.035 4.488 4.488 0 0 0-1.68-.69 5.223 5.223 0 0 1 5.096-4.104 5.221 5.221 0 0 1 5.174 4.57 4.489 4.489 0 0 0-.488.305.625.625 0 1 0 .731 1.013 3.245 3.245 0 0 1 1.912-.616 3.278 3.278 0 0 1 3.203 2.61.625.625 0 0 0 1.225-.251 4.533 4.533 0 0 0-4.428-3.61 4.54 4.54 0 0 0-.958.105C16.556 2.328 13.9 0 10.705 0zm5.192 10.64a.925.925 0 0 0-.462.108.913.913 0 0 0-.313.29 1.27 1.27 0 0 0-.175.427 2.39 2.39 0 0 0-.054.514c0 .181.018.353.054.517.036.164.095.307.175.43a.899.899 0 0 0 .313.297c.127.073.281.11.462.11.18 0 .334-.037.46-.11a.897.897 0 0 0 .309-.296c.08-.124.137-.267.173-.431.036-.164.054-.336.054-.517 0-.18-.018-.352-.054-.514a1.271 1.271 0 0 0-.173-.426.901.901 0 0 0-.309-.291.917.917 0 0 0-.46-.108zm6.486 0a.925.925 0 0 0-.462.108.913.913 0 0 0-.313.29 1.27 1.27 0 0 0-.175.427 2.39 2.39 0 0 0-.053.514c0 .181.017.353.053.517.036.164.095.307.175.43a.899.899 0 0 0 .313.297c.127.073.281.11.462.11.18 0 .334-.037.46-.11a.897.897 0 0 0 .31-.296c.078-.124.136-.267.172-.431.036-.164.054-.336.054-.517 0-.18-.018-.352-.054-.514a1.271 1.271 0 0 0-.173-.426.901.901 0 0 0-.308-.291.916.916 0 0 0-.461-.108zm-8.537.068l-.84.618.313.43.476-.368v1.877h.603v-2.557zm6.486 0l-.841.618.314.43.477-.368v1.877h.603v-2.557zm-4.435.445c.08 0 .143.028.193.084.05.057.087.127.114.21.026.083.044.173.054.269a2.541 2.541 0 0 1 0 .533c-.01.097-.028.187-.054.27a.584.584 0 0 1-.114.21.243.243 0 0 1-.193.085.248.248 0 0 1-.195-.086.584.584 0 0 1-.118-.209 1.245 1.245 0 0 1-.056-.27 2.645 2.645 0 0 1 0-.533c.01-.096.029-.186.056-.27a.583.583 0 0 1 .118-.209.25.25 0 0 1 .195-.084zm6.486 0c.08 0 .144.028.193.084.05.057.087.127.114.21.027.083.044.173.054.269a2.541 2.541 0 0 1 0 .533c-.01.097-.027.187-.054.27a.584.584 0 0 1-.114.21.243.243 0 0 1-.193.085.249.249 0 0 1-.195-.086.581.581 0 0 1-.117-.209 1.245 1.245 0 0 1-.056-.27 2.642 2.642 0 0 1 0-.533c.01-.096.028-.186.056-.27a.58.58 0 0 1 .117-.209.25.25 0 0 1 .195-.084zm-2.191 3.51a.93.93 0 0 0-.463.109.908.908 0 0 0-.312.291c-.08.122-.139.263-.175.426a2.383 2.383 0 0 0-.054.514c0 .18.018.353.054.516.036.164.094.308.175.432a.91.91 0 0 0 .312.296.92.92 0 0 0 .463.11c.18 0 .333-.037.46-.11a.892.892 0 0 0 .308-.296 1.32 1.32 0 0 0 .174-.432c.036-.163.054-.335.054-.516 0-.18-.018-.352-.054-.514a1.274 1.274 0 0 0-.174-.426.89.89 0 0 0-.309-.291.918.918 0 0 0-.46-.108zm-6.402.07l-.841.617.314.43.476-.369v1.878h.604v-2.557zm2.125 0l-.841.617.314.43.477-.369v1.878h.603v-2.557zm2.116 0l-.84.617.313.43.477-.369v1.878h.603v-2.557zm2.16.443c.08 0 .144.028.194.085a.605.605 0 0 1 .114.21c.026.083.044.172.053.269a2.639 2.639 0 0 1 0 .532 1.28 1.28 0 0 1-.053.27.585.585 0 0 1-.114.21.244.244 0 0 1-.193.085.25.25 0 0 1-.196-.085.589.589 0 0 1-.117-.21 1.245 1.245 0 0 1-.056-.27 2.597 2.597 0 0 1 0-.532c.01-.097.028-.186.056-.27a.589.589 0 0 1 .117-.209.249.249 0 0 1 .196-.085zm-6.729 3.073a.676.676 0 0 0-.335.078.661.661 0 0 0-.227.211.91.91 0 0 0-.127.31c-.027.118-.04.242-.04.373s.013.256.04.375a.93.93 0 0 0 .127.313.65.65 0 0 0 .227.215c.092.053.204.08.335.08a.655.655 0 0 0 .334-.08.65.65 0 0 0 .225-.215c.057-.09.1-.194.125-.313a1.75 1.75 0 0 0 .04-.375c0-.13-.014-.255-.04-.373a.931.931 0 0 0-.125-.31.658.658 0 0 0-.225-.21.667.667 0 0 0-.334-.08zm3.086 0a.675.675 0 0 0-.336.078.661.661 0 0 0-.226.211.907.907 0 0 0-.127.31 1.69 1.69 0 0 0-.04.373c0 .131.013.256.04.375a.928.928 0 0 0 .127.313c.058.09.134.162.226.215.093.053.205.08.336.08a.655.655 0 0 0 .334-.08.65.65 0 0 0 .224-.215c.058-.09.1-.194.126-.313a1.752 1.752 0 0 0 0-.748.94.94 0 0 0-.126-.31.657.657 0 0 0-.224-.21.667.667 0 0 0-.334-.08zm5.108 0a.675.675 0 0 0-.336.078.661.661 0 0 0-.226.211.91.91 0 0 0-.127.31c-.027.118-.04.242-.04.373s.013.256.04.375a.931.931 0 0 0 .127.313c.058.09.134.162.226.215.093.053.205.08.336.08.13 0 .243-.027.334-.08a.65.65 0 0 0 .224-.215c.058-.09.1-.194.126-.313a1.75 1.75 0 0 0 .04-.375c0-.13-.014-.255-.04-.373a.943.943 0 0 0-.126-.31.657.657 0 0 0-.224-.21.668.668 0 0 0-.334-.08zm-6.658.05l-.61.448.227.311.346-.266v1.362h.438v-1.856zm3.068 0l-.61.448.227.311.346-.266v1.362h.438v-1.856zm5.108 0l-.611.448.228.311.346-.266v1.362h.438v-1.856zm-9.712.322c.058 0 .105.02.14.062a.421.421 0 0 1 .083.151.96.96 0 0 1 .04.196 1.932 1.932 0 0 1 0 .386.954.954 0 0 1-.04.197.421.421 0 0 1-.083.152.176.176 0 0 1-.14.061.18.18 0 0 1-.141-.06.427.427 0 0 1-.085-.153.887.887 0 0 1-.041-.197 1.96 1.96 0 0 1 0-.386.893.893 0 0 1 .04-.196.42.42 0 0 1 .086-.151.181.181 0 0 1 .141-.062zm3.086 0c.058 0 .104.02.14.062a.421.421 0 0 1 .082.151.94.94 0 0 1 .04.196 1.906 1.906 0 0 1 0 .386.93.93 0 0 1-.04.197.421.421 0 0 1-.082.152.176.176 0 0 1-.14.061.18.18 0 0 1-.141-.06.42.42 0 0 1-.086-.153.846.846 0 0 1-.04-.197 1.965 1.965 0 0 1-.011-.195c0-.057.004-.121.01-.191a.849.849 0 0 1 .041-.196.42.42 0 0 1 .086-.151.182.182 0 0 1 .141-.062zm5.108 0c.058 0 .104.02.14.062a.421.421 0 0 1 .082.151.92.92 0 0 1 .04.196 1.963 1.963 0 0 1 0 .386.943.943 0 0 1-.04.197.421.421 0 0 1-.082.152.177.177 0 0 1-.14.061.18.18 0 0 1-.142-.06.437.437 0 0 1-.085-.153.95.95 0 0 1-.04-.197 1.965 1.965 0 0 1-.011-.195c0-.057.004-.121.01-.191a.959.959 0 0 1 .04-.196.47.47 0 0 1 .086-.151.181.181 0 0 1 .142-.062zm-1.684 1.814a.675.675 0 0 0-.336.079.66.66 0 0 0-.227.21.91.91 0 0 0-.127.31 1.731 1.731 0 0 0 0 .748.939.939 0 0 0 .127.314c.059.09.134.162.227.215.093.053.205.08.336.08a.66.66 0 0 0 .334-.08.648.648 0 0 0 .224-.215c.058-.09.1-.195.126-.314a1.737 1.737 0 0 0-.001-.747.928.928 0 0 0-.125-.31.65.65 0 0 0-.224-.211.668.668 0 0 0-.334-.079zm3.063 0a.676.676 0 0 0-.336.079.664.664 0 0 0-.227.21.906.906 0 0 0-.127.31 1.74 1.74 0 0 0 0 .748.936.936 0 0 0 .127.314.66.66 0 0 0 .227.215c.092.053.204.08.336.08a.654.654 0 0 0 .334-.08.648.648 0 0 0 .223-.215c.058-.09.1-.195.126-.314a1.74 1.74 0 0 0 0-.747.928.928 0 0 0-.126-.31.65.65 0 0 0-.223-.211.666.666 0 0 0-.334-.079zm-1.545.05l-.611.448.228.312.346-.267v1.363h.438v-1.856zm-1.518.323c.057 0 .104.02.14.061a.42.42 0 0 1 .082.152.91.91 0 0 1 .04.195 1.966 1.966 0 0 1 0 .387.951.951 0 0 1-.04.197.421.421 0 0 1-.082.152.177.177 0 0 1-.14.06.18.18 0 0 1-.142-.06.428.428 0 0 1-.085-.152.914.914 0 0 1-.04-.197 1.96 1.96 0 0 1-.011-.195c0-.058.003-.122.01-.192a.923.923 0 0 1 .041-.195c.02-.06.048-.11.085-.152a.181.181 0 0 1 .142-.061zm3.063 0c.057 0 .104.02.14.061a.42.42 0 0 1 .082.152.94.94 0 0 1 .04.195 1.91 1.91 0 0 1 0 .387.93.93 0 0 1-.04.197.422.422 0 0 1-.083.152.175.175 0 0 1-.14.06.18.18 0 0 1-.141-.06.423.423 0 0 1-.085-.152.907.907 0 0 1-.04-.197 1.95 1.95 0 0 1 0-.387.915.915 0 0 1 .04-.195c.02-.06.048-.11.085-.152a.182.182 0 0 1 .142-.061zm-9.713.185a.465.465 0 0 0-.232.055.456.456 0 0 0-.157.146.627.627 0 0 0-.089.215 1.168 1.168 0 0 0-.027.259c0 .09.009.177.027.26a.648.648 0 0 0 .089.216c.04.063.093.112.157.149a.459.459 0 0 0 .232.056c.09 0 .168-.02.231-.056a.45.45 0 0 0 .156-.149.67.67 0 0 0 .087-.217 1.218 1.218 0 0 0 0-.518.647.647 0 0 0-.087-.215.448.448 0 0 0-.156-.146.458.458 0 0 0-.23-.055zm1.052.035l-.423.31.158.217.24-.185v.944h.303v-1.286zm-1.052.224c.04 0 .073.014.097.042a.284.284 0 0 1 .057.105.69.69 0 0 1 .028.136c.004.049.007.092.007.133 0 .04-.003.086-.007.135a.684.684 0 0 1-.028.136.285.285 0 0 1-.057.105.123.123 0 0 1-.097.043.125.125 0 0 1-.098-.043.298.298 0 0 1-.059-.105.612.612 0 0 1-.028-.136 1.39 1.39 0 0 1 0-.268.62.62 0 0 1 .028-.136.297.297 0 0 1 .06-.105.125.125 0 0 1 .097-.042zm3.775 1.394a.463.463 0 0 0-.232.054.452.452 0 0 0-.157.146.621.621 0 0 0-.088.214 1.19 1.19 0 0 0 0 .519.641.641 0 0 0 .088.217.46.46 0 0 0 .157.15.458.458 0 0 0 .232.054.454.454 0 0 0 .232-.055.45.45 0 0 0 .155-.149.664.664 0 0 0 .087-.217 1.189 1.189 0 0 0 0-.519.642.642 0 0 0-.087-.214.446.446 0 0 0-.155-.146.459.459 0 0 0-.232-.054zm1.052.034l-.423.31.158.216.24-.185v.945h.303V22.68zm-1.052.223c.04 0 .073.014.098.043a.3.3 0 0 1 .057.105.643.643 0 0 1 .027.135 1.31 1.31 0 0 1 0 .268.654.654 0 0 1-.027.137.307.307 0 0 1-.057.105.124.124 0 0 1-.098.042.125.125 0 0 1-.098-.042.293.293 0 0 1-.059-.105.618.618 0 0 1-.028-.137 1.364 1.364 0 0 1 0-.268.612.612 0 0 1 .028-.135.287.287 0 0 1 .06-.105.123.123 0 0 1 .097-.043z" fill="red">
</path>
</svg>
</button>
</div>
<div class="child child-4">
<button class="button btn-4" onclick="window.open('https://discord.gg/YhNv5XeYXb', '_blank')">
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 600 512"
fill="#5865f2"
>
<title>Discord</title>
<path
d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"
></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div style="margin: 12rem 0rem"></div>
</main>
<script src="https://david-cmrg.github.io/AboutDavid/CanvasBackground/JS/three.min.js"></script>
<script src="https://david-cmrg.github.io/AboutDavid/CanvasBackground/JS/jquery.min.js"></script>
<script src="https://david-cmrg.github.io/AboutDavid/CanvasBackground/JS/script.js"></script>
<script>
let autoScrollActive = true;
let lastUserInteractionTime = Date.now();
let scrollSpeed = 0.4; // Pixels per frame
const resumeDelay = 25000; // 25 seconds
// Starts auto scroll
function autoScroll() {
if (!autoScrollActive) return;
// Scroll down
window.scrollBy(0, scrollSpeed);
// If we've reached the bottom, reset to top
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
window.scrollTo({ top: 0, behavior: 'auto' });
}
requestAnimationFrame(autoScroll);
}
// Stops auto scroll and tracks user interaction
function handleUserInteraction() {
lastUserInteractionTime = Date.now();
if (autoScrollActive) {
autoScrollActive = false;
}
}
// Check for inactivity every second
setInterval(() => {
if (!autoScrollActive && Date.now() - lastUserInteractionTime >= resumeDelay) {
autoScrollActive = true;
requestAnimationFrame(autoScroll);
}
}, 1000);
// Start auto scroll on page load
requestAnimationFrame(autoScroll);
// User interaction event listeners
['wheel', 'keydown', 'mousemove', 'mousedown', 'touchstart'].forEach(event => {
window.addEventListener(event, handleUserInteraction, { passive: true });
});
</script>
</body>
</html>