From 78570162433602d11134f6bc6204760b65f08235 Mon Sep 17 00:00:00 2001 From: Florian Weber Date: Thu, 20 Mar 2025 12:28:08 +0100 Subject: [PATCH] Enhance character sheet layout with responsive styles and improved data binding --- _layouts/character-sheet.html | 46 +++++++++++++++++------------------ _sass/_layout.scss | 10 ++++++++ 2 files changed, 33 insertions(+), 23 deletions(-) diff --git a/_layouts/character-sheet.html b/_layouts/character-sheet.html index 15f1109..0c4fc81 100644 --- a/_layouts/character-sheet.html +++ b/_layouts/character-sheet.html @@ -4,38 +4,38 @@ layout: page
{% if page.image %} -
+
{% endif %}
-

- Straßenname: - +

+ Straßenname: +

-

- Alter: - +

+ Alter: +

-

- Rolle: - +

+ Rolle: +

-

- Rollenfähigkeit: - +

+ Rollenfähigkeit: +

-

- Unterkunft: - +

+ Unterkunft: +

-

- Lebensstil: - +

+ Lebensstil: +

-

- Lebenskosten: - +

+ Lebenskosten: +

@@ -47,7 +47,7 @@ layout: page .then(character => { document.getElementById('streetname').innerText = character.handle; document.getElementById('age').innerText = character.age; - document.getElementById('role').innerText = character.role[0].name + " Rang: " + character.role[0].rank; + document.getElementById('role').innerText = character.roles[0].name + " Rang: " + character.roles[0].rank; document.getElementById('housing').innerText = character.housing.type; document.getElementById('lifestyle').innerText = character.lifestyle; }); diff --git a/_sass/_layout.scss b/_sass/_layout.scss index ffd900b..ffa02b8 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -37,6 +37,16 @@ footer { color: #888; } +.character-details { + display: flex; +} + +.character-details-title {} + +.character-details-value { + margin: 0px 0px 0px auto; +} + .mobile-tabs { display: none; }