-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6b23500
commit bf05bb1
Showing
28 changed files
with
6,653 additions
and
14,659 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,11 +1,15 @@ | ||
| import { NgModule } from '@angular/core'; | ||
| import { RouterModule, Routes } from '@angular/router'; | ||
| import { HomeComponent } from './home.component'; | ||
| import { ProjectsComponent } from './projects/projects.component'; | ||
|
|
||
| const routes: Routes = [{ path: '', component: HomeComponent }]; | ||
| const routes: Routes = [ | ||
| { path: '', component: HomeComponent }, | ||
| { path: 'mac', component: ProjectsComponent } | ||
| ]; | ||
|
|
||
| @NgModule({ | ||
| imports: [RouterModule.forChild(routes)], | ||
| exports: [RouterModule] | ||
| }) | ||
| export class HomeRoutingModule { } | ||
| export class HomeRoutingModule {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <div class="title-section text-center"> | ||
| <h3 *ngIf="lang == 'es'">Proyectos</h3> | ||
| <h3 *ngIf="lang == 'en'">Projects</h3> | ||
| </div> | ||
| <div class="row row-cols-1 row-cols-md-3 g-4 mt-2 text-center" style="margin: auto; width: 97vw"> | ||
| <div *ngFor="let project of projects"> | ||
| <div class="col card-hold" data-aos="fade-up"> | ||
| <div class="card h-100"> | ||
| <img src="{{ project.image }}" class="card-img-top" alt="{{ project.name }}" /> | ||
| <article class="card-body"> | ||
| <h5 class="card-title">{{ project.name }}</h5> | ||
| <p class="card-text"> | ||
| {{ project.description }} | ||
| </p> | ||
| <section class="container-buttons"> | ||
| <a target="_blank" href="{{ project.linkDemo }}" class="btn btn-dark">Demo</a> | ||
| <a target="_blank" href="{{ project.linkRepo }}" class="btn btn-dark">Repo</a> | ||
| </section> | ||
| </article> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| .title-section{ | ||
| color: white; | ||
| } | ||
|
|
||
| .card-hold{ | ||
| padding: 15px; | ||
|
|
||
| } | ||
|
|
||
| .container-buttons{ | ||
| display: flex; | ||
| justify-content: space-around; | ||
| align-items: center; | ||
| } | ||
|
|
25 changes: 25 additions & 0 deletions
25
src/app/public/home/projects copy/projects.component.spec.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import { ComponentFixture, TestBed } from '@angular/core/testing'; | ||
|
|
||
| import { ProjectsComponent } from './projects.component'; | ||
|
|
||
| describe('ProjectsComponent', () => { | ||
| let component: ProjectsComponent; | ||
| let fixture: ComponentFixture<ProjectsComponent>; | ||
|
|
||
| beforeEach(async () => { | ||
| await TestBed.configureTestingModule({ | ||
| declarations: [ ProjectsComponent ] | ||
| }) | ||
| .compileComponents(); | ||
| }); | ||
|
|
||
| beforeEach(() => { | ||
| fixture = TestBed.createComponent(ProjectsComponent); | ||
| component = fixture.componentInstance; | ||
| fixture.detectChanges(); | ||
| }); | ||
|
|
||
| it('should create', () => { | ||
| expect(component).toBeTruthy(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| import { Component, OnInit } from '@angular/core'; | ||
| import { LangService } from 'src/app/shared/services/lang.service'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-projects', | ||
| templateUrl: './projects.component.html', | ||
| styleUrls: ['./projects.component.scss'] | ||
| }) | ||
| export class ProjectsComponent implements OnInit { | ||
| lang: string = 'es'; | ||
| projects: any; | ||
| projects_es = [ | ||
| { | ||
| name: 'Sala de juegos', | ||
| description: 'Este proyecto consiste en un web con registro/login, varios minijuegos y un control de score', | ||
| linkDemo: 'https://tpsaladejuegosutn.web.app/', | ||
| linkRepo: 'https://github.com/attrix182/salaDeJuegosLAB4', | ||
| image: '../../../../assets/img/salaDeJuegos.webp' | ||
| }, | ||
| { | ||
| name: 'Feedbackcito', | ||
| description: 'Este proyecto consiste en un web para crear sesiones de feedback. A las cuales se puede acceder por un codigo QR ', | ||
| linkDemo: 'https://feedbackcito.com.ar', | ||
| linkRepo: 'https://github.com/attrix182/feedbackcito', | ||
| image: '../../../../assets/img/feedbackcito.webp' | ||
| }, | ||
| { | ||
| name: 'Stylefy', | ||
| description: | ||
| 'Este proyecto consiste en mi propia biblioteca de estilos, para agilizar la construcción de nuevos proyectos', | ||
| linkDemo: 'https://stylefy.netlify.app/', | ||
| linkRepo: 'https://github.com/attrix182/stylefy', | ||
| image: '../../../../assets/img/stylefy.webp' | ||
| } | ||
| ]; | ||
|
|
||
| projects_en = [ | ||
| { | ||
| name: 'Game Room', | ||
| description: 'This project consists in a web with registration/login, several games and a control of score', | ||
| linkDemo: 'https://tpsaladejuegosutn.web.app/', | ||
| linkRepo: 'https://github.com/attrix182/salaDeJuegosLAB4', | ||
| image: '../../../../assets/img/salaDeJuegos.webp' | ||
| }, | ||
| { | ||
| name: 'Feedbackcito', | ||
| description: 'This project consists in a web to create feedback sessions. To which you can access by a QR code', | ||
| linkDemo: 'https://feedbackcito.com.ar', | ||
| linkRepo: 'https://github.com/attrix182/feedbackcito', | ||
| image: '../../../../assets/img/feedbackcito.webp' | ||
| }, | ||
| { | ||
| name: 'Stylefy', | ||
| description: 'This project consists in my own library of styles, to simplify the construction of new projects', | ||
| linkDemo: 'https://stylefy.netlify.app/', | ||
| linkRepo: 'https://github.com/attrix182/stylefy', | ||
| image: '../../../../assets/img/stylefy.webp' | ||
| } | ||
| ]; | ||
|
|
||
| constructor(private langSVC: LangService) {} | ||
|
|
||
| ngOnInit(): void { | ||
| this.getLang(); | ||
| this.setLangProjects(); | ||
| } | ||
|
|
||
| setLangProjects() { | ||
| switch (this.lang) { | ||
| case 'es': | ||
| this.projects = this.projects_es; | ||
| break; | ||
| case 'en': | ||
| this.projects = this.projects_en; | ||
| break; | ||
| } | ||
| } | ||
|
|
||
| getLang() { | ||
| this.langSVC.getLang$().subscribe((lang) => { | ||
| this.lang = lang; | ||
| this.setLangProjects(); | ||
| }); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,34 @@ | ||
| <div class="title-section text-center"><h3>Proyectos</h3></div> | ||
| <div class="row row-cols-1 row-cols-md-3 g-4 mt-2 text-center" style="margin:auto;width: 97vw;"> | ||
|
|
||
| <div *ngFor="let project of projects"> | ||
| <div class="col card-hold" data-aos="fade-up"> | ||
| <div class="card h-100"> | ||
| <img | ||
| src="{{project.image}}" | ||
| class="card-img-top" | ||
| alt="{{project.name}}" | ||
| /> | ||
| <article class="card-body"> | ||
| <h5 class="card-title">{{project.name}}</h5> | ||
| <p class="card-text"> | ||
| {{project.description}} | ||
| </p> | ||
| <section class="container-buttons"> | ||
| <a target="_blank" href="{{project.linkDemo}}" class="btn btn-dark">Demo</a> | ||
| <a target="_blank" href="{{project.linkRepo}}" class="btn btn-dark">Repo</a> | ||
| </section> | ||
| </article> | ||
| <section> | ||
| <div class="mac-frame"> | ||
| <img class="img-frame" src="assets/img/macbook-frame.webp" alt="" /> | ||
|
|
||
| <section class="screen"> | ||
|
|
||
| <div class="screen-content" *ngIf="showDesktop"> | ||
| <section class="desktop"> | ||
| <div class="desktop-folder" *ngFor="let project of projects"> | ||
|
|
||
| <div cdkDragBoundary=".screen" cdkDrag> | ||
| <button class="folder" (click)="openFolder()"> | ||
| <div class="img-cotainer"> | ||
| <img src="assets/img/mac-folder.webp" alt="" /> | ||
| </div> | ||
| <p>{{ project.name }}</p> | ||
| </button> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <section *ngIf="showFolder"> | ||
| <div class="folder-open"> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| </section> | ||
| </div> | ||
| </div> | ||
| </section> |
Oops, something went wrong.