dorf.jetzt/templates/Main.twig

89 lines
3.8 KiB
Twig
Raw Permalink Normal View History

2023-01-20 18:54:40 +01:00
<!DOCTYPE html>
<html lang="de">
<head>
2023-10-01 18:46:55 +02:00
<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">
2023-01-20 18:54:40 +01:00
<link rel="preload" as="style" href="assets/css/filter.svg" />
2023-10-01 18:46:55 +02:00
<meta charset="UTF-8" />
2023-01-20 18:54:40 +01:00
</head>
<body>
2023-10-01 18:46:55 +02:00
<div class="container">
<header>
<h1 class="text-center">Was geht im Dorf.jetzt?</h1>
</header>
2023-01-20 18:54:40 +01:00
<div class="card mb-3 text-center">
<div class="card-body">
2023-10-01 18:46:55 +02:00
<h2 class="card-title">Türstatus</h2>
<figure>
<img src="assets/svg/ic_{{ state_svg }}_48px.svg"
style="filter:url(assets/css/filter.svg#{{ state_color }});height:16rem;width:auto;" alt="" />
<figcaption>
<p class="card-text">{{ state_string | raw }}</p>
</figcaption>
</figure>
2023-01-20 18:54:40 +01:00
<div class="btn-wrapper">
2023-10-01 18:46:55 +02:00
<a href="https://wiki.chaosdorf.de/Raumstatus" class="btn btn-lg btn-block btn-primary">Was bedeutet
das?</a>
2023-01-20 18:54:40 +01:00
</div>
</div>
</div>
<div class="card mb-3 text-center">
<div class="card-body">
2023-10-01 18:46:55 +02:00
<h2 class="card-title">Events</h2>
2023-01-20 18:54:40 +01:00
{% if events|length > 0 %}
2023-10-01 18:46:55 +02:00
<h3 class="card-subtitle mb-2 text-muted">Nächste Veranstaltung</h3>
<p class="card-text">
<h4 class="font-weight-bold">{{ events[0].summary|e }}</h4>
<span class="font-weight-normal">{{ events[0].start|date('d.m.Y H:i', 'Europe/Berlin') }} &ndash; {{
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>
<h3 class="card-title">Danach:</h3>
<table class="table">
<tbody>
2023-01-20 18:54:40 +01:00
{% for event in events %}
2023-01-23 12:41:45 +01:00
{% if loop.index0 > 0 %}
2023-10-01 18:46:55 +02:00
<tr>
<th scope="row"> {{ event.start|date('d.m.Y H:i', 'Europe/Berlin') }} &ndash; {{
event.end|end_datetime(event.start, 'Europe/Berlin') }}</th>
<td>{{ event.summary|e }}</td>
<td><a href="{{ event.url }}">Details</a></td>
</tr>
2023-01-20 18:54:40 +01:00
{% endif %}
{% endfor %}
2023-10-01 18:46:55 +02:00
</tbody>
</table>
<a href="https://wiki.chaosdorf.de/Chaosdorf_Wiki:Current_events"
class="btn btn-lg btn-block btn-primary">Event-Kalender</a>
2023-01-20 18:54:40 +01:00
{% else %}
2023-10-01 18:46:55 +02:00
<h3 class="card-subtitle mb-2 text-muted">Aktuell keine Veranstaltungen.</h6>
2023-01-20 18:54:40 +01:00
<p class="card-text">
<span class="font-weight-normal">
Es stehen aktuell keine Veranstaltungen an.
</span>
</p>
2023-10-01 18:46:55 +02:00
{% endif %}
2023-01-20 18:54:40 +01:00
</div>
</div>
2023-10-01 18:46:55 +02:00
</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>
2023-01-20 18:54:40 +01:00
</body>
</html>