80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
{% load sekizai_tags staticfiles %}
|
|
|
|
|
|
|
|
{% addtoblock "css" strip %}<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/lib/animate.css" media="screen, projection">{% endaddtoblock %}
|
|
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/coming-soon.css" type="text/css" media="screen" />{% endaddtoblock %}
|
|
|
|
{% if countdown %}
|
|
|
|
|
|
|
|
{% addtoblock "js" %}
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
function callback(event) {
|
|
$this = $(this);
|
|
$this.find('span#'+event.type).html(event.value);
|
|
switch(event.type) {
|
|
case "seconds":
|
|
case "minutes":
|
|
case "hours":
|
|
case "days":
|
|
case "weeks":
|
|
case "daysLeft":
|
|
case "finished":
|
|
}
|
|
}
|
|
$('div#clock').countdown(new Date().valueOf() + {{ countdown.epoch }} , callback);
|
|
});
|
|
</script>
|
|
{% endaddtoblock %}
|
|
|
|
|
|
|
|
<div id="coming_soon">
|
|
<div class="head">
|
|
<div class="container">
|
|
<div class="span6 text">
|
|
<h4>Der nächste Termin:</h4>
|
|
<p>
|
|
{{countdown.event.title}} am {{countdown.event.date | date:"D, d.m.y" }}
|
|
um {{countdown.event.displaytime | time:"H:i" }} Uhr
|
|
in <em>{{countdown.event.location}} </em>
|
|
|
|
<br/>
|
|
{% if 'participation' in countdown %}
|
|
{% if countdown.participation == "?" %}
|
|
Du hast dich noch nicht für diesen Termin eingetragen!
|
|
{% elif countdown.participation == "Yes" %}
|
|
Du hast für diesen Termin zugesagt.
|
|
{% elif countdown.participation == "No" %}
|
|
Du hast für diesen Termin abgesagt.
|
|
{%endif %}
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
<div class="span6 count" id="clock">
|
|
<div class="box">
|
|
<div class="circle"> <span id="days"></span> </div>
|
|
<p>Tage</p>
|
|
</div>
|
|
<div class="box">
|
|
<div class="circle"> <span id="hours"></span> </div>
|
|
<p>Stunden</p>
|
|
</div>
|
|
<div class="box">
|
|
<div class="circle"> <span id="minutes"></span> </div>
|
|
<p>Minuten</p>
|
|
</div>
|
|
<div class="box last">
|
|
<div class="circle"> <span id="seconds"></span> </div>
|
|
<p>Sekunden</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endif %}
|