From 4b1f9013ad16d49295c4d7aa60bf1a6ece1e2a0e Mon Sep 17 00:00:00 2001
From: Dennis Salzmann <dennis.salzmann@dfki.de>
Date: Sun, 25 Aug 2024 20:33:38 +0200
Subject: [PATCH] upd: add project description & change the components html

---
 src/app/portfolio/projects/projects.component.css |  2 +-
 .../portfolio/projects/projects.component.html    |  6 +++---
 src/assets/json/projects.json                     | 15 +++++++++++++--
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/app/portfolio/projects/projects.component.css b/src/app/portfolio/projects/projects.component.css
index 3dd26ca..16bbd21 100644
--- a/src/app/portfolio/projects/projects.component.css
+++ b/src/app/portfolio/projects/projects.component.css
@@ -8,7 +8,7 @@
 }
 
 .project-title {
-    white-space: nowrap;
+    white-space: wrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 20ch;
diff --git a/src/app/portfolio/projects/projects.component.html b/src/app/portfolio/projects/projects.component.html
index fc0de75..35e6904 100644
--- a/src/app/portfolio/projects/projects.component.html
+++ b/src/app/portfolio/projects/projects.component.html
@@ -7,7 +7,7 @@ <h1 [ngClass]="options.titleClasses" class="mb-5"><span class="font-weight-bold"
         <div *ngFor="let project of projects" class="card project-card m-3"
             [ngClass]="{'m-3': !options.displayInColumn, 'mb-3': options.displayInColumn}">
             <div class="card-body d-flex flex-column">
-                <h5 class="card-title font-weight-bold text-left project-title" [title]="project.name">
+                <h5 class="card-title font-weight-bold text-left project-title"  [title]="project.name">
                     {{project.name}}
                 </h5>
                 <h6 class="card-subtitle mb-2 font-weight-lighter text-left">
@@ -17,10 +17,10 @@ <h6 class="card-subtitle mb-2 font-weight-lighter text-left">
                 <p class="card-text text-left">
                     {{project.description}}
                 </p>
-                <div class="d-flex flex-row justify-content-start">
+                <div class="d-flex flex-row justify-content-between mt-auto">
                     <a [href]="project.previewUrl" *ngIf="project.previewUrl" class="btn btn-dark mr-2">
                         <i class="fa-lg mr-1 far fa-eye"></i>
-                        Preview
+                        Pre-story
                     </a>
                     <a [href]="project.sourceUrl" *ngIf="project.sourceUrl" class="btn btn-dark">
                         <i class="fa-lg mr-1 fab fa-github-alt"></i>
diff --git a/src/assets/json/projects.json b/src/assets/json/projects.json
index a672046..bbe4f62 100644
--- a/src/assets/json/projects.json
+++ b/src/assets/json/projects.json
@@ -1,4 +1,15 @@
 [
+    {
+        "name": "Unified Package \n Inspector (UPI)",
+        "stack": {
+            "name": "Linux / C++",
+            "iconClasses": "fab fa-brands fa-linux"
+        },
+        "description": "Command-line tool to scan and analyze installed packages across multiple package managers.",
+        "sourceUrl": "https://github.com/densalzmann/universal-package-inspector",
+        "previewUrl": "https://burly-gray-9a3.notion.site/The-Modern-Developer-s-Dilemma-Navigating-the-Maze-of-Package-Management-7f0bd6a10c18432ca1bf8fcd2879b21c",
+        "featured": true
+    },
     {
         "name": "Blockchain Check-in App",
         "stack": {
@@ -8,7 +19,7 @@
         "description": "This application offers an integrated solution comprising an Android Scanner App, Blockchain API Server, and Dashboard.",
         "sourceUrl": "https://github.com/mario-ruoff/hackathon-2022",
         "previewUrl": "https://github.com/mario-ruoff/hackathon-2022",
-        "featured": true
+        "featured": false
     },
     {
         "name": "J.A.R.V.I.L.",
@@ -36,7 +47,7 @@
         "name": "Test App for a research assistant",
         "stack": {
             "name": "Python / Docker",
-            "iconClasses": "fab fa-location-dot"
+            "iconClasses": "fas fa-map-marker"
         },
         "description": "A simple data generator mocking a GPGGA data source. The datasource is then proccessed to an kafka-server.",
         "sourceUrl": "https://github.com/densalzmann/hiwi-test",