78 lines
3.6 KiB
Twig
78 lines
3.6 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<title>Was geht im Dorf.jetzt?</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|
<link rel="preload" as="style" href="assets/css/filter.svg" />
|
|
<link href="assets/font/Material-Icons.css" rel="stylesheet">
|
|
<meta charset="UTF-8" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<h1 class="text-center">Was geht im Dorf.jetzt?</h1>
|
|
<div class="card mb-3 text-center">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Türstatus</h5>
|
|
<img src="assets/svg/ic_{{ state_svg }}_48px.svg" style="filter:url(assets/css/filter.svg#{{ state_color }});height:16rem;width:auto;" />
|
|
<p class="card-text">{{ state_string|raw }}</p>
|
|
<div class="btn-wrapper">
|
|
<a href="https://wiki.chaosdorf.de/Raumstatus" class="btn btn-lg btn-block btn-primary">Was bedeutet das?</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 text-center">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Events</h5>
|
|
{% if events|length > 0 %}
|
|
<h6 class="card-subtitle mb-2 text-muted">Nächste Veranstaltung</h6>
|
|
<p class="card-text">
|
|
<h5 class="font-weight-bold">{{ events[0].summary|e }}</h5>
|
|
<span class="font-weight-normal">{{ events[0].start|date('d.m.Y H:i', 'Europe/Berlin') }} – {{ events[0].end|end_datetime(events[0].start, 'Europe/Berlin') }}</span>
|
|
<span class="font-weight-normal"><a href="{{ events[0].url }}">Details zur Veranstaltung</a></span>
|
|
</p>
|
|
<h5 class="card-title">Danach:</h5>
|
|
<table class="table">
|
|
<tbody>
|
|
{% for event in events %}
|
|
{% if loop.index > 0 %}
|
|
<tr>
|
|
<th scope="row"> {{ event.start|date('d.m.Y H:i', 'Europe/Berlin') }} – {{ event.end|end_datetime(event.start, 'Europe/Berlin') }}</th>
|
|
<td>{{ event.summary|e }}</td>
|
|
<td><a href="{{ event.url }}">Details</a></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<a href="https://wiki.chaosdorf.de/Chaosdorf_Wiki:Current_events" class="btn btn-lg btn-block btn-primary">Event-Kalender</a>
|
|
{% else %}
|
|
<h6 class="card-subtitle mb-2 text-muted">Aktuell keine Veranstaltungen.</h6>
|
|
<p class="card-text">
|
|
<span class="font-weight-normal">
|
|
Es stehen aktuell keine Veranstaltungen an.
|
|
</span>
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="page-footer font-small text-center">
|
|
<div>
|
|
Du bist Besucher #{{ visitors }}
|
|
</div>
|
|
<div>
|
|
<a href="https://git.iwonder.name/iwonder/dorf.jetzt">Sieh dir den Code hier an</a>
|
|
</div>
|
|
<div>
|
|
Melde Fehler bitte an <a href="mailto:help@dorf.jetzt">help@dorf.jetzt</a>
|
|
</div>
|
|
<div>
|
|
Dies ist kein offizieller Auftritt des <a href="https://chaosdorf.de">Chaos Computer Club Düsseldorf / Chaosdorf e.V.</a>.
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |