2023-12-13 02:55:14 +01:00
|
|
|
---
|
|
|
|
layout: base.njk
|
|
|
|
---
|
|
|
|
|
|
|
|
{% set service = services | getServiceById(key) %}
|
|
|
|
{% if service %}
|
2024-03-14 02:45:49 +01:00
|
|
|
<p class="small"><a href="/{{locale}}/services/">Zurück zur Übersicht</a></p>
|
2023-12-13 02:55:14 +01:00
|
|
|
<h1><i class="{{service.icon}}"></i> {{title}} <a href="https://status.sp-codes.de" class="float-end"><img alt="{{strings.state[locale]}}" src="https://status.sp-codes.de/api/badge/1/status?label=Status&upLabel=Online&downLabel=Ausfall&maintenanceLabel=Wartung"></a></h1>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8 col-12">
|
|
|
|
{{ content | safe }}
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-12">
|
2024-01-31 23:57:18 +01:00
|
|
|
{% for card in service.cards %}
|
|
|
|
<div class="tab-card{% if card.ossrox %} ossrox{% endif %}">
|
|
|
|
{% if card.ossrox %}
|
|
|
|
<a href="{{ card.ossrox.url }}" class="link"></a>
|
2023-12-13 02:55:14 +01:00
|
|
|
<div class="title"><img class="ossrox" src="/img/ossrox-white.svg" alt="Ossrox"></div>
|
2024-01-31 23:57:18 +01:00
|
|
|
{% else %}
|
|
|
|
<div class="title"><h2 class="text-center fw-bold">{{ card.title[locale] }}</h1></div>
|
|
|
|
{% endif %}
|
2023-12-13 02:55:14 +01:00
|
|
|
<div class="card">
|
2024-01-31 23:57:18 +01:00
|
|
|
{{ card.content[locale] | safe }}
|
2023-12-13 02:55:14 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2024-01-31 23:57:18 +01:00
|
|
|
{% endfor %}
|
2023-12-13 02:55:14 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% else %}
|
|
|
|
Service not found
|
|
|
|
{% endif %}
|