cleanup stuff and add styling

.gitignore

@@ -33,3 +33,5 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+dist/

content/party/AKom--CoFor--CommForm.yaml → content/party/AKom.yaml

@@ -1,4 +1,5 @@
-name: Akomj
+key: AKom
+name: 'AKom, CoFor, CommForm'
 type: organization
 links:
   - url: 'https://db.scout.ch/de/groups/9292'

content/party/BKom--CoEnc--CommAcc.yaml → content/party/BKom.yaml

@@ -1,4 +1,5 @@
-name: BKom
+key: BKom
+name: 'BKom, CoEnc, CommAcc'
 type: organization
 links:
   - url: 'https://db.scout.ch/de/groups/9293'

content/party/Cosinus.yaml

@@ -1,3 +1,4 @@
+key: Cosinus
 name: Cosinus
 pbsNumber: 9415
 type: person

content/party/Digio-AG.yaml

@@ -1,2 +1,3 @@
-name: Digio AG
+name: Digio
+key: 'Digio AG'
 type: organization

content/party/Filou.yaml

@@ -1,4 +1,5 @@
 name: Filou
+key: Filou
 pbsNumber: 9422
 type: person
 links:

content/party/Folletta.yaml

@@ -1,3 +1,4 @@
+key: Folletta
 name: Folletta
 pbsNumber: 15778
 type: person

content/party/GSPBS.yaml

@@ -0,0 +1,3 @@
+key: GSPBS
+name: 'Geschäftsstelle PBS, Secrétariat général, Segretariato generale MSS '
+type: organization

content/party/ITKom.yaml

@@ -1,2 +1,3 @@
+key: ITKom
 name: ITKom
 type: organization

content/party/Kodack.yaml

@@ -1,3 +1,4 @@
+key: Kodack
 name: Kodack
 pbsNumber: 13400
 type: person

content/party/Olipo.yaml

@@ -1,3 +1,4 @@
+key: Olipo
 name: Olipo
 pbsNumber: 64310
 type: person

content/party/Projektgruppe-Kurs--und-Lagerplanungstool.yaml → content/party/PGKursundLagerplanungstool.yaml

@@ -1,4 +1,5 @@
-name: ProjektgruppKursundLagerplanungstool
+key: PGKursundLagerplanungstool
+name: 'Projektgruppe: Kurs- und Lagerplanungstool'
 pbsNumber: 9856
 type: organization
 links:

content/party/Puzzle-ITC.yaml

@@ -1,4 +1,5 @@
-name: PuzzleITC
+key: PuzzleITC
+name: 'Puzzle ITC'
 type: organization
 links:
   - url: 'https://github.com/puzzle'

content/party/Qube.yaml

@@ -1,3 +1,4 @@
+key: Qube
 name: Qube
 type: organization
 links:

content/party/Safari.yaml

@@ -1,3 +1,4 @@
+key: Safari
 name: Safari
 pbsNumber: 94518
 type: person

content/party/Team-MiData.yaml

@@ -1,2 +1,3 @@
-name: TeamMiData
+key: TeamMiData
+name: 'Team MiData'
 type: organization

content/party/eCampv3.yaml

@@ -0,0 +1,3 @@
+key: eCampv3
+name: 'Entwicklungsteam eCamp v3'
+type: organization

content/service/Cudeschin.yaml

@@ -14,7 +14,7 @@ has_sla: false
 product_owner: content/party/Kodack.yaml
 additional_information: ''
 involved_parties:
-  - party: content/party/AKom--CoFor--CommForm.yaml
+  - party: content/party/AKom.yaml
     description: Betreuung
 lifecycle:
   - state: in_production

content/service/HealthCheck.yaml

@@ -1,7 +1,7 @@
 name: HealthCheck
 product_owner: ''
 involved_parties:
-  - party: content/party/BKom--CoEnc--CommAcc.yaml
+  - party: content/party/BKom.yaml
     description: Betreuung
 has_sla: true
 description: >

content/service/Hering.yaml

@@ -17,7 +17,7 @@ links:
 has_sla: false
 additional_information: ''
 involved_parties:
-  - party: content/party/Geschftsstelle-PBS-.yaml
+  - party: content/party/GSPBS.yaml
     description: Inhaltliche Verantwortung
   - party: content/party/Folletta.yaml
     description: Umsetzung

content/service/eCamp.yaml

@@ -20,7 +20,7 @@ strategy_reference: |
 involved_parties:
   - party: content/party/ITKom.yaml
     description: Betreuung
-  - party: content/party/Projektgruppe-Kurs--und-Lagerplanungstool.yaml
+  - party: content/party/eCampv3.yaml
     description: Betreuung
 has_sla: false
 tech_stack:

src/pages/index.astro

@@ -22,14 +22,22 @@ const services = serviceEdges.map((service: ServiceConnectionEdges) => {
   }
 });
 ---
+<style>
+   tr:nth-child(even) {
+    background-color: rgba(82, 29, 58, 0.2);
+  }
+</style>
 
 <Layout title="Services">
   <main class="container mx-auto p-5 text-lg">
     <h1 class="mb-4 mt-5 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl text-neutral-800">
       Services
     </h1>
-    <table cellpadding="5">
-      <thead>
+    <table cellpadding="7" class="w-full table-auto">
+      <thead style={{
+        fontWeight: 'bolder',
+        borderBottom: '2px solid',
+      }}>
         <tr>
           <td>Name</td>
           <td>Status</td>
@@ -40,8 +48,8 @@ const services = serviceEdges.map((service: ServiceConnectionEdges) => {
       {services?.map((service) => <tr>
         <td> 
           <a class="text-brombeer hover:underscore" href={`/it-landscape/services/${service.name}`}>
-                {service.name}
-              </a>
+            {service.name}
+          </a>
           </td>
           <td>
            <span class="bg-green-100 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded">{service.status}</span>

src/pages/services/[name].astro

@@ -74,6 +74,9 @@ const lastUpdatedValue: string = service?.last_updated ? new Date(service.last_u
 
 <Layout title={service?.name || ""}>
   <main class="container mx-auto py-10">
+    <a class="text-brombeer hover:underscore" href={'/it-landscape/'}>
+      back
+    </a>
     <article class="bg-white shadow-md rounded-xl p-10 max-w-4xl mx-auto">
       <h1 class="text-5xl font-extrabold">{service?.name}</h1>
       <span class="block text-sm mb-3"

src/pages/services/index.astro

@@ -22,14 +22,22 @@ const services = serviceEdges.map((service: ServiceConnectionEdges) => {
   }
 });
 ---
+<style>
+   tr:nth-child(even) {
+    background-color: rgba(82, 29, 58, 0.2);
+  }
+</style>
 
 <Layout title="Services">
   <main class="container mx-auto p-5 text-lg">
     <h1 class="mb-4 mt-5 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl text-neutral-800">
       Services
     </h1>
-    <table cellpadding="5">
-      <thead>
+    <table cellpadding="7" class="w-full table-auto">
+      <thead style={{
+        fontWeight: 'bolder',
+        borderBottom: '2px solid',
+      }}>
         <tr>
           <td>Name</td>
           <td>Status</td>
@@ -40,11 +48,11 @@ const services = serviceEdges.map((service: ServiceConnectionEdges) => {
       {services?.map((service) => <tr>
         <td> 
           <a class="text-brombeer hover:underscore" href={`/it-landscape/services/${service.name}`}>
-                {service.name}
-              </a>
+            {service.name}
+          </a>
           </td>
           <td>
-            {service.status}
+           <span class="bg-green-100 text-green-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded">{service.status}</span>
           </td>
           <td>
             {service.product_owner}