51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
{% extends "autoscroll.html" %}
|
|
|
|
{% load qrcode %}
|
|
|
|
{% block everything %}
|
|
<section class="hero">
|
|
<div class="hero-body">
|
|
<div class="container has-text-centered">
|
|
<h2 class="title is-2">kontakt – das Kulturfestival</h2>
|
|
<h1 class="title is-1">sucht dich!</h1>
|
|
<h3 class="title">Schnapp dir deine Helfer*innenschicht auf https://helfen.kntkt.de</h3>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="hero is-link is-small">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="level">
|
|
{% for description, value in facts %}
|
|
<div class="level-item has-text-centered">
|
|
<div>
|
|
<p class="heading">{{ description }}</p>
|
|
<p class="title">{{ value }}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
<div class="container">
|
|
<h3 class="title">Nächste freie Schichten</h3>
|
|
<div class="columns">
|
|
{% for shift in next_free_shifts %}
|
|
<div class="column has-text-centered is-quarter">
|
|
<div class="box">
|
|
<div class="content">
|
|
<p class="is-size-4">{{ shift.start_at }}</p>
|
|
{% url 'shift' shift.pk as shift_url %}
|
|
{% qrcode "https://helfen.kntkt.de"|add:shift_url %}
|
|
<p class="is-size-4 mt-4">{{ shift.room.name }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|