arti24
/
arti-angular-app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

About me

This commit is contained in:
Artur 2024-10-11 20:40:49 +02:00
parent 34871b1fe0
commit 2a22c2f798
10 changed files with 81 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/ARTI_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

3
public/icons/envelope.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 421 B

4
public/icons/linkedin.svg Normal file
View File

@ -0,0 +1,4 @@
<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
.st0{fill:#0078B5;}
.st1{fill:#FFFFFF;}
</style><title/><g><path class="st0" d="M500,1000L500,1000C223.9,1000,0,776.1,0,500l0,0C0,223.9,223.9,0,500,0l0,0c276.1,0,500,223.9,500,500l0,0 C1000,776.1,776.1,1000,500,1000z"/><g><g><path class="st1" d="M184.2,387.3h132.9v427.7H184.2V387.3z M250.7,174.7c42.5,0,77,34.5,77,77.1s-34.5,77.1-77,77.1 c-42.6,0-77.1-34.5-77.1-77.1C173.5,209.3,208,174.7,250.7,174.7"/><path class="st1" d="M400.5,387.3H528v58.4h1.8c17.7-33.6,61-69.1,125.8-69.1c134.6,0,159.5,88.6,159.5,203.7v234.7H682.2V607.1 c0-49.7-0.9-113.4-69.1-113.4c-69.2,0-79.8,54-79.8,109.8v211.6H400.5V387.3z"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 882 B

3
public/icons/telephone.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 840 B

0
src/app/about-me/about-me.component.css Normal file
View File

29
src/app/about-me/about-me.component.html Normal file
View File

@ -0,0 +1,29 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-1"><img src="ARTI_1.jpg" alt="Ja">
</div>
<div class="col-auto h2">Wrocław</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<a href="mailto:kusartur@gmail.com">
<img width="30" height="20" src="icons/envelope.svg" />
kusartur&#64;gmail.com
</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<a href="tel:+48512558222"> <img width="30" height="20"
src="icons/telephone.svg" /> +48 511 116 016</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<a href="https://www.linkedin.com/in/artur-ku%C5%9B-99a7b02/"> <img
width="30" height="20" src="icons/linkedin.svg" />Linkedin
</a>
</div>
</div>
</div>

23
src/app/about-me/about-me.component.spec.ts Normal file
View File

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AboutMeComponent } from './about-me.component';
describe('AboutMeComponent', () => {
let component: AboutMeComponent;
let fixture: ComponentFixture<AboutMeComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [AboutMeComponent]
})
.compileComponents();
fixture = TestBed.createComponent(AboutMeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

12
src/app/about-me/about-me.component.ts Normal file
View File

@ -0,0 +1,12 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-about-me',
standalone: true,
imports: [],
templateUrl: './about-me.component.html',
styleUrl: './about-me.component.css'
})
export class AboutMeComponent {
}

1
src/app/app.component.html
View File

@ -1,4 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
| <a class="navbar-brand" href="/aboutMe">O mnie</a>
| <a class="navbar-brand" href="/quotes">Kursy</a>
| <a class="navbar-brand" href="/asset-calculator">Kalkulator</a>
</nav>

7
src/app/app.routes.ts
View File

@ -1,11 +1,12 @@
import { Routes } from '@angular/router';
import { DashboardComponent } from './components/dashboard/dashboard.component';
import { AssetCalculatorComponent } from './asset-calculator/asset-calculator.component';
import { AboutMeComponent } from './about-me/about-me.component';
export const routes: Routes = [
{ path: "",
title:"Kalkulator",
component: AssetCalculatorComponent },
{ path: "aboutMe",
title:"O mnie",
component: AboutMeComponent },
{ path: "asset-calculator",
title: "Kalkulator",
component:AssetCalculatorComponent },