Lobo_Corp/playground-frontend
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

Added new project for my homeserver

Browse Source
This commit is contained in:
Lobo
2026-01-17 10:55:18 +01:00
parent 24c438a01e
commit bbf029dc60
11 changed files with 88 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/pages/projects/dialog/project-dialog.component.html
View File

@@ -23,9 +23,12 @@
<swiper-slide>
<img
class="slide-img"
[src]="img"
[src]="img.url"
[alt]="project.title | translate"
/>
<div class="slide-source">
{{ 'PROJECTS.IMAGE_SOURCE' | translate }}: {{ img.source }}
</div>
</swiper-slide>
}
</swiper-container>

11
src/app/pages/projects/dialog/project-dialog.component.scss
View File

@@ -30,6 +30,17 @@
display: block;
}
.slide-source {
font-size: 0.75rem;
color: white;
background: rgba(0,0,0,.5);
padding: 0.25rem 0.5rem;
border-radius: 4px;
position: absolute;
bottom: 8px;
right: 8px;
}
ul {
padding-left: 20px;
margin-bottom: 1.5rem;

4
src/app/pages/projects/projects.component.html
View File

@@ -6,7 +6,7 @@
<mat-card-subtitle>{{ project.shortDescription | translate }}</mat-card-subtitle>
</mat-card-header>
@if(project.images.length > 0) {
<img mat-card-image [src]="project.images[0]" [alt]="project.title | translate">
<img mat-card-image [src]="project.images[0].url" [alt]="project.title | translate">
} @else {
<div class="icon-container">
<mat-icon class="fallback-icon">{{ project.icon }}</mat-icon>
@@ -32,7 +32,7 @@
<mat-card-title>{{ project.title | translate }}</mat-card-title>
</mat-card-header>
@if(project.images.length > 0) {
<img mat-card-image [src]="project.images[0]" [alt]="project.title | translate">
<img mat-card-image [src]="project.images[0].url" [alt]="project.title | translate">
} @else {
<div class="icon-container">
<mat-icon class="fallback-icon">{{ project.icon }}</mat-icon>

50
src/app/pages/projects/projects.component.ts
View File

@@ -15,7 +15,10 @@ export interface Projects {
title: string,
shortDescription: string,
introduction: string,
images: string[],
images: {
url: string,
source: string
}[],
icon: string,
assets: string,
link: string,
@@ -67,7 +70,12 @@ export class ProjectsComponent {
title: 'PROJECTS.EL_MUCHO.TITLE',
shortDescription: 'PROJECTS.EL_MUCHO.SHORT_DESCRIPTION',
introduction: 'PROJECTS.EL_MUCHO.INTRODUCTION',
images: [AssetsConstants.EL_MUCHO_1, AssetsConstants.EL_MUCHO_2, AssetsConstants.EL_MUCHO_3, AssetsConstants.EL_MUCHO_4],
images: [
{ url: AssetsConstants.EL_MUCHO_1, source: ''},
{ url: AssetsConstants.EL_MUCHO_2, source: ''},
{ url: AssetsConstants.EL_MUCHO_3, source: ''},
{ url: AssetsConstants.EL_MUCHO_4, source: ''}
],
icon: 'sports_esports',
assets: '',
link: 'https.store.steampowered.com/app/1532640/El_Mucho/',
@@ -85,7 +93,11 @@ export class ProjectsComponent {
title: 'PROJECTS.GAME_JAMS.TITLE',
shortDescription: 'PROJECTS.GAME_JAMS.SHORT_DESCRIPTION',
introduction: 'PROJECTS.GAME_JAMS.INTRODUCTION',
images: [AssetsConstants.GAME_JAMS_1, AssetsConstants.GAME_JAMS_2, AssetsConstants.GAME_JAMS_3],
images: [
{ url: AssetsConstants.GAME_JAMS_1, source: ''},
{ url: AssetsConstants.GAME_JAMS_2, source: ''},
{ url: AssetsConstants.GAME_JAMS_3, source: ''}
],
icon: 'videogame_asset',
assets: '',
link: 'https.itch.io/c/6628860/lobos-collection',
@@ -103,7 +115,14 @@ export class ProjectsComponent {
title: 'PROJECTS.DIPLOMA.TITLE',
shortDescription: 'PROJECTS.DIPLOMA.SHORT_DESCRIPTION',
introduction: 'PROJECTS.DIPLOMA.INTRODUCTION',
images: [AssetsConstants.DIPLOMA_1, AssetsConstants.DIPLOMA_2, AssetsConstants.DIPLOMA_3, AssetsConstants.DIPLOMA_4, AssetsConstants.DIPLOMA_5, AssetsConstants.DIPLOMA_6],
images: [
{ url: AssetsConstants.DIPLOMA_1, source: ''},
{ url: AssetsConstants.DIPLOMA_2, source: ''},
{ url: AssetsConstants.DIPLOMA_3, source: ''},
{ url: AssetsConstants.DIPLOMA_4, source: ''},
{ url: AssetsConstants.DIPLOMA_5, source: ''},
{ url: AssetsConstants.DIPLOMA_6, source: ''}
],
icon: 'history_edu',
assets: AssetsConstants.DIPLOMA,
link: 'https.www.th-bingen.de',
@@ -115,6 +134,29 @@ export class ProjectsComponent {
],
isFeatured: false,
technologies: ['C++', 'OpenGL', 'Qt', '3D-Scanner']
},
{
identifier: "tribble-the-homeserver",
title: 'PROJECTS.TRIBBLE.TITLE',
shortDescription: 'PROJECTS.TRIBBLE.SHORT_DESCRIPTION',
introduction: 'PROJECTS.TRIBBLE.INTRODUCTION',
images: [
{ url: AssetsConstants.TRIBBLE_1, source: 'https://dashboardicons.com/icons/docker-engine'},
{ url: AssetsConstants.TRIBBLE_2, source: 'https://upload.wikimedia.org/wikipedia/commons/0/03/Hostinger_Logo.png'},
{ url: AssetsConstants.TRIBBLE_3, source: 'https://dashboardicons.com/icons/gitea'},
{ url: AssetsConstants.TRIBBLE_4, source: 'https://commons.wikimedia.org/wiki/File:Traefik.logo.png'}
],
icon: 'dns',
assets: '',
link: 'https://andreas-dahm.eu',
bulletPoints: [
'PROJECTS.TRIBBLE.BULLET_1',
'PROJECTS.TRIBBLE.BULLET_2',
'PROJECTS.TRIBBLE.BULLET_3',
'PROJECTS.TRIBBLE.BULLET_4',
],
isFeatured: false,
technologies: ['Ubuntu Server', 'Docker', 'Traefik', 'Gitea', 'Jellyfin', 'AdGuard Home', 'Paperless-ngx', 'Tailscale']
}
]