From 0c2d8ae4df6e446785aa70420044fe857b5264bc Mon Sep 17 00:00:00 2001
From: "f.weber" <f.weber@noreply.git.morlana.online>
Date: Tue, 8 Apr 2025 11:10:45 +0000
Subject: [PATCH] jekyll build from Action
 a1b44a61abebc44cafb6a278f1e1e91610a2d805

---
 404.html                       |  5 ++++
 assets/game-data/housings.json |  3 ++-
 characters/chase.html          | 44 +++++++++++++++++++++++++++-------
 characters/crash.html          | 44 +++++++++++++++++++++++++++-------
 characters/index.html          |  5 ++++
 feed.xml                       |  2 +-
 index.html                     |  5 ++++
 lifepaths/index.html           |  5 ++++
 offline.html                   |  5 ++++
 players-guide/index.html       |  5 ++++
 players-guide/netrunner.html   |  5 ++++
 players-guide/tech.html        |  5 ++++
 roles/index.html               |  5 ++++
 13 files changed, 120 insertions(+), 18 deletions(-)

diff --git a/404.html b/404.html
index 903c543..d5d5333 100644
--- a/404.html
+++ b/404.html
@@ -157,6 +157,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/assets/game-data/housings.json b/assets/game-data/housings.json
index 9886896..f133ca5 100644
--- a/assets/game-data/housings.json
+++ b/assets/game-data/housings.json
@@ -13,7 +13,8 @@
   },
   "Frachtcontainer": {
     "rent": 1000,
-    "price": 15000
+    "price": 15000,
+    "description": "Frachtcontainer stehen in den Randbezirken, in der Rückgewonnenen Stadtgrenze und in der Kriegszone. Du hast genügend Platz, um deine Sachen unterzubringen, ein Bett, auf dem du bequem schlafen kannst, einen Schreibtisch, Strom, einen Kühlschrank, eine Mikrowelle und ein Waschbecken, geschützt durch die Sicherheit eines starken Schlosses. In der Kriegszone bist du schon in Gefahre, wenn du nach draußen trittst, aber wenn du in den Randbezirken lebst, bist du deutlich sicherer. Toiletten, Duschen und Waschmaschine gibt es in den Einrichtungen, die du mit den anderen Bewohnern der anderen Frachtcontainer teilst, die neben deinem Container gestapelt sind. Wenn du ein Fahrzeug besitzt und hier wohnst, parkst du wahrscheinlich auf der Straße. Wenn du in einer Kriegszone lebst, wird es gelegentlich aufgebrochen. Wenn du dich für die Randbezirke entscheidest, ist es einigermaßen sicher."
   },
   "Atelierwohung": {
     "rent": 1500,
diff --git a/characters/chase.html b/characters/chase.html
index b8da3d9..13feb4b 100644
--- a/characters/chase.html
+++ b/characters/chase.html
@@ -89,7 +89,7 @@
     <img class="responsive-img" src="/cpred/assets/img/Netrunner.png" alt="Picture of Chase Révolte" />
   </div>
   
-  <div class="bg-dark fg-yellow cyber-tile col s6 m8 l11">
+  <div class="bg-dark fg-yellow cyber-tile col s12 m8 l11">
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Straßenname:</strong>
       <span id="streetname" class="oxanium-font character-details-value"></span>
@@ -108,11 +108,13 @@
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Unterkunft:</strong>
-      <span id="housing" class="oxanium-font character-details-value"></span>
+      <span id="housing" class="oxanium-font character-details-value tooltipped" data-position="bottom"></span>
+      <span style="background-color: white; color: blue; font-size: .64em; display: flex; align-items: flex-start; height: fit-content; align-self: flex-start; border-radius: 50%; padding: 0px 4px; ">i</span>
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Lebensstil:</strong>
-      <span id="lifestyle" class="oxanium-font character-details-value"></span>
+      <span id="lifestyle" class="oxanium-font character-details-value tooltipped" data-position="bottom"></span>
+      <span style="background-color: white; color: blue; font-size: .64em; display: flex; align-items: flex-start; height: fit-content; align-self: flex-start; border-radius: 50%; padding: 0px 4px; ">i</span>
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Lebenskosten:</strong>
@@ -124,15 +126,36 @@
 
 
 <script>
+  let char, housing, lifestyle;
   fetch("/cpred/assets/game-data/characters/chase.json")
     .then(response => response.json())
     .then(character => {
-      document.getElementById('streetname').innerText = character.handle;
-      document.getElementById('age').innerText = character.age;
-      const mainRole = character.roles.find(role => role.main);
+      char = character;
+      return fetch("/cpred/assets/game-data/housings.json");
+    }).then(response => response.json())
+    .then(housings => {
+      housing = housings[char.housing.type];
+      return fetch("/cpred/assets/game-data/lifestyles.json");
+    }).then(response => response.json())
+    .then(lifestyles => {
+      lifestyle = lifestyles[char.lifestyle];
+      document.getElementById('streetname').innerText = char.handle;
+      document.getElementById('age').innerText = char.age;
+      const mainRole = char.roles.find(role => role.main);
       document.getElementById('role').innerText = mainRole.name + " Rang: " + mainRole.rank;
-      document.getElementById('housing').innerText = character.housing.type;
-      document.getElementById('lifestyle').innerText = character.lifestyle;
+      document.getElementById('housing').innerText = char.housing.type;
+      if (housing.description)
+        document.getElementById('housing').setAttribute("data-tooltip", housing.description);
+      
+      document.getElementById('lifestyle').innerText = char.lifestyle;
+      if (housing.description)
+        document.getElementById('lifestyle').setAttribute("data-tooltip", lifestyle.description);
+
+      let costs = lifestyle.cost;
+      if (!char.housing.owned) {
+        costs += housing.rent;
+      }
+      document.getElementById('costs').innerText = costs + " ed";
     });
 </script>
 
@@ -196,6 +219,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/characters/crash.html b/characters/crash.html
index 7c4ebd6..80fe33e 100644
--- a/characters/crash.html
+++ b/characters/crash.html
@@ -89,7 +89,7 @@
     <img class="responsive-img" src="/cpred/assets/img/Tech.png" alt="Picture of Carver Wright" />
   </div>
   
-  <div class="bg-dark fg-yellow cyber-tile col s6 m8 l11">
+  <div class="bg-dark fg-yellow cyber-tile col s12 m8 l11">
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Straßenname:</strong>
       <span id="streetname" class="oxanium-font character-details-value"></span>
@@ -108,11 +108,13 @@
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Unterkunft:</strong>
-      <span id="housing" class="oxanium-font character-details-value"></span>
+      <span id="housing" class="oxanium-font character-details-value tooltipped" data-position="bottom"></span>
+      <span style="background-color: white; color: blue; font-size: .64em; display: flex; align-items: flex-start; height: fit-content; align-self: flex-start; border-radius: 50%; padding: 0px 4px; ">i</span>
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Lebensstil:</strong>
-      <span id="lifestyle" class="oxanium-font character-details-value"></span>
+      <span id="lifestyle" class="oxanium-font character-details-value tooltipped" data-position="bottom"></span>
+      <span style="background-color: white; color: blue; font-size: .64em; display: flex; align-items: flex-start; height: fit-content; align-self: flex-start; border-radius: 50%; padding: 0px 4px; ">i</span>
     </p>
     <p class="character-details">
       <strong class="cyberpunk-font-og character-details-title">Lebenskosten:</strong>
@@ -124,15 +126,36 @@
 
 
 <script>
+  let char, housing, lifestyle;
   fetch("/cpred/assets/game-data/characters/carver.json")
     .then(response => response.json())
     .then(character => {
-      document.getElementById('streetname').innerText = character.handle;
-      document.getElementById('age').innerText = character.age;
-      const mainRole = character.roles.find(role => role.main);
+      char = character;
+      return fetch("/cpred/assets/game-data/housings.json");
+    }).then(response => response.json())
+    .then(housings => {
+      housing = housings[char.housing.type];
+      return fetch("/cpred/assets/game-data/lifestyles.json");
+    }).then(response => response.json())
+    .then(lifestyles => {
+      lifestyle = lifestyles[char.lifestyle];
+      document.getElementById('streetname').innerText = char.handle;
+      document.getElementById('age').innerText = char.age;
+      const mainRole = char.roles.find(role => role.main);
       document.getElementById('role').innerText = mainRole.name + " Rang: " + mainRole.rank;
-      document.getElementById('housing').innerText = character.housing.type;
-      document.getElementById('lifestyle').innerText = character.lifestyle;
+      document.getElementById('housing').innerText = char.housing.type;
+      if (housing.description)
+        document.getElementById('housing').setAttribute("data-tooltip", housing.description);
+      
+      document.getElementById('lifestyle').innerText = char.lifestyle;
+      if (housing.description)
+        document.getElementById('lifestyle').setAttribute("data-tooltip", lifestyle.description);
+
+      let costs = lifestyle.cost;
+      if (!char.housing.owned) {
+        costs += housing.rent;
+      }
+      document.getElementById('costs').innerText = costs + " ed";
     });
 </script>
 
@@ -196,6 +219,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/characters/index.html b/characters/index.html
index 711c103..8959f44 100644
--- a/characters/index.html
+++ b/characters/index.html
@@ -199,6 +199,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/feed.xml b/feed.xml
index ac1d9f4..e7f7ead 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://phoenixdivision.morlana.space/cpred/feed.xml" rel="self" type="application/atom+xml" /><link href="https://phoenixdivision.morlana.space/cpred/" rel="alternate" type="text/html" /><updated>2025-03-20T15:40:37+00:00</updated><id>https://phoenixdivision.morlana.space/cpred/feed.xml</id><title type="html">ThePhoenixDivision</title><subtitle>We will share our adventures in Cyberpunk Red here.</subtitle></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://phoenixdivision.morlana.space/cpred/feed.xml" rel="self" type="application/atom+xml" /><link href="https://phoenixdivision.morlana.space/cpred/" rel="alternate" type="text/html" /><updated>2025-04-08T11:10:38+00:00</updated><id>https://phoenixdivision.morlana.space/cpred/feed.xml</id><title type="html">ThePhoenixDivision</title><subtitle>We will share our adventures in Cyberpunk Red here.</subtitle></feed>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6d8a105..82145af 100644
--- a/index.html
+++ b/index.html
@@ -131,6 +131,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/lifepaths/index.html b/lifepaths/index.html
index 9be278b..9abb4ea 100644
--- a/lifepaths/index.html
+++ b/lifepaths/index.html
@@ -801,6 +801,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/offline.html b/offline.html
index 1afc4f0..b0c5ad0 100644
--- a/offline.html
+++ b/offline.html
@@ -143,6 +143,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/players-guide/index.html b/players-guide/index.html
index db3a950..8e5c942 100644
--- a/players-guide/index.html
+++ b/players-guide/index.html
@@ -138,6 +138,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/players-guide/netrunner.html b/players-guide/netrunner.html
index a573f0c..f195b5b 100644
--- a/players-guide/netrunner.html
+++ b/players-guide/netrunner.html
@@ -145,6 +145,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/players-guide/tech.html b/players-guide/tech.html
index 25d3d72..8875a72 100644
--- a/players-guide/tech.html
+++ b/players-guide/tech.html
@@ -145,6 +145,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});
diff --git a/roles/index.html b/roles/index.html
index a5060db..9401970 100644
--- a/roles/index.html
+++ b/roles/index.html
@@ -138,6 +138,11 @@
 
   <script src="/cpred/assets/js/materialize.min.js"></script>
   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const elems = document.querySelectorAll('.tooltipped');
+      const instances = M.Tooltip.init(elems, {});
+    });
+
     document.addEventListener('DOMContentLoaded', function() {
       var sidenavElems = document.querySelectorAll('.sidenav');
       var sidenavInstances = M.Sidenav.init(sidenavElems, {});