wieerwill/wieerwill.github.io
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

new colors

Browse Source
This commit is contained in:
WieErWill
2021-01-09 19:26:03 +01:00
parent 0c8f3e1765
commit 4971c41d62
8 changed files with 64 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
source/src/app/components/projects/projects.component.html
View File

@@ -1,10 +1,9 @@
<mat-card class="content-container bg-info text-white" style="border-radius:20px;">
<mat-card class="content-container bg-primary text-white" style="border-radius:20px;">
<mat-card-title>
<h1 class="my-3 text-center">
<span class="text-muted">My</span>&nbsp;
<span style="color:#ffffff">P</span><span style="color:#020077">rojects</span>&nbsp;
<span class="text-muted">and</span>&nbsp;
<span style="color:#ffffff">W</span><span style="color:#020077">orks</span>
<h1 class="my-3 display-1 text-center">
<span style="color:#ffffff">P</span><span style="color:#bebdff">rojects</span>
<span class="text-muted">&nbsp;&&nbsp;</span>
<span style="color:#ffffff">W</span><span style="color:#bebdff">orks</span>
</h1>
</mat-card-title>
@@ -12,25 +11,19 @@
<p class="mb-5 lead text-center">"Do what you love and work is a hobby"</p>
</mat-card-subtitle>
<mat-card-content>
<div class="project row my-4" *ngFor="let project of projects">
<div class="col-12 col-md-3">
<h4 class="text-center">{{project.title}}</h4>
<mat-card-content class="list-group">
<div class="list-group-item list-group-item-action my-3" *ngFor="let project of projects">
<div class="d-flex w-100 justify-content-between">
<h3 class="mb-1">{{project.title}}</h3>
<small>
<a href={{project.link}} *ngIf="project.link">
<button mat-mini-fab color="primary">
<mat-icon>link</mat-icon>
</button>
</a>
</small>
</div>
<div class="col-12 col-md-8">
<p>{{project.description}}</p>
</div>
<div class="col-12 col-md-1">
<a href={{project.link}} *ngIf="project.link; else noLink">
<button mat-mini-fab color="primary">
<mat-icon>link</mat-icon>
</button>
</a>
<ng-template #noLink>
<p>no Website so far</p>
</ng-template>
</div>
<hr class="col-9 p-4 m-auto" />
<p class="mx-5">{{project.description}}</p>
</div>
</mat-card-content>