diff --git a/PDF/index.html b/PDF/index.html index 5eb65377..0a2b728a 100644 --- a/PDF/index.html +++ b/PDF/index.html @@ -6,7 +6,7 @@ - + Flávio Silva @@ -21,8 +21,9 @@

<CV>

-

Flávio Silva

-

Front-End/Game Developer

+
+

Flávio Silva

+
@@ -31,13 +32,12 @@

.Biografia

- Sou Front-End/Game developer, com uma forte dedicação e organização. - Possuo 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 projetos paralelos e a criação de jogos. Estou à procura de novos desafios para - expandir e consolidar os meus conhecimentos. + Desenvolvedor Front-End apaixonado por criar interfaces funcionais e envolventes. Gosto de + explorar e testar novas + tecnologias, aplicando-as de forma prática para melhorar continuamente a qualidade e a + performance dos projetos. + Valorizo o trabalho em equipa e procuro sempre novas formas de otimizar processos e elevar os + resultados.

@@ -48,11 +48,12 @@

@@ -228,9 +259,15 @@

+

+ </ + Mindera + > +

+
  • -

    +

    PC Recover - Técnico Informático @@ -239,12 +276,8 @@

    • - - - Realizei formatação, diagnóstico e reparação de sistemas informáticos; -
      • -
    • - - + Realização de formatação, diagnóstico e reparação de sistemas + informáticos; Atendimento ao cliente e resolução de problemas técnicos;
      • @@ -259,7 +292,7 @@

      .
    • -

      +

      Mindera School - Full Stack - Mindera @@ -290,7 +323,7 @@

      .
    • -

      +

      Técnico de Informática de Gestão - ESAG @@ -312,8 +345,8 @@

      . - - Iniciei o meu contacto com a programação e a gestão de - empresas; + Inicio do contacto com a programação e a gestão de empresas;

    diff --git a/PDF/indexEN.html b/PDF/indexEN.html index 6e2ad8ea..4f81da8c 100644 --- a/PDF/indexEN.html +++ b/PDF/indexEN.html @@ -6,7 +6,7 @@ - + Flávio Silva @@ -21,8 +21,9 @@

    <CV>

    -

    Flávio Silva

    -

    Front-End/Game Developer

    +
    +

    Flávio Silva

    +
    @@ -31,11 +32,10 @@

    .Biography

    - I am a Front-End/Game Developer with strong dedication and organizational skills. - I have experience in various projects, which have contributed to increasing my - proactivity and teamwork abilities. Furthermore, I maintain a continuous focus - on improving my knowledge and skills through side projects and game development. - I am looking for new challenges to expand and consolidate my expertise. + Front-End Developer passionate about creating functional and engaging interfaces. I enjoy + exploring and testing new technologies, applying them in practical ways to continuously improve + project quality and performance. + I value teamwork and always look for new ways to optimize processes and enhance results.

    @@ -46,11 +46,14 @@

    @@ -63,9 +66,10 @@

    HTML; CSS/SCSS; Javascript/Typescript; - React, Redux; - Jest/RTL/Vitest; - Canvas API, Phaser, PIXI; + React, Zustand; + Styled Components; + Jest/RTL; + Phaser, PIXI; Godot, Python; Git/Github; Portuguese; @@ -77,19 +81,53 @@

    - .Professional Experience + .Work Experience

      - +
    • -

      - Mindera +

      + IT Sector + - + Front-End + - + 2024/Present +

      +
        +
      • +

        + - + TypeScript; + React; + Zustand; + Figma; + Micro Front Ends; + Azure DevOps; + Scrum; +

        +
        • +
      • + - + Development of an internal application in a micro Front-End system for Millennium + BCP; + Direct collaboration with back-end, UI/UX and client teams to ensure aligned and + consistent solutions; +
        • +
      +
      • + + +
    • +

      + <Mindera> - 2020/2024

        +
      • -

        +

        Mindera School - Teaching @@ -106,24 +144,22 @@

        Javascript/Typescript; React; Git/Github; + Figma;

      • - Taught web development technologies; -
        • -
      • - - - Prepared students for the job market through practical - exercises; + Prepared students for the job market through practical exercises and + realistic projects;
    • -

      +

      FarFetch/NGG - Front-End @@ -146,20 +182,17 @@

    • - - Developed and maintained E-Commerce websites; -
      • -
    • - - - Solved problems and implemented client-requested featuresDevelopment of 5 E-Commerce websites in monorepo; + Problem solving and implementation of client-requested + features;

  • -

    +

    VRAI/Heat - Front-End @@ -176,12 +209,13 @@

    Recharts; Git/GitHub; Scrum; + Figma;

  • - - Maintenance and creation of features according to client + Maintenance and feature development according to client requirements;
    • @@ -189,7 +223,7 @@

  • -

    +

    Mindera Gaming - Game Dev @@ -201,7 +235,8 @@

    - Javascript; - Phaser, PIXI, Three.js, Fabric; + Phaser, PIXI, Threejs, Fabric; + WebSocket; Git/Bitbucket; Scrum;

    @@ -209,22 +244,25 @@

  • - - Developed the interface and interactivity of browser games; -
    • -
  • - - - Created a visual editor for an internal Game Engine; + Development of browser casino games with server + synchronization; + Creation of a visual editor for an internal Game + Engine;

    • +

    + </ + Mindera + > +

    +
  • -

    +

    PC Recover - IT Technician @@ -233,14 +271,10 @@

    • - - - Performed formatting, diagnostics, and repair of IT systems; -
      • -
    • - - - Customer service and resolution of technical issues; + Performed formatting, diagnostics, and repair of IT + systems; + Customer service and resolution of technical + issues;

    • @@ -253,7 +287,7 @@

    .
  • -

    +

    Mindera School - Full Stack - Mindera @@ -276,16 +310,16 @@

    . - - Boosted my professional development as a full stack programmer; + Boosted my professional development as a full stack + developer;

  • -

    - Technical Management Informatics +

    + IT Management Technician - ESAG - @@ -300,14 +334,14 @@

    .; Visual Basic; Python; - General IT tools; + General IT Tools;

  • - - First contact with programming and business management; + First contact with programming and business + management;
    • diff --git a/PDF/style.css b/PDF/style.css index 7c36ec55..53c6e781 100644 --- a/PDF/style.css +++ b/PDF/style.css @@ -14,7 +14,6 @@ body { justify-content: center; background-color: black; } - body a.language-switch { position: fixed; top: 0; @@ -25,96 +24,91 @@ body a.language-switch { border-radius: 4px; background-color: rgba(47, 44, 64, 0.25); } - body div.container { margin: 0 auto; padding: 0 8px; display: flex; flex-direction: column; position: relative; - width: 794px; - height: 1123px; + width: 210mm; + height: 297mm; background-color: #2f2c40; } - body div.container .heading { color: #f28157; } - body div.container .symbol { color: #80f2e7; } - body div.container .symbol-alternative { color: #f28157; } - body div.container img.sticker { position: absolute; top: 16px; right: 16px; width: 128px; height: 128px; - object-fit: contain; - object-position: center; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: center; + object-position: center; } - body div.container header p.tag-cv-container *, body div.container footer p.tag-cv-container * { - font-size: 50px; + font-size: 48px; } - -body div.container header p.name { +body div.container header div.dog-tag { + display: flex; + align-items: center; + gap: 8px; +} +body div.container header div.dog-tag p { font-size: 24px; +} +body div.container header div.dog-tag p.name { color: #80f2e7; } - body div.container main { flex: 1; } - body div.container main h2.heading-container * { - font-size: 32px; + font-size: 24px; } - body div.container main div.columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } - -body div.container main section.work-experience li span.title, -body div.container main section.work-experience li p.title, -body div.container main section.education li span.title, -body div.container main section.education li p.title { - font-size: 24px; +body div.container main section.work-experience p.experience-title *, +body div.container main section.education p.experience-title * { + font-size: 20px; +} +body div.container main section.work-experience span.title, +body div.container main section.work-experience p.title, +body div.container main section.education span.title, +body div.container main section.education p.title { color: #80f2e7; } - -body div.container main section.work-experience li span.role, -body div.container main section.work-experience li span.time, -body div.container main section.work-experience li span.institution, -body div.container main section.education li span.role, -body div.container main section.education li span.time, -body div.container main section.education li span.institution { +body div.container main section.work-experience span.role, +body div.container main section.work-experience span.time, +body div.container main section.work-experience span.institution, +body div.container main section.education span.role, +body div.container main section.education span.time, +body div.container main section.education span.institution { color: #f28157; - font-size: 24px; } - body div.container main section.work-experience li ul, body div.container main section.education li ul { margin-left: 16px; } - body div.container main section.work-experience li ul li p.title, body div.container main section.education li ul li p.title { font-size: 16px; } - body div.container main section.education { margin-bottom: 0; } - @media only screen and (max-width: 800px) { body { background-color: #2f2c40; @@ -141,4 +135,4 @@ body div.container main section.education { grid-template-columns: 1fr; gap: 0; } -} +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/PDF/style.css.map b/PDF/style.css.map new file mode 100644 index 00000000..ca511f94 --- /dev/null +++ b/PDF/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAQ,oHAAA;AACA,0EAAA;AAoBR;;;EAGE,yCAAA;EAEA,gBAAA;EACA,eAbQ;EAcR,cAvBe;ACIjB;;ADsBA;EACE,aAAA;EACA,uBAAA;EACA,uBAAA;ACnBF;ADqBE;EACE,eAAA;EACA,MAAA;EACA,QAAA;EACA,+BAAA;EACA,eAzBM;EA0BN,cAtCgB;EAuChB,kBAAA;EACA,wCAAA;ACnBJ;ADsBE;EACE,cAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EAEA,kBAAA;EAGA,YAAA;EACA,aAAA;EACA,yBAvDe;ACgCnB;ADyBI;EACE,cAzDc;ACkCpB;AD0BI;EACE,cA3DgB;ACmCtB;AD2BI;EACE,cAjEc;ACwCpB;AD4BI;EACE,kBAAA;EACA,SA5DI;EA6DJ,WA7DI;EA8DJ,YAzDO;EA0DP,aA1DO;EA2DP,sBAAA;KAAA,mBAAA;EACA,0BAAA;KAAA,uBAAA;AC1BN;AD+BM;;EACE,eAAA;AC5BR;ADiCM;EACE,aAAA;EACA,mBAAA;EACA,QAAA;AC/BR;ADiCQ;EACE,eAhFA;ACiDV;ADiCU;EACE,cA7FU;AC8DtB;ADqCI;EACE,OAAA;ACnCN;ADqCM;EACE,eA7FE;AC0DV;ADsCM;EACE,aAAA;EACA,8BAAA;EACA,SArGE;ACiEV;AD8CQ;;EACE,eA/GC;ACoEX;AD8CQ;;;;EAEE,cA7HY;ACmFtB;AD6CQ;;;;;;EAGE,cArIU;AC6FpB;AD4CU;;EACE,iBAhIF;ACuFV;AD2Cc;;EACE,eAnIN;AC2FV;AD8CM;EACE,gBAAA;AC5CR;ADkDE;EA/HF;IAgII,yBA5Je;EC6GjB;EDiDE;IACE,eAAA;IACA,gBAAA;IACA,eAtJI;IAuJJ,8BAAA;IACA,UAAA;EC/CJ;EDkDE;IACE,YAAA;EChDJ;EDmDM;IACE,WA7JC;IA8JD,WA7JE;IA8JF,YA9JE;EC6GV;EDoDM;IACE,gBAxKA;ECsHR;EDqDM;IACE,0BAAA;IACA,MAAA;ECnDR;AACF","file":"style.css"} \ No newline at end of file diff --git a/PDF/style.min.css b/PDF/style.min.css deleted file mode 100644 index f131d7a5..00000000 --- a/PDF/style.min.css +++ /dev/null @@ -1 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");p,span,li{font-family:"Source Code Pro", monospace;font-weight:500;font-size:16px;color:#f2f2f2}body{display:flex;justify-content:center;background-color:black}body a.language-switch{position:fixed;top:0;right:0;font-family:"VT323", monospace;font-size:24px;color:#f28157;border-radius:4px;background-color:rgba(47,44,64,0.25)}body div.container{margin:0 auto;padding:0 8px;display:flex;flex-direction:column;position:relative;width:794px;height:1123px;background-color:#2f2c40}body div.container .heading{color:#f28157}body div.container .symbol{color:#80f2e7}body div.container .symbol-alternative{color:#f28157}body div.container img.sticker{position:absolute;top:16px;right:16px;width:128px;height:128px;object-fit:contain;object-position:center}body div.container header p.tag-cv-container *,body div.container footer p.tag-cv-container *{font-size:50px}body div.container header p.name{font-size:24px;color:#80f2e7}body div.container main{flex:1}body div.container main h2.heading-container *{font-size:32px}body div.container main div.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}body div.container main section.work-experience li span.title,body div.container main section.work-experience li p.title,body div.container main section.education li span.title,body div.container main section.education li p.title{font-size:24px;color:#80f2e7}body div.container main section.work-experience li span.role,body div.container main section.work-experience li span.time,body div.container main section.work-experience li span.institution,body div.container main section.education li span.role,body div.container main section.education li span.time,body div.container main section.education li span.institution{color:#f28157;font-size:24px}body div.container main section.work-experience li ul,body div.container main section.education li ul{margin-left:16px}body div.container main section.work-experience li ul li p.title,body div.container main section.education li ul li p.title{font-size:16px}body div.container main section.education{margin-bottom:0}@media only screen and (max-width: 800px){body{background-color:#2f2c40}body a.language-switch{margin:8px 2px;padding:4px 8px;font-size:16px;color:rgba(242,128,87,0.5);z-index:1}body div.container{width:100vw}body div.container main img.sticker{right:32px;width:64px;height:64px}body div.container main section{margin-top:12px}body div.container main div.columns{grid-template-columns:1fr;gap:0}} diff --git a/PDF/style.scss b/PDF/style.scss index f8fd989d..3cfe518b 100644 --- a/PDF/style.scss +++ b/PDF/style.scss @@ -11,7 +11,9 @@ $space-xxxs: 2px; $space-xxs: 4px; $space-xs: 8px; $space-s: 12px; +$space-sm: 20px; $space-m: 16px; +$space-ml: 20px; $space-l: 24px; $space-xl: 32px; $space-xxl: 64px; @@ -50,8 +52,10 @@ body { flex-direction: column; // gap: $space-s; position: relative; - width: 794px; // width of a page (A4) - height: 1123px; // height of a page (A4) + // width: 794px; // width of a page (A4) + // height: 1123px; // height of a page (A4) + width: 210mm; // width of a page (A4) + height: 297mm; // height of a page (A4) background-color: $background-color; .heading { @@ -79,15 +83,22 @@ body { header, footer { p.tag-cv-container * { - font-size: 50px; + font-size: 48px; } } header { - p { - &.name { + div.dog-tag { + display: flex; + align-items: center; + gap: 8px; + + p { font-size: $space-l; - color: $txt-secondary-color; + + &.name { + color: $txt-secondary-color; + } } } } @@ -96,7 +107,7 @@ body { flex: 1; h2.heading-container * { - font-size: $space-xl; + font-size: $space-l; } div.columns { @@ -112,18 +123,22 @@ body { section.work-experience, section.education { + p.experience-title * { + font-size: $space-ml; + } + + span.title, + p.title { + color: $txt-secondary-color; + } + + span.role, + span.time, + span.institution { + color: $txt-heading-color; + } + li { - span.title, - p.title { - font-size: $space-l; - color: $txt-secondary-color; - } - span.role, - span.time, - span.institution { - color: $txt-heading-color; - font-size: $space-l; - } ul { margin-left: $space-m; li {