PhoenixDivision/cpred
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

Enhance character profile component with responsive image handling and navigation button
Some checks failed
Deploy Jekyll site to Pages / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Florian Weber
2025-03-20 13:27:27 +01:00
parent c518cbf550
commit 60e0818b6d
4 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
_includes/character-profile.html
View File

@@ -1,9 +1,18 @@
<div class="cyber-tile cyber-tile-big {{ include.bg_color }} {{ include.fg_color }} {{ include.class }}" style="min-height: auto;">
{% if include.image %}<img src="{{ include.image | relative_url }}" alt="Character Picture">{% endif %}
{% if include.image %}
<img class="responsive-img" src="{{ include.image | relative_url }}" alt="Character Picture">
{% endif %}
<p><span class="cyberpunk-font">Name:</span>&nbsp;&nbsp;<span id="name"></span></p>
<p><span class="cyberpunk-font">Handle:</span>&nbsp;&nbsp;<span id="streetname"></span></p>
<p><span class="cyberpunk-font">Role:</span>&nbsp;&nbsp;<span id="role"></span></p>
<p><span class="cyberpunk-font">Age:</span>&nbsp;&nbsp;<span id="age"></span></p>
{% if include.page %}
<button class="cyber-button bg-red fg-white" onclick="window.location.href='{{ include.page | relative_url }}'">
Mehr zu {{ include.name }}
<span class="glitchtext">$_glitch;</span>
<span class="tag">NETR</span>
</button>
{% endif %}
</div>
<script>
fetch("{{ include.datasource | relative_url }}")