91 lines
3.0 KiB
HTML
91 lines
3.0 KiB
HTML
|
{% extends base.html %}
|
||
|
|
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
|
||
|
|
{% addtoblock "css" strip %}<link rel="stylesheet" type="text/css" href="css/lib/animate.css" media="screen, projection">{% endaddtoblock %}
|
||
|
|
{% addtoblock "css" strip %}<link rel="stylesheet" href="css/coming-soon.css" type="text/css" media="screen" />{% endaddtoblock %}
|
||
|
|
|
||
|
|
|
||
|
|
{% addtoblock "js" %}
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function () {
|
||
|
|
var currentDate = new Date(),
|
||
|
|
finished = false,
|
||
|
|
availiableExamples = {
|
||
|
|
set35daysFromNow: 35 * 24 * 60 * 60 * 1000,
|
||
|
|
set5minFromNow : 5 * 60 * 1000,
|
||
|
|
set1minFromNow : 1 * 60 * 1000
|
||
|
|
};
|
||
|
|
|
||
|
|
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(availiableExamples.set35daysFromNow + currentDate.valueOf(), callback);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{% endaddtoblock %}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="coming_soon">
|
||
|
|
<div class="head">
|
||
|
|
<div class="container">
|
||
|
|
<div class="span6 text">
|
||
|
|
<h4>Unser nächstes Konzert</h4>
|
||
|
|
<p>
|
||
|
|
Ist in Rohr um 19:00 in der Was WeissIch Kirche <span>Bis dann</span>
|
||
|
|
<br />
|
||
|
|
Dorfplatz 5, Rohr
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="span6 count" id="clock">
|
||
|
|
<div class="box last">
|
||
|
|
<div class="circle">
|
||
|
|
<span id="seconds"></span>
|
||
|
|
</div>
|
||
|
|
<p>Sekunden</p>
|
||
|
|
</div>
|
||
|
|
<div class="box">
|
||
|
|
<div class="circle">
|
||
|
|
<span id="minutes"></span>
|
||
|
|
</div>
|
||
|
|
<p>Minuten</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="days"></span>
|
||
|
|
</div>
|
||
|
|
<p>Tage</p>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="box">
|
||
|
|
<div class="circle">
|
||
|
|
<span id="weeks"></span>
|
||
|
|
</div>
|
||
|
|
<p>Weeks</p>
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% endblock %}
|
||
|
|
|