Skip to content

Commit c900c07

Browse files
201flaviosilva201flaviosilva
authored
Refactor PDF CV: add modal, update translations, restructure files (#7)
* Refactor PDF CV: add modal, update translations, restructure files - Added a modal for professional links and CV download in both English and Portuguese PDF CVs - Updated index.html to English and indexPT.html to Portuguese, with improved translations and language switching. - Updated workflow to use npm scripts for copying build files. - Restructured and moved many files to a new 'game' directory, including assets, components, and configuration files. * Revamp README with new structure and badges Updated the README.md to provide a more engaging introduction, added technology badges, improved project and contact sections, and included local run instructions. Removed old multi-language and developer command sections for clarity. No functional code changes were made.
1 parent daeb6c7 commit c900c07

File tree

166 files changed

+14305
-7179
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

166 files changed

+14305
-7179
lines changed

‎.github/workflows/GithubPagesDeploy.yml‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,13 @@ on:
44
push:
55
branches:
66
- main
7-
pull_request:
8-
branches:
9-
- main
107

118
jobs:
129
build:
1310
runs-on: ubuntu-latest
1411

1512
steps:
16-
- name: Checkout the `main` branch
13+
- name: Checkout repository
1714
uses: actions/checkout@v4
1815
with:
1916
ref: main
@@ -26,15 +23,15 @@ jobs:
2623
cache: "npm"
2724

2825
- name: Install npm dependencies
29-
run: npm ci
26+
run: npm ci && npm run ci:all
3027

3128
- name: Build
3229
run: npm run build
3330
env:
3431
NODE_ENV: production
3532

36-
- name: Copy PDF folder to dist
37-
run: cp -r PDF dist/
33+
- name: Copy files and folders to dist folder
34+
run: npm run copy-build
3835

3936
- name: Upload dist folder as artifact
4037
uses: actions/upload-artifact@v4

‎PDF/index.html‎

Lines changed: 66 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,35 @@
11
<!DOCTYPE html>
2-
<html lang="pt">
2+
<html lang="en">
33

44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/reset.min.css"
88
integrity="sha256-n81SgUrkQYk/j8F8crIAIXXYC+BvmW55MNdDamZPqJ0=" crossorigin="anonymous">
99
<link rel="stylesheet" href="./style.css">
10+
<script src="./script.js" defer></script>
1011
<title>Flávio Silva</title>
1112
</head>
1213

1314
<body>
14-
<a href="./indexEN.html" class="language-switch">English</a>
15+
<a href="./indexPT.html" class="language-switch">Português</a>
16+
<button id="open-modal-btn" title="Abrir opções de download">&#128187;</button>
17+
18+
<div id="modal">
19+
<div class="modal-container">
20+
<button id="close-modal-btn">&#10060;</button>
21+
22+
<h3>🌐 Professional connections</h3>
23+
<a href="./_/game" target="_blank">🎮 Let's play a game</a>
24+
<a href="https://github.com/201flaviosilva" target="_blank">🐙 GitHub</a>
25+
<a href="https://gitlab.com/201flaviosilva" target="_blank">🦊 GitLab</a>
26+
<a href="https://www.linkedin.com/in/fl%C3%A1vio-silva-2b069b146/" target="_blank">💼 Linkedin</a>
27+
28+
<h3>📄 Download Curriculum Vitae</h3>
29+
<a href="#" download>💾 CV em Portugues</a>
30+
<a href="#" download>💾 English CV</a>
31+
</div>
32+
</div>
1533
<!-- -->
1634

1735
<div class="container">
@@ -29,34 +47,31 @@
2947
<main>
3048
<div class="columns">
3149
<section class="about-me">
32-
<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Biografia</span>
50+
<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Biography</span>
3351
</h2>
3452
<p>
35-
Desenvolvedor Front-End apaixonado por criar interfaces funcionais e envolventes. Gosto de
36-
explorar e testar novas
37-
tecnologias, aplicando-as de forma prática para melhorar continuamente a qualidade e a
38-
performance dos projetos.
39-
Valorizo o trabalho em equipa e procuro sempre novas formas de otimizar processos e elevar os
40-
resultados.
53+
Front-End Developer passionate about creating functional and engaging interfaces. I enjoy
54+
exploring and testing new technologies, applying them in practical ways to continuously improve
55+
project quality and performance.
56+
I value teamwork and always look for new ways to optimize processes and enhance results.
4157
</p>
4258
</section>
4359

4460
<div class="social-skills">
4561
<section class="social">
4662
<h2 class="heading-container">
47-
<span class="symbol">.</span><span class="heading">Contactos</span>
63+
<span class="symbol">.</span><span class="heading">Contacts</span>
4864
</h2>
4965
<p>
5066
<ul>
5167
<li>Github: <a href="https://github.com/201flaviosilva"><span
5268
class="symbol">201flaviosilva</span></a></li>
53-
<li>Linkedin: <a href="https://www.linkedin.com/in/fl%C3%A1vio-silva-2b069b146/"><span
54-
class="symbol">Flávio Silva</span></a></li>
5569
<li>Web: <a href="https://201flaviosilva.github.io/"><span
5670
class="symbol">201flaviosilva.github.io</span></a></li>
5771
<li>Tel: <a href="tel:+351916887198"><span class="symbol">+351 916 887 198</span></a></li>
5872
<li>@: <a href="mailto:[email protected]"><span
59-
class="symbol">[email protected]</span></a></li>
73+
class="symbol">[email protected]</span></a>
74+
</li>
6075
</ul>
6176
</p>
6277
</section>
@@ -71,20 +86,20 @@ <h2 class="heading-container">
7186
Javascript/Typescript<span class="symbol">;</span>
7287
React, Zustand<span class="symbol">;</span>
7388
Styled Components<span class="symbol">;</span>
74-
Jest/RTL/Vitest<span class="symbol">;</span>
89+
Jest/RTL<span class="symbol">;</span>
7590
Phaser, PIXI<span class="symbol">;</span>
7691
Godot, Python<span class="symbol">;</span>
7792
Git/Github<span class="symbol">;</span>
78-
Português<span class="symbol">;</span>
79-
Inglês<span class="symbol">;</span>
93+
Portuguese<span class="symbol">;</span>
94+
English<span class="symbol">;</span>
8095
</p>
8196
</section>
8297
</div>
8398
</div>
8499

85100
<section class="work-experience">
86101
<h2 class="heading-container">
87-
<span class="symbol">.</span><span class="heading">Experiência Profissional</span>
102+
<span class="symbol">.</span><span class="heading">Work Experience</span>
88103
</h2>
89104
<ul>
90105
<!-- IT Sector -->
@@ -94,7 +109,7 @@ <h2 class="heading-container">
94109
-
95110
<span class="role">Front-End</span>
96111
-
97-
<span class="time">2024/Presente</span>
112+
<span class="time">2024/Present</span>
98113
</p>
99114
<ul class="description">
100115
<li>
@@ -104,18 +119,17 @@ <h2 class="heading-container">
104119
React<span class="symbol">;</span>
105120
Zustand<span class="symbol">;</span>
106121
Figma<span class="symbol">;</span>
107-
Micro Frond Ends<span class="symbol">;</span>
122+
Micro Front Ends<span class="symbol">;</span>
108123
Azure DevOps<span class="symbol">;</span>
109124
Scrum<span class="symbol">;</span>
110125
</p>
111126
</li>
112127
<li>
113128
<span class="symbol-alternative">-</span>
114-
<span>Desenvolvimento de uma aplicação interna em sistema de micro Front-Ends para o
115-
Millennium BCP</span><span class="symbol">;</span>
116-
<span>Colaboração direta com as equipas de back-end, UI/UX e cliente para garantir
117-
soluções alinhadas e consistentes</span><span class="symbol">;</span>
118-
129+
<span>Development of an internal application in a micro Front-End system for Millennium
130+
BCP</span><span class="symbol">;</span>
131+
<span>Direct collaboration with back-end, UI/UX and client teams to ensure aligned and
132+
consistent solutions</span><span class="symbol">;</span>
119133
</li>
120134
</ul>
121135
</li>
@@ -134,7 +148,7 @@ <h2 class="heading-container">
134148
<p class="experience-title">
135149
<span class="title">Mindera School</span>
136150
-
137-
<span class="role">Ensino</span>
151+
<span class="role">Teaching</span>
138152
-
139153
<span class="time">2022/2024</span>
140154
</p>
@@ -154,10 +168,9 @@ <h2 class="heading-container">
154168

155169
<li>
156170
<span class="symbol-alternative">-</span>
157-
<span>Ensinei tecnologias de desenvolvimento web</span><span
158-
class="symbol">;</span>
159-
<span>Preparei alunos para o mercado de trabalho através de exercícios
160-
práticos e projetos realistas</span><span class="symbol">;</span>
171+
<span>Taught web development technologies</span><span class="symbol">;</span>
172+
<span>Prepared students for the job market through practical exercises and
173+
realistic projects</span><span class="symbol">;</span>
161174
</li>
162175
</ul>
163176
</li>
@@ -187,10 +200,10 @@ <h2 class="heading-container">
187200
</li>
188201
<li>
189202
<span class="symbol-alternative">-</span>
190-
<span>Desenvolvimento de 5 websites em monorepo de
191-
E-Commerce</span><span class="symbol">;</span>
192-
<span>Resolução de problemas e implementação funcionalidades solicitadas pelo
193-
cliente</span><span class="symbol">;</span>
203+
<span>Development of 5 E-Commerce websites in monorepo</span><span
204+
class="symbol">;</span>
205+
<span>Problem solving and implementation of client-requested
206+
features</span><span class="symbol">;</span>
194207
</li>
195208
</ul>
196209
</li>
@@ -220,8 +233,8 @@ <h2 class="heading-container">
220233

221234
<li>
222235
<span class="symbol-alternative">-</span>
223-
<span>Manutenção e criação de funcionalidades segundo as exigencias do
224-
cliente</span><span class="symbol">;</span>
236+
<span>Maintenance and feature development according to client
237+
requirements</span><span class="symbol">;</span>
225238
</li>
226239
</ul>
227240
</li>
@@ -249,10 +262,10 @@ <h2 class="heading-container">
249262

250263
<li>
251264
<span class="symbol-alternative">-</span>
252-
<span>Desenvolvimento de jogos de casino de navegador com sincronização com o
253-
servidor</span><span class="symbol">;</span>
254-
<span>Criação de um editor visual para uma Game Engine interna</span><span
255-
class="symbol">;</span>
265+
<span>Development of browser casino games with server
266+
synchronization</span><span class="symbol">;</span>
267+
<span>Creation of a visual editor for an internal Game
268+
Engine</span><span class="symbol">;</span>
256269
</li>
257270
</ul>
258271
</li>
@@ -270,24 +283,24 @@ <h2 class="heading-container">
270283
<p class="experience-title">
271284
<span class="title">PC Recover</span>
272285
-
273-
<span class="role">Técnico Informático</span>
286+
<span class="role">IT Technician</span>
274287
-
275-
<span class="time">400 Horas</span>
288+
<span class="time">400 Hours</span>
276289
</p>
277290
<ul class="description">
278291
<li>
279-
<span>Realização de formatação, diagnóstico e reparação de sistemas
280-
informáticos</span><span class="symbol">;</span>
281-
<span>Atendimento ao cliente e resolução de problemas técnicos</span><span
282-
class="symbol">;</span>
292+
<span>Performed formatting, diagnostics, and repair of IT
293+
systems</span><span class="symbol">;</span>
294+
<span>Customer service and resolution of technical
295+
issues</span><span class="symbol">;</span>
283296
</li>
284297
</ul>
285298
</li>
286299
</ul>
287300
</section>
288301

289302
<section class="education">
290-
<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Educação</span>
303+
<h2 class="heading-container"><span class="symbol">.</span><span class="heading">Education</span>
291304
</h2>
292305
<ul>
293306
<!-- Mindera School -->
@@ -315,16 +328,16 @@ <h2 class="heading-container"><span class="symbol">.</span><span class="heading"
315328

316329
<li>
317330
<span class="symbol-alternative">-</span>
318-
<span>Impulsionou o meu desenvolvimento profissional como programador full
319-
stack</span><span class="symbol">;</span>
331+
<span>Boosted my professional development as a full stack
332+
developer</span><span class="symbol">;</span>
320333
</li>
321334
</ul>
322335
</li>
323336

324337
<!-- ESAG -->
325338
<li>
326339
<p class="experience-title">
327-
<span class="title">Técnico de Informática de Gestão</span>
340+
<span class="title">IT Management Technician</span>
328341
-
329342
<span class="institution">ESAG</span>
330343
-
@@ -335,18 +348,18 @@ <h2 class="heading-container"><span class="symbol">.</span><span class="heading"
335348
<li>
336349
<p class="skills">
337350
<span class="symbol-alternative">-</span>
338-
Economia/Gestão<span class="symbol">;</span>
351+
Economics/Management<span class="symbol">;</span>
339352
Pascal/Lazarus<span class="symbol">;</span>
340353
Visual Basic<span class="symbol">;</span>
341354
Python<span class="symbol">;</span>
342-
Ferramentas gerais TI<span class="symbol">;</span>
355+
General IT Tools<span class="symbol">;</span>
343356
</p>
344357
</li>
345358

346359
<li>
347360
<span class="symbol-alternative">-</span>
348-
<span>Inicio do contacto com a programação e a gestão de empresas</span><span
349-
class="symbol">;</span>
361+
<span>First contact with programming and business
362+
management</span><span class="symbol">;</span>
350363
</li>
351364
</ul>
352365

0 commit comments

Comments
 (0)