diff --git a/src/app/core/models/project.model.ts b/src/app/core/models/project.model.ts index c28180b..c2b8602 100644 --- a/src/app/core/models/project.model.ts +++ b/src/app/core/models/project.model.ts @@ -1,6 +1,6 @@ -import { IStack } from "./tech-stacks.model"; +import { IStack } from './tech-stacks.model'; -export interface IProject{ +export interface IProject { id: string; title: string; description?: string; @@ -18,8 +18,7 @@ export interface ISite { name?: string; } -export interface ITechnology{ - category?: string; - items?: IStack[]; +export interface ITechnology { + category?: string; + items?: IStack[]; } - diff --git a/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.spec.ts b/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.spec.ts index abfe7b9..9a919f5 100644 --- a/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.spec.ts +++ b/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.spec.ts @@ -8,9 +8,8 @@ describe('ExpTechnologiesComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ExpTechnologiesComponent] - }) - .compileComponents(); + imports: [ExpTechnologiesComponent], + }).compileComponents(); fixture = TestBed.createComponent(ExpTechnologiesComponent); component = fixture.componentInstance; diff --git a/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.ts b/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.ts index 007a0e2..909905c 100644 --- a/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.ts +++ b/src/app/modules/dashboard/components/experience/exp-technologies/exp-technologies.component.ts @@ -5,8 +5,6 @@ import { Component } from '@angular/core'; standalone: true, imports: [], templateUrl: './exp-technologies.component.html', - styleUrl: './exp-technologies.component.scss' + styleUrl: './exp-technologies.component.scss', }) -export class ExpTechnologiesComponent { - -} +export class ExpTechnologiesComponent {} diff --git a/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.spec.ts b/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.spec.ts index 38c1af7..c4964b9 100644 --- a/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.spec.ts +++ b/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.spec.ts @@ -8,9 +8,8 @@ describe('PrjModalComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [PrjModalComponent] - }) - .compileComponents(); + imports: [PrjModalComponent], + }).compileComponents(); fixture = TestBed.createComponent(PrjModalComponent); component = fixture.componentInstance; diff --git a/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.ts b/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.ts index a27ddaf..14f3b54 100644 --- a/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.ts +++ b/src/app/modules/dashboard/components/projects/prj-modal/prj-modal.component.ts @@ -5,8 +5,6 @@ import { Component } from '@angular/core'; standalone: true, imports: [], templateUrl: './prj-modal.component.html', - styleUrl: './prj-modal.component.scss' + styleUrl: './prj-modal.component.scss', }) -export class PrjModalComponent { - -} +export class PrjModalComponent {} diff --git a/src/app/modules/dashboard/pages/experience/data/technologies.ts b/src/app/modules/dashboard/pages/experience/data/technologies.ts index a6d4463..26b7832 100644 --- a/src/app/modules/dashboard/pages/experience/data/technologies.ts +++ b/src/app/modules/dashboard/pages/experience/data/technologies.ts @@ -1,4 +1,4 @@ -import { ITechnology } from "src/app/core/models/project.model"; +import { ITechnology } from 'src/app/core/models/project.model'; export const TECHNOLOGIES: ITechnology[] = [ { @@ -6,27 +6,28 @@ export const TECHNOLOGIES: ITechnology[] = [ items: [ { name: 'Python', - logo: "/assets/images/logos/python.png", + logo: '/assets/images/logos/python.png', id: 1, url: 'https://www.python.org/', active: true, - description: "Python is a programming language that lets you work quickly and integrate systems more effectively." + description: + 'Python is a programming language that lets you work quickly and integrate systems more effectively.', }, { name: 'Node.js', - logo: "/assets/images/logos/nodejs.png", + logo: '/assets/images/logos/nodejs.png', id: 2, url: 'https://nodejs.org/', active: true, - description: "Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine." + description: "Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.", }, { name: 'Express.js', - logo: "/assets/images/logos/expressjs.png", + logo: '/assets/images/logos/expressjs.png', id: 3, url: 'https://expressjs.com/', active: true, - description: "Express.js is a fast, unopinionated, minimalist web framework for Node.js." + description: 'Express.js is a fast, unopinionated, minimalist web framework for Node.js.', }, ], }, @@ -35,27 +36,27 @@ export const TECHNOLOGIES: ITechnology[] = [ items: [ { name: 'React', - logo: "/assets/images/logos/react.png", + logo: '/assets/images/logos/react.png', id: 4, url: 'https://reactjs.org/', active: true, - description: "React is a JavaScript library for building user interfaces." + description: 'React is a JavaScript library for building user interfaces.', }, { name: 'Angular', - logo: "/assets/images/logos/angular.png", + logo: '/assets/images/logos/angular.png', id: 5, url: 'https://angular.io/', active: true, - description: "Angular is a platform for building mobile and desktop web applications." + description: 'Angular is a platform for building mobile and desktop web applications.', }, { name: 'Vue.js', - logo: "/assets/images/logos/vuejs.png", + logo: '/assets/images/logos/vuejs.png', id: 6, url: 'https://vuejs.org/', active: true, - description: "Vue.js is a progressive framework for building user interfaces." + description: 'Vue.js is a progressive framework for building user interfaces.', }, ], }, @@ -64,19 +65,19 @@ export const TECHNOLOGIES: ITechnology[] = [ items: [ { name: 'Flutter', - logo: "/assets/images/logos/flutter.png", + logo: '/assets/images/logos/flutter.png', id: 7, url: 'https://flutter.dev/', active: true, - description: "Flutter is an open-source UI software development kit created by Google." + description: 'Flutter is an open-source UI software development kit created by Google.', }, { name: 'React Native', - logo: "/assets/images/logos/react-native.png", + logo: '/assets/images/logos/react-native.png', id: 8, url: 'https://reactnative.dev/', active: true, - description: "React Native is an open-source UI software framework for building mobile applications." + description: 'React Native is an open-source UI software framework for building mobile applications.', }, ], }, @@ -85,19 +86,20 @@ export const TECHNOLOGIES: ITechnology[] = [ items: [ { name: 'Electron', - logo: "/assets/images/logos/electron.png", + logo: '/assets/images/logos/electron.png', id: 9, url: 'https://www.electronjs.org/', active: true, - description: "Electron is a framework for building cross-platform desktop apps with JavaScript, HTML, and CSS." + description: 'Electron is a framework for building cross-platform desktop apps with JavaScript, HTML, and CSS.', }, { name: '.NET', - logo: "/assets/images/logos/dotnet.png", + logo: '/assets/images/logos/dotnet.png', id: 10, url: 'https://dotnet.microsoft.com/', active: true, - description: ".NET is a free, cross-platform, open-source developer platform for building many different types of applications." + description: + '.NET is a free, cross-platform, open-source developer platform for building many different types of applications.', }, ], }, @@ -106,27 +108,27 @@ export const TECHNOLOGIES: ITechnology[] = [ items: [ { name: 'Adobe Photoshop', - logo: "/assets/images/logos/photoshop.png", + logo: '/assets/images/logos/photoshop.png', id: 11, url: 'https://www.adobe.com/products/photoshop.html', active: true, - description: "Adobe Photoshop is a raster graphics editor developed by Adobe." + description: 'Adobe Photoshop is a raster graphics editor developed by Adobe.', }, { name: 'Adobe Illustrator', - logo: "/assets/images/logos/illustrator.png", + logo: '/assets/images/logos/illustrator.png', id: 12, url: 'https://www.adobe.com/products/illustrator.html', active: true, - description: "Adobe Illustrator is a vector graphics editor and design program developed by Adobe." + description: 'Adobe Illustrator is a vector graphics editor and design program developed by Adobe.', }, { name: 'Figma', - logo: "/assets/images/logos/figma.png", + logo: '/assets/images/logos/figma.png', id: 13, url: 'https://www.figma.com/', active: true, - description: "Figma is a web-based interface design application with real-time collaboration features." + description: 'Figma is a web-based interface design application with real-time collaboration features.', }, ], }, diff --git a/src/app/modules/dashboard/pages/experience/experience.component.html b/src/app/modules/dashboard/pages/experience/experience.component.html index ce7904b..b723bca 100644 --- a/src/app/modules/dashboard/pages/experience/experience.component.html +++ b/src/app/modules/dashboard/pages/experience/experience.component.html @@ -6,339 +6,388 @@
-
-
-

TECHNOLOGIES THAT I USED

- -
- -
- -
- -
BACKEND
-
- -
-
-
- -
-
- -
-
-
-
- -
-
- -
-
-
-
- -
-
- -
+
+

TECHNOLOGIES THAT I USED

+ +
+
+
+ +
BACKEND
+
-
-
+
+
+
+
- - -
- -
- -
SOFTWARE
-
- -
-
-
- -
- -
- -
-
-
-
- -
-
- -
- -
-
-
- -
-
- -
-
-
+
+
- - - -
- -
- -
FRONTEND
-
- -
-
-
- -
-
- -
-
-
-
- -
-
- -
- -
-
-
- -
-
- -
-
-
+
+
+
+
- - - -
- -
- -
MOBILE DEVELOPMENT
- -
- -
-
-
- -
-
- -
- -
-
-
- -
-
- -
-
-
-
- -
-
- -
-
-
+
+ +
+
+
+
+
+
+ +
+
-
- - -
-

WORK TIMELINES

- -
- -
- +
-
- -
+
+
+ +
SOFTWARE
+
-
-
Company 1
-
Angular Developer
-
-
2022
-
April - June
-
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius felis. Curae ridiculus donec fringilla natoque libero sem.
-
+
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
FRONTEND
+
- -
- - -
- -
- -
-
Company 2
-
Developer 2
-
-
2020
-
Jun - Dec
-
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius felis. Curae ridiculus donec fringilla natoque libero sem.
-
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ MOBILE DEVELOPMENT +
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+

WORK TIMELINES

+ +
+
+ +
+ +
-
- +
+
Company 1
+
Angular Developer
+
+
2022
+
April - June
+
+
+ Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur + fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, + tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus + sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius + felis. Curae ridiculus donec fringilla natoque libero sem. +
+
+
-
- - -
+
+ -
-
Company 3
-
Full stack developer
-
-
2024
-
Aug - Sept
-
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius felis. Curae ridiculus donec fringilla natoque libero sem.
-
-
+
+ +
+
+
Company 2
+
Developer 2
+
+
2020
+
Jun - Dec
+
+
+ Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur + fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, + tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus + sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius + felis. Curae ridiculus donec fringilla natoque libero sem. +
+
+
-
- +
+ -
- - -
+
+ + +
-
-
Company 3
-
Full stack developer
-
-
2024
-
Aug - Sept
-
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius felis. Curae ridiculus donec fringilla natoque libero sem.
-
+
+
Company 3
+
Full stack developer
+
+
2024
+
Aug - Sept
+
+
+ Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur + fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, + tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus + sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius + felis. Curae ridiculus donec fringilla natoque libero sem.
+
+
+
+ -
- +
+ + +
-
- - -
+
+
Company 3
+
Full stack developer
+
+
2024
+
Aug - Sept
+
+
+ Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur + fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, + tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus + sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius + felis. Curae ridiculus donec fringilla natoque libero sem. +
+
+
-
-
Company 3
-
Full stack developer
-
-
2024
-
Aug - Sept
-
-
Lorem ipsum odor amet, consectetuer adipiscing elit. Eu molestie cubilia fringilla consectetur fermentum vitae hendrerit. Nam senectus per hac risus luctus fermentum at? Velit molestie erat, tristique orci vel tortor interdum. Pretium et morbi est quis aenean; elementum ante morbi. Tellus sit aptent turpis eu tellus dapibus praesent? Mattis quis sem cursus pretium vulputate platea varius felis. Curae ridiculus donec fringilla natoque libero sem.
-
+
+ +
+ + +
-
- +
-
+
diff --git a/src/app/modules/dashboard/pages/experience/experience.component.scss b/src/app/modules/dashboard/pages/experience/experience.component.scss index de9534a..0228046 100644 --- a/src/app/modules/dashboard/pages/experience/experience.component.scss +++ b/src/app/modules/dashboard/pages/experience/experience.component.scss @@ -1,16 +1,14 @@ - -.seccion -{ - text-transform: uppercase; - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - -o-transform-origin: 0 0; - transform-origin: 0 0; - top: 60%; +.seccion { + text-transform: uppercase; + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + -o-transform-origin: 0 0; + transform-origin: 0 0; + top: 60%; } diff --git a/src/app/modules/dashboard/pages/experience/experience.component.spec.ts b/src/app/modules/dashboard/pages/experience/experience.component.spec.ts index e9187d5..28c719e 100644 --- a/src/app/modules/dashboard/pages/experience/experience.component.spec.ts +++ b/src/app/modules/dashboard/pages/experience/experience.component.spec.ts @@ -8,9 +8,8 @@ describe('ExperienceComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ExperienceComponent] - }) - .compileComponents(); + imports: [ExperienceComponent], + }).compileComponents(); fixture = TestBed.createComponent(ExperienceComponent); component = fixture.componentInstance; diff --git a/src/app/modules/dashboard/pages/experience/experience.component.ts b/src/app/modules/dashboard/pages/experience/experience.component.ts index b01b871..f5f72e4 100644 --- a/src/app/modules/dashboard/pages/experience/experience.component.ts +++ b/src/app/modules/dashboard/pages/experience/experience.component.ts @@ -6,8 +6,6 @@ import { ExpHeaderComponent } from '../../components/experience/exp-header/exp-h standalone: true, imports: [ExpHeaderComponent], templateUrl: './experience.component.html', - styleUrl: './experience.component.scss' + styleUrl: './experience.component.scss', }) -export class ExperienceComponent { - -} +export class ExperienceComponent {}