-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
463 lines (426 loc) · 17.5 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
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
<title>Enven</title>
<link
rel="apple-touch-icon"
sizes="180x180"
href="favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="favicon/favicon-16x16.png"
/>
<link rel="manifest" href="favicon/site.webmanifest" />
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head>
<body>
<header>
<div class="container">
<p class="text">ENZO VENDRAMINI PAGGIARO</p>
</div>
</header>
<nav>
<ul>
<li><a target="" href="">INÍCIO</a></li>
<li><a target="" href="#sobre">SOBRE</a></li>
<li><a target="" href="#projetos">PROJETOS</a></li>
<li><a target="" href="#conteudo">CONTEÚDO</a></li>
<li><a target="" href="#contato">CONTATO</a></li>
<li><a target="" href="#fatec">FATEC</a></li>
</ul>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</nav>
<main>
<div id="sobre"></div>
<div></div>
<div class="projetostitle">
<h1 class="text-gradient">Quem sou eu?</h1>
<h3>
Olá, você chegou até o meu site pessoal, aqui você saberá um pouco
mais sobre mim...
</h3>
</div>
<div class="sobrediv">
<article class="sobrearticle">
<h2>📑 SOBRE MIM</h2>
<p>
Olá, eu sou o Enzo, tenho 17 anos e moro atualmente em Mineiros do
Tietê. Estudo na Faculdade de Tecnologia de Jahu (FATEC), atualmente
no primeiro semestre do curso de Sistemas para Internet. Escolhi
essa área de estudo pois sou apaixonado por tecnologia, além de que
conclui meu Ensino Médio integrado a um curso ténico em
Desenvolvimento de Sistemas.
</p>
</article>
<img
class="sobreimg"
alt="Minha foto"
src="imgs/elementos/fotoperfil.jpg"
/>
<div class="siga"></div>
</div>
<div class="programdiv">
<img
class="programimg"
alt="Programador"
src="imgs/elementos/devboy.png"
/>
<article class="programarticle">
<h2>💻 MEU CONTATO COM A PROGRAMAÇÃO</h2>
<p>
Meu primeiro contato com a programação começou por volta de 2018,
quando explorei pela primeira vez programas para criação de jogos.
Um deles foi o ROBLOX Studio, onde passava horas mexendo nas
ferramentas disponíveis. No entanto, como é comum no início, os
resultados não foram os melhores.
</p>
<p>
Em 2021, durante a pandemia, decidi explorar novamente o estúdio e,
dessa vez, com mais conhecimento, desenvolvi
<a href="#biolab" class="primeirojogo">MEU PRIMEIRO JOGO</a> que foi
públicado na plataforma.
</p>
<p>
Ter concluído o Ensino Médio em uma escola técnica, onde tive
programação na grade curricular, me incentivou a me aprofundar ainda
mais na área. Agora, estou cursando o Ensino Superior em um curso
semelhante.
</p>
</article>
</div>
<div class="hobbiesdiv">
<article class="hobbiesarticle">
<h2>🎨 MEUS HOBBIES</h2>
<p>Aqui está uma listinha do que eu mais gosto:</p>
<ul class="lista">
<li>
Gosto muito de fazer atividades físicas, sendo a musculação a
minha favorita;
</li>
<li>
Jogar, tanto sozinho quanto com amigos, um joguinho sempre distrai
a cabeça;
</li>
<li>
Criar jogos, amo toda a complexidade de criar um jogo e como você
precisa criar e pensar diversas coisas para chegar só em uma parte
do resultado;
</li>
<li>
Ouvir músicas, eu sou do rock, mas também curto um phonk e aquele
cutuca alma;
</li>
<li>
Assistir filme, os de terror, suspense e mistério são os melhores;
</li>
<li>
Viajar, conhecer novos lugares, passar alguns dias em um
Hotel-Fazenda, muito bom;
</li>
<li>
Apesar de toda a tecnologia presente na minha educação, admiro o
militarismo e suas vestimentas, armas, disciplina, ordem e
responsálibilidades;
</li>
<li>
Ficar com a minha família e fazer um churrasquinho também cai
muito bem;
</li>
<li>Toyota Supra.</li>
</ul>
</article>
<img
class="hobbiesimg"
alt="Hobbies"
src="imgs/elementos/hobbies2.png"
/>
</div>
<div id="projetos"></div>
<div></div>
<div class="projetostitle">
<h1 class="text-gradient">MEUS PROJETOS</h1>
<h3>
Confira abaixo alguns dos principais projetos que eu participei!
</h3>
</div>
<div class="projetosdiv">
<img src="imgs/elementos/garden2.png" alt="Horta" class="hortaimg" />
<article class="projetosarticle">
<a
class="projetohorta"
target="_blank"
href="https://github.com/enzoven/Horta-Inteligente"
>🌱 Horta Inteligente</a
>
<p>
A horta foi desenvolvida para a apresentação do meu trabalho de
conclusão de curso durante meu ensino médio na ETEC Joaquim Ferreira
do Amaral.
</p>
<p>
Utilizando o Arduino e a linguagem de programação C++, eu e meu
grupo criamos um projeto de horta totalmente autossuficiente e
sustentável, pois os materiais utilizados na construção da estufa e
da base podem ser reaproveitados.
</p>
<p>
A água da irrigação é filtrada através de um sistema feito no
interior da terra, utilizando materiais adequados, assim, sendo
devolvida ao reservatório filtrado, diminuindo a frequência de
troca.
</p>
<p>
O projeto visa auxiliar agricultores de pequeno porte com uma
estrutura tecnológica.
</p>
<p>
Feita a partir de sistema Arduino que conta com sensores de
luminosidade e umidade, que possibilitou a criação de sistemas de
irrigação e iluminação automáticos com o objetivo de melhorar o
crescimento e desenvolvimento da planta de acordo com a necessidade
de produtividade do agricultor.
</p>
<p>
Leia mais em:
<a
class="leiamais"
target="_blank"
href="https://github.com/enzoven/Horta-Inteligente"
>https://github.com/enzoven/Horta-Inteligente</a
>
</p>
</article>
</div>
<div class="biolabdiv">
<article class="biolabarticle">
<a
id="biolab"
class="projetohorta"
target="_blank"
href="https://www.roblox.com/games/7488934257/Biolab-Creations"
>🧪 Biolab Creations</a
>
<p>
Jogo desenvolvido utilizando a linguagem de programação .Lua na
plataforma ROBLOX Studio em 2021, continua ativo e jogável até hoje,
porém não recebe mais atualizações desde Janeiro de 2023, por conta
de outros projetos maiores.
</p>
<p>
Nesse jogo você pode explorar o mundo dos virus, criando mutações e
seus próprios virus com base nas suas descobertas anteriores.
</p>
<p>
Seu objetivo é criar todas as variações e misturas de efeitos
possíveis que sua imaginação permitir. O jogo se passa dentro de um
laboratório, onde você é um cientista e pode se juntar com outros
jogadores.
</p>
<p>
No auge de sua fama, a Biolab gerou muita diversão, caos, histórias
e laços que duram até o dia de hoje.
</p>
<p>
Veja a página do jogo em:
<a
class="leiamais"
target="_blank"
href="https://www.roblox.com/games/7488934257"
>https://www.roblox.com/games/7488934257</a
>
</p>
</article>
<img
src="imgs/biolab/logo.jpg"
alt="Biolab Creations Logo"
class="biolabimg"
/>
</div>
<div class="pizy">
<img src="imgs/elementos/pizy.png" alt="PIZY Group" class="pizy" />
<article class="pizy">
<a
class="pizy"
target="_blank"
href="https://www.instagram.com/pizygroup/"
>🍋 PIZY Group</a
>
<p>
Em Fevereiro de 2023, ao ingressar na faculdade, amigos me
convidaram a participar da PIZY Group, uma iniciativa para
programadores juniores trabalharem juntos em projetos de larga
escala.
</p>
<p>
Atualmente cumpro as funçõs de CCO (Diretor de Comunicação) e
Administrador Geral e junto com o time de Suporte, eu forneço
assistência para solucionar os problemas dos usuários da plataforma.
</p>
<p>
Trabalhando junto com o time de desenvolvedores, e obtendo feedback
da comunidade, criamos uma aplicação para automatizar o nosso
servidor do Discord.
</p>
<p>
Siga a PIZY Group no
<a
class="pizylink"
target="_blank"
href="https://www.instagram.com/pizygroup/"
>INSTAGRAM</a
>
</p>
</article>
</div>
<div id="conteudo"></div>
<div></div>
<div class="projetostitle">
<h1 class="text-gradient">MEU CONTEÚDO</h1>
<h3 class="content">
Você pode encontrar todo o meu material pessoal e escolar no meu
<a class="content" target="_blank" href="https://github.com/enzoven"
>GitHub</a
>
</h3>
</div>
<div class="conteudodiv">
<article class="conteudoarticle">
<h2>MEU GITHUB</h2>
<a target="_blank" href="https://github.com/enzoven"
><svg
class="conteudosvg"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>GitHub</title>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/></svg
></a>
<p>Me siga e favorite os meus repositórios!</p>
</article>
</div>
<div id="contato"></div>
<div></div>
<div class="projetostitle">
<h1 class="text-gradient">CONTATO</h1>
<h3 class="content">Você consegue interagir comigo por esses meios:</h3>
<div class="contato">
<article class="contato">
<a target="_blank" href="https://github.com/enzoven"
><svg
class="contato"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>GitHub</title>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/>
</svg>
</a>
<a target="_blank" href="https://github.com/enzoven" class="contato"
>GitHub</a
>
<p class="contato">enzoven</p>
</article>
<article class="contato">
<a target="_blank" href="https://www.linkedin.com/in/enzoven/"
><svg
class="contato"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>LinkedIn</title>
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
/></svg
></a>
<a
target="_blank"
href="https://www.linkedin.com/in/enzoven/"
class="contato"
>LinkedIn</a
>
<p class="contato">Enzo Vendramini</p>
</article>
<article class="contato">
<a target="_blank" href="mailto:[email protected]"
><svg
class="contato"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Gmail</title>
<path
d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"
/></svg
></a>
<a
target="_blank"
href="mailto:[email protected]"
class="contato"
>Gmail</a
>
<p class="contato">enzopaggiaro05</p>
</article>
</div>
</div>
<div class="google-map">
<div id="fatec" class="projetostitle">
<h1 class="text-gradient">FATEC JAHU</h1>
<a class="fatec" target="_blank" href="http://fatecjahu.edu.br/"
>CONHEÇA A FACULDADE DE TECNOLOGIA DE JAHU</a
>
</div>
<article class="fatec">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3691.038255335341!2d-48.550777990125894!3d-22.314392916881697!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94c7583ac8032c15%3A0xd3db07d9284a5cb2!2sFaculdade%20de%20Tecnologia%20de%20Jahu!5e0!3m2!1spt-BR!2sbr!4v1683854222557!5m2!1spt-BR!2sbr"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</article>
</div>
</main>
<footer>
<div class="footer">
<p class="footer-nome">Enzo Vendramini Paggiaro</p>
<p class="footer">
© Copyright
<span class="actual-year"></span> - Todos os direitos reservados
</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>