Florian Weber
f915dad908
All checks were successful
Deploy Jekyll site to Pages / build (push) Successful in 5m10s
55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
---
|
|
layout: page
|
|
---
|
|
|
|
<div class="row">
|
|
{% if page.image %}
|
|
<div class="col s6 m4 l1">
|
|
<img src="{{ page.image | relative_url }}" />
|
|
</div>
|
|
{% endif %}
|
|
<div class="col {% if page.image %}s6 m8 l11{% else %}s12 m12 l12{% endif %}">
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Straßenname:</strong>
|
|
<span id="streetname" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Alter:</strong>
|
|
<span id="age" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Rolle:</strong>
|
|
<span id="role" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Rollenfähigkeit:</strong>
|
|
<span id="role-ability" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Unterkunft:</strong>
|
|
<span id="housing" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Lebensstil:</strong>
|
|
<span id="lifestyle" class="cyberpunk-font"></span>
|
|
</p>
|
|
<p>
|
|
<strong class="cyberpunk-font-og">Lebenskosten:</strong>
|
|
<span id="costs" class="cyberpunk-font"></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{{ content }}
|
|
|
|
<script>
|
|
fetch("{{ page.datasource | relative_url }}")
|
|
.then(response => response.json())
|
|
.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('housing').innerText = character.housing.type;
|
|
document.getElementById('lifestyle').innerText = character.lifestyle;
|
|
});
|
|
</script>
|