Florian Weber
60e0818b6d
Some checks failed
Deploy Jekyll site to Pages / build (push) Has been cancelled
28 lines
1.4 KiB
HTML
28 lines
1.4 KiB
HTML
<div class="cyber-tile cyber-tile-big {{ include.bg_color }} {{ include.fg_color }} {{ include.class }}" style="min-height: auto;">
|
|
{% if include.image %}
|
|
<img class="responsive-img" src="{{ include.image | relative_url }}" alt="Character Picture">
|
|
{% endif %}
|
|
<p><span class="cyberpunk-font">Name:</span> <span id="name"></span></p>
|
|
<p><span class="cyberpunk-font">Handle:</span> <span id="streetname"></span></p>
|
|
<p><span class="cyberpunk-font">Role:</span> <span id="role"></span></p>
|
|
<p><span class="cyberpunk-font">Age:</span> <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 }}")
|
|
.then(response => response.json())
|
|
.then(character => {
|
|
document.getElementById('name').innerText = character.name;
|
|
document.getElementById('streetname').innerText = character.handle;
|
|
document.getElementById('age').innerText = character.age;
|
|
const mainRole = character.roles.find(role => role.main);
|
|
document.getElementById('role').innerText = mainRole.name + " Rang: " + mainRole.rank;
|
|
});
|
|
</script>
|