{% 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 %}