refactor: change everything

201flaviosilva · May 1, 2024 · ab95e2b · ab95e2b
1 parent 664b758
commit ab95e2b
Show file tree

Hide file tree

Showing 12 changed files with 329 additions and 874 deletions.
diff --git a/Flavio.jpg b/Flavio.jpg
diff --git a/FlavioNoBG.png b/FlavioNoBG.png
diff --git a/FlavioSilva.pdf b/FlavioSilva.pdf
diff --git a/FlavioSilvaEN.pdf b/FlavioSilvaEN.pdf
diff --git a/FlavioSticker.png b/FlavioSticker.png
diff --git a/index.html b/index.html
@@ -4,27 +4,186 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/css-free-style@1.3.0/build/reset.min.css"
+		integrity="sha256-n81SgUrkQYk/j8F8crIAIXXYC+BvmW55MNdDamZPqJ0=" crossorigin="anonymous">
 	<link rel="stylesheet" href="./style.min.css">
-	<title>Flávio Silva (Front)</title>
+	<title>Flávio Silva</title>
 </head>
 
 <body>
-	<div class="paper paper-front">
-		<div class="paper-front-header">
-			<h1>PROCURADO</h1>
-			<h3 class="subheading">Vivo || Programar</h3>
-		</div>
-
-		<div class="paper-front-main">
-			<img src="./FlavioNoBG.png" alt="Flávio Image">
+	<div class="container">
+		<img src="./FlavioSticker.png" alt="Sticker" class="sticker">
+
+		<header>
+			<p class="tag-cv-container">
+				<span class="symbol">&lt</span><span class="heading">CV</span><span class="symbol">&gt</span>
+			</p>
 			<p class="name">Flávio Silva</p>
-			<p class="job">Front End && Game Dev</p>
-		</div>
+			<p class="role">Front-End/Game Developer</p>
+		</header>
+
+		<main>
+			<div class="columns">
+				<section class="about-me">
+					<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Biografia</span>
+					</h2>
+					<p>
+						Sou Front-End/Game developer, com uma forte dedicação e organização.
+						Possuo ampla experiência em diversos projetos, os quais contribuíram para o aumento da minha
+						proatividade e habilidades
+						de trabalho em equipa. Além disso, mantenho um foco contínuo em melhorar os meus conhecimentos e
+						competências, através
+						de tecnologias de código aberto para a criação de jogos. Estou à procura de novos desafios para
+						expandir e consolidar
+						meus conhecimentos em programação.
+					</p>
+				</section>
+
+				<div>
+					<section class="social">
+						<h2 class="heading-container">
+							<span class="symbol">.</span><span class="heading">Contactos</span>
+						</h2>
+						<p>
+						<ul>
+							<li>Github: <span class="symbol">201flaviosilva</span></li>
+							<li>Linkedin: <span class="symbol">Flávio Silva</span></li>
+							<li>Tel: <span class="symbol">+351 916 887 198</span></li>
+							<li>@: <span class="symbol">flavioandre_ls2001@hotmail.com</span></li>
+						</ul>
+						</p>
+					</section>
+
+					<section class="skills">
+						<h2 class="heading-container">
+							<span class="symbol">.</span><span class="heading">Skills</span>
+						</h2>
+						<p>
+							HTML<span class="symbol">;</span>
+							CSS/SCSS; Javascript/Typescript<span class="symbol">;</span>
+							React, Redux<span class="symbol">;</span>
+							Jest/RTL/Vitest<span class="symbol">;</span>
+							Canvas API, Phaser<span class="symbol">;</span>
+							Godot, Python<span class="symbol">;</span>
+							Git/Github<span class="symbol">;</span>
+						</p>
+					</section>
+				</div>
+			</div>
+
+			<section class="work-experience">
+				<h2 class="heading-container">
+					<span class="symbol">.</span><span class="heading">Experiência Profissional</span>
+				</h2>
+				<ul>
+					<li>
+						<p>
+							<span class="title">Mindera</span>
+							-
+							<span class="role">2020/2024</span>
+						</p>
+						<ul>
+							<li>
+								<p>
+									<span class="title">Mindera School</span>
+									-
+									<span class="role">Ensino</span>
+									-
+									<span class="role">2022/2024</span>
+								</p>
+								<p class="description">Como professor, ensinei tecnologias de
+									desenvolvimento web e, através de exercícios práticos, preparei alunos para o
+									mercado de
+									trabalho.</p>
+							</li>
+							<li>
+								<p>
+									<span class="title">FarFetch/NGG</span>
+									-
+									<span class="role">Front-End</span>
+									-
+									<span class="role">2023/2024</span>
+								</p>
+								<p class="description">Tive contacto com projetos de grande envergadura para marcas
+									associadas à Farfetch, com responsabilidade sobre o
+									desenvolvimento de funcionalidades e manutenção, utilizando metodologia Kanban.</p>
+							</li>
+							<li>
+								<p>
+									<span class="title">VRAI/Heat</span>
+									-
+									<span class="role">Front-End</span>
+									-
+									<span class="role">2022/2023</span>
+								</p>
+								<p class="description">Assumi a responsabilidade de manutenção e criação de novas
+									funcionalidades, consoante as exigências do cliente, adotando
+									o sistema de Sprints.</p>
+							</li>
+							<li>
+								<p>
+									<span class="title">Mindera Gaming</span>
+									-
+									<span class="role">Game Dev</span>
+									-
+									<span class="role">2020/2022</span>
+								</p>
+								<p class="description">Desenvolvi a interface e interatividade de jogos de
+									navegador,
+									incluindo um Editor Visual para a Game Engine interna.</p>
+							</li>
+						</ul>
+					</li>
+					<li>
+						<p>
+							<span class="title">PC Recover</span>
+							-
+							<span class="role">Técnico Informático</span>
+							-
+							<span class="role">400 Horas</span>
+						</p>
+						<p class="description">Fui responsável por formatação, diagnóstico e reparação de sistemas
+							informáticos.</p>
+					</li>
+				</ul>
+			</section>
+
+			<section class="education">
+				<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Educação</span>
+				</h2>
+				<ul>
+					<li>
+						<p>
+							<span class="title">Mindera School - Full Stack</span>
+							-
+							<span class="institution">Mindera</span>
+							-
+							<span class="institution">2019/2020</span>
+						</p>
+						<p class="description">Curso intensivo em Java, MySQL, HTML, CSS, JavaScript, React e Soft
+							Skills, impulsionando meu desenvolvimento
+							profissional.</p>
+					</li>
+					<li>
+						<p>
+							<span class="title">Técnico de Informática de Gestão</span>
+							-
+							<span class="institution">ESAG</span>
+							-
+							<span class="institution">2013/2019</span>
+						</p>
+						<p class="description">No ensino secundário, iniciei o meu contacto com a programação e a gestão
+							de empresas, o que fomentou a minha paixão pela tecnologia.</p>
+					</li>
+				</ul>
+			</section>
+		</main>
 
-		<div class="paper-front-footer">
-			<p class="reward">Recompensa</p>
-			<h2 class="price">$ Trabalho</h2>
-		</div>
+		<footer>
+			<p class="tag-cv-container">
+				<span class="symbol">&lt/</span><span class="heading">CV</span><span class="symbol">&gt</span>
+			</p>
+		</footer>
 	</div>
 </body>
 

diff --git a/indexBack.html b/indexBack.html