jekyll build from Action a1b44a61abebc44cafb6a278f1e1e91610a2d805

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, {});

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,

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;
+      char = character;
-      document.getElementById('age').innerText = character.age;
+      return fetch("/cpred/assets/game-data/housings.json");
-      const mainRole = character.roles.find(role => role.main);
+    }).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('housing').innerText = char.housing.type;
-      document.getElementById('lifestyle').innerText = character.lifestyle;
+      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, {});

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;
+      char = character;
-      document.getElementById('age').innerText = character.age;
+      return fetch("/cpred/assets/game-data/housings.json");
-      const mainRole = character.roles.find(role => role.main);
+    }).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('housing').innerText = char.housing.type;
-      document.getElementById('lifestyle').innerText = character.lifestyle;
+      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, {});

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, {});

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>
+<?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>

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, {});

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, {});

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, {});

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, {});

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, {});

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, {});

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, {});