-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (155 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio - Cássio Santini</title>
<link rel="shortcut icon" href="./Images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<img class="capa" src="./Images/Capa.jpg">
<em>Por <strong>Cássio Sandrigo Santini</strong></em>
<main>
<h1>Meu Portfolio</h1>
<div class="filtro">
<h3>Filtrar Projetos:</h3>
<select id="filtro" class="filtro__select">
<option value="antigos" selected class="filtro__option">Mais antigos primeiro</option>
<option value="novos" class="filtro__option">Mais novos primeiro</option>
</select>
<button type="button" onclick="filtrarArtigos()" class="filtro__botao">Filtrar</button>
</div>
<div class="container" id="container">
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/DO$/">Digital Outlet $</a></h2>
<p>Páginas Estáticas do Projeto Integrador do Grupo 3 da Digital House, realizado no segundo semestre de
2021, no curso
WebFullStack.</p>
<a class="repo" href="https://github.com/Enyus/PIDH2021-Digital-Outlet" target="_blank">Repositório original
do projeto</a>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Eh3SD-aoltk"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/pong/">PONG com JavaScript puro</a></h2>
<p>Este é um pequeno teste de conceito cujo objetivo é criar uma réplica do jogo PONG com apenas HTML, CSS e
JavaScript.</p>
<a class="repo" href="https://github.com/Enyus/Pong-JS-Puro" target="_blank">Repositório original do
projeto</a>
<img src="https://media.giphy.com/media/eRATjM94rRNwTtWvwV/giphy.gif">
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/7DoC-JS">7DaysOfCode - JavaScript</a></h2>
<p>Desafios do #7DaysOfCode em Javascript da Alura, projeto em que a cada dia, durante sete dias, um desafio
era lançado para resolução em JavaScript.</p>
<a class="repo" href="https://github.com/Enyus/7DoC-JS" target="_blank">Repositório original do projeto</a>
<img src="https://media.giphy.com/media/402HofFrPzfATK7prR/giphy.gif">
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/7DoC-HTML-CSS/">7DaysOfCode - HTML e CSS</a></h2>
<p>Desafios do #7DaysOfCode em HTML e CSS da Alura, projeto em que a cada dia, durante sete dias, um desafio
era lançado para resolução em HTML e CSS, para o desenvolvimento do <a
href="https://www.figma.com/file/mm3MLozvUDGhDRTxSLlGL5/7daysOfCode-HTML-CSS"
target="_blank">protótipo</a> de uma
página para a empresa fictícia Optimus Tech.</p>
<a class="repo" href="https://github.com/Enyus/7DoC-HTML-CSS" target="_blank">Repositório original do
projeto</a>
<iframe src="https://enyus.github.io/7DoC-HTML-CSS/optimusTech" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/nlwesportsexplorer/">Next Level Week eSports - 09/2022
- Trilha Explorer - Rocketseat</a></h2>
<p>Evento Next Level Week, da Rocketseat, no qual em uma semanas desenvolvemos uma landing page <a
href="https://www.figma.com/file/bMsaifJpkuUj59ZW5vLqw6/NLW-eSports-(Community)?node-id=79%3A2502"
target="_blank">protótipo</a>
de uma
para um web app destinado aos jogadores de eSports.</p>
<a class="repo" href="https://github.com/Enyus/nlwesportsexplorer" target="_blank">Repositório original do
projeto</a>
<iframe src="https://enyus.github.io/nlwesportsexplorer/" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://github.com/Enyus/nlwesportsignite">Next Level Week eSports - 09/2022 -
Trilha Ignite - Rocketseat</a></h2>
<p>Evento Next Level Week, da Rocketseat, no qual em uma semanas desenvolvemos um servidor, um aplicativo
web com React e um aplicativo mobile com React-Native (<a
href="https://www.figma.com/file/bMsaifJpkuUj59ZW5vLqw6/NLW-eSports-(Community)?node-id=0%3A1"
target="_blank">de acordo com estes layouts do
Figma</a>) destinados aos jogadores de eSports procurando parceiros de jogo ('Duos').</p>
<a class="repo" href="https://github.com/Enyus/nlwesportsignite">Repositório original do projeto</a>
<img src="./Images/nlwesportsignite.png"
alt="resultado do aplicativo web da trilha Ignite da #nlwesposrts da Rocketseat">
</article>
<article class="projeto">
<h2><a target="_blank" href="https://alurachallengefrontend5-uq19.vercel.app/">Alura Challenge Front End 5
</a></h2>
<p>Desafio da Alura para a construção do front end da página da loja AluraGeek <a
href='https://www.figma.com/file/UdtAAnQKzmNeJO9Qa4fLDq/AluraGeek-(Copy)'>(de acordo com estes
layouts do Figma)</a> entre 26/09 e 25/10/2022.</p>
<a class="repo" href="https://github.com/Enyus/alurachallengefrontend5" target="_blank">Repositório original
do
projeto</a>
<iframe src="https://alurachallengefrontend5-uq19.vercel.app/" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://imersaoreact5.vercel.app/">Imersão React 5 - Alura Tube</a></h2>
<p>Projeto desenvolvido durante a Imersão React 5 cujo o objetivo era desenvolver uma cópia simplificada do YouTube <a
href='https://www.figma.com/file/32e9Nyt1TnsMn3p7MjugFt/Aluratube-(Copy)?t=tMNsJiaLTJoxLl6G-0'>(de acordo com estes
layouts do Figma)</a> entre 07/11 e 11/11/2022.</p>
<a class="repo" href="https://github.com/Enyus/imersaoreact5" target="_blank">Repositório original do projeto</a>
<iframe src="https://imersaoreact5.vercel.app/" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://alurachallengebackend5.onrender.com/videos/free">Alura Challenge Back End 5 - AluraFlix API </a></h2>
<p>Desafio da Alura para a construção de uma API para servir de Back End para o front do site AluraFlix, desenvolvido entre 24/10 e 22/11/2022.</p>
<a class="repo" href="https://github.com/Enyus/alurachallengebackend5" target="_blank">Repositório original do projeto</a>
<img src="./Images/aluraflixapi.png" alt="AluraFlix API" />
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/canvasstudy/">Estudo de HTML Canvas</a></h2>
<p>Estudo de canvas com o objetivo de transformar uma imagem em um sistema de partículas e possibilitar interação das mesmas com o mouse, a partir <a href="https://youtu.be/vAJEHf92tV0" target="_blank">deste vídeo aqui</a>.</p>
<a class="repo" href="https://github.com/Enyus/canvasstudy" target="_blank">Repositório original do projeto</a>
<iframe src="https://enyus.github.io/canvasstudy/" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://enyus.github.io/santandercoders23/">Santander Coders 2023</a></h2>
<p>Desafios da Fase II da Trilha Web Front End do programa Santander Coders 2023 em parceria com a ADA.</p>
<a class="repo" href="https://github.com/Enyus/santandercoders23" target="_blank">Repositório original do projeto</a>
<iframe src="https://enyus.github.io/santandercoders23/" frameborder="0"></iframe>
</article>
<article class="projeto">
<h2><a target="_blank" href="https://rolecities.vercel.app/">RoleCities (WIP)</a></h2>
<p>Projeto pessoal com o objetivo de aprender React para desenvolver um aplicativo de administração de
cidades medievais como complemento a uma campanha de RPG de mesa que mestro atualmente.</p>
<a href="https://www.figma.com/file/cLAeOLudWUygcrLiFxqERz/RoleCities" class="repo"
target="_blank">Figma</a>
<a class="repo" href="https://github.com/Enyus/rolecities" target="_blank">Repositório original do
projeto</a>
<iframe src="https://rolecities.vercel.app/" frameborder="0"></iframe>
</article>
</div>
<article>
<h2>Sobre Mim</h2>
<ul>
<li>Formado em Engenharia Física pela UFSCar</li>
<li>Estudando Programação no momento, com foco em Web</li>
<li>Tecnologias que estudo no momento: React, JavaScript</li>
<li>Nerd, fissurado em RPG</li>
</ul>
</article>
</main>
<footer>
<a target="_blank" href="https://github.com/Enyus"><img src="./Images/github.png" alt="github"
class="icone"></a>
<a target="_blank" href="https://www.linkedin.com/in/cassiossantini/"><img
src="./Images/linkedin.png" alt="linkedin" class="icone"></a>
<a target="_blank" href="https://www.instagram.com/cssantini/"><img src="./Images/instagram.png" alt="instagram"
class="icone"></a>
</footer>
<script src="./scripts/filtrarArtigos.js"></script>
</body>
</html>