Weekday shown for events / Responsive Mainpage
This commit is contained in:
Martin Bauer
parent
a6a1620a53
commit
81120ab385
Binary file not shown.
|
|
@ -135,7 +135,7 @@
|
|||
{% else %}
|
||||
<td class="center"> <a href="{{ event.pk }}"> {{ event.title }} </a> </td>
|
||||
{% endif %}
|
||||
<td class="center"> {{ event.date | date:"SHORT_DATE_FORMAT" }} </td>
|
||||
<td class="center"> {{ event.date | date:"D, d.m.y" }} </td>
|
||||
<td class="center"> {% if event.time %} {{ event.time | time:"H:i" }} {% endif %} </td>
|
||||
<td class="center"> {% if event.meeting_time %} {{ event.meeting_time | time:"H:i" }} {% endif %} </td>
|
||||
|
||||
|
|
|
|||
|
|
@ -55,6 +55,7 @@
|
|||
{% endif %}
|
||||
|
||||
$('.eventButton').tooltip()
|
||||
$('.infoColumn').tooltip()
|
||||
|
||||
$("button.eventButton").click( function (e) {
|
||||
e.preventDefault();
|
||||
|
|
@ -150,7 +151,14 @@
|
|||
{% for event in events %}
|
||||
<tr class="eventRow">
|
||||
<td class="center" > <a href="{{ event.pk }}" > {{ event.title }} </a> </td>
|
||||
<td class="center infoColumn" > {% if event.location %} {{ event.location }}<br/> {% endif %} {{ event.date | date:"SHORT_DATE_FORMAT" }} </td>
|
||||
<td class="center">
|
||||
<div class="infoColumn" title="{% if event.time %} Uhrzeit: {{ event.time | time:"H:i" }} {% endif %}
|
||||
{% if event.meeting_time %} ( Treffpunkt: {{event.meeting_time | time:"H:i"}} ) {% endif %} ">
|
||||
|
||||
{% if event.location %} {{ event.location }} <br/> {% endif %}
|
||||
{{ event.date | date:"D, d.m.y" }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
{% for p in event.participation %}
|
||||
|
|
|
|||
|
|
@ -38,8 +38,11 @@
|
|||
float: right;
|
||||
}
|
||||
#coming_soon .count .box{
|
||||
float: none;
|
||||
display: inline-block;
|
||||
|
||||
text-align: center;
|
||||
float: right;
|
||||
/*float: right;*/
|
||||
margin-left: -10px;
|
||||
}
|
||||
#coming_soon .count .first{
|
||||
|
|
@ -66,121 +69,6 @@
|
|||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp{
|
||||
background: #fff;
|
||||
width: 98%;
|
||||
margin: 0 auto 60px;
|
||||
padding: 32px 0 21px;
|
||||
height: 50px;
|
||||
float: none;
|
||||
border-radius: 0 0 4px 4px;
|
||||
box-shadow: 1px 1px 2px 0px rgb(206, 206, 206);
|
||||
}
|
||||
#coming_soon .email_wrapp .line{
|
||||
margin-left: 0;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp p{
|
||||
float: left;
|
||||
font-size: 17px;
|
||||
margin: 8px 0px 0px 48px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp input[type="text"]{
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
border-radius: 3px;
|
||||
height: 27px;
|
||||
margin-bottom: 0;
|
||||
width: 31.5%;
|
||||
margin-left: 30px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp a.send{
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
border: 0 none;
|
||||
box-shadow: none;
|
||||
margin: 0px 70px 0 0;
|
||||
background: #1189D9;
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
padding: 8px 10px;
|
||||
font-size: 14px;
|
||||
float: right;
|
||||
-webkit-transition: background linear .2s, box-shadow linear .2s;
|
||||
-moz-transition: background linear .2s, box-shadow linear .2s;
|
||||
-o-transition: background linear .2s, box-shadow linear .2s;
|
||||
transition: background linear .2s, box-shadow linear .2s;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp a.send:hover{
|
||||
background: #252528;
|
||||
}
|
||||
#coming_soon .social{
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
}
|
||||
#coming_soon .social p{
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
margin: 0 10px 0 0;
|
||||
bottom: 9px;
|
||||
position: relative;
|
||||
}
|
||||
#coming_soon .social a {
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
#coming_soon .social a span{
|
||||
display: inline-block;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
}
|
||||
#coming_soon .social span.ico1,
|
||||
#coming_soon .social span.ico1h{
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
#coming_soon .social span.ico2,
|
||||
#coming_soon .social span.ico2h{
|
||||
background-position: -37px 0px;
|
||||
}
|
||||
#coming_soon .social span.ico3,
|
||||
#coming_soon .social span.ico3h{
|
||||
background-position: -75px 0px;
|
||||
}
|
||||
#coming_soon .social span.ico4,
|
||||
#coming_soon .social span.ico4h{
|
||||
background-position: -112px -1px;
|
||||
}
|
||||
#coming_soon .social span.ico5,
|
||||
#coming_soon .social span.ico5h{
|
||||
background-position: -151px 0px;
|
||||
}
|
||||
#coming_soon .social span.ico6,
|
||||
#coming_soon .social span.ico6h{
|
||||
background-position: -188px -1px;
|
||||
}
|
||||
#coming_soon .social span.ico7,
|
||||
#coming_soon .social span.ico7h{
|
||||
background-position: -226px 0px;
|
||||
}
|
||||
#coming_soon .social a:hover span.icons{
|
||||
display: none;
|
||||
}
|
||||
#coming_soon .social a:hover span.iconsh{
|
||||
display: inline-block;
|
||||
}
|
||||
#coming_soon .social span.iconsh{
|
||||
display: none;
|
||||
}
|
||||
#coming_soon .icons{
|
||||
background: url('../img/socialicons2.png') no-repeat;
|
||||
width: 265px;
|
||||
height: 36px;
|
||||
}
|
||||
#coming_soon .iconsh{
|
||||
background: url('../img/socialicons_h.png') no-repeat;
|
||||
width: 265px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
/* Responsive
|
||||
-------------------------------------------------- */
|
||||
|
|
@ -193,6 +81,7 @@
|
|||
@media (max-width: 979px) {
|
||||
}
|
||||
/* Portrait tablet to landscape and desktop */
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
#coming_soon .head{
|
||||
padding-top: 80px;
|
||||
|
|
@ -202,37 +91,26 @@
|
|||
text-align: center;
|
||||
width: 37%;
|
||||
}
|
||||
#coming_soon .count .box{
|
||||
margin: 0 0 13px 0;
|
||||
}
|
||||
#coming_soon .count .first{
|
||||
margin: 0;
|
||||
#coming_soon #clock {
|
||||
margin-top: 45px;
|
||||
}
|
||||
#coming_soon .count .circle{
|
||||
float: none;
|
||||
display: inline-block;
|
||||
height: 73px;
|
||||
width: 73px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp{
|
||||
text-align: center;
|
||||
height: auto;
|
||||
padding: 30px 0 30px;
|
||||
#coming_soon .count p{
|
||||
font-size: 10px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp p{
|
||||
float: none;
|
||||
margin: 0 0 19px 0;
|
||||
#coming_soon .count .circle span{
|
||||
margin-top: 26px;
|
||||
font-size: 30px;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp input[type="text"]{
|
||||
float: none;
|
||||
width: 43%;
|
||||
margin: 0 1px 0 0;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp a.send{
|
||||
float: none;
|
||||
margin: 0 0 0 7px;
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
/* Landscape phone to portrait tablet */
|
||||
@media (max-width: 767px) {
|
||||
@media (max-width: 768px) {
|
||||
#coming_soon .head{
|
||||
text-align: center;
|
||||
background: none;
|
||||
|
|
@ -269,26 +147,7 @@
|
|||
#coming_soon .count p{
|
||||
color: #333;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp{
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp p{
|
||||
float: none;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp input[type="text"]{
|
||||
float: left;
|
||||
width: 77%;
|
||||
margin-left: 0;
|
||||
}
|
||||
#coming_soon .email_wrapp .wrapp a.send{
|
||||
float: left;
|
||||
margin-left: 22px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
/* Landscape phones and down */
|
||||
@media (max-width: 480px) {
|
||||
|
|
@ -296,6 +155,9 @@
|
|||
height: 73px;
|
||||
width: 73px;
|
||||
}
|
||||
#coming_soon .count p{
|
||||
font-size: 10px;
|
||||
}
|
||||
#coming_soon .count .circle span{
|
||||
margin-top: 26px;
|
||||
font-size: 30px;
|
||||
|
|
@ -303,11 +165,4 @@
|
|||
#coming_soon .email_wrapp .wrapp input[type="text"]{
|
||||
width: 70%;
|
||||
}
|
||||
#coming_soon .social p{
|
||||
display: block;
|
||||
margin: 16px 0 3px 0;
|
||||
}
|
||||
#coming_soon .social a{
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,13 @@
|
|||
|
||||
#concert_route h4{
|
||||
margin: 0 0 10px 0;
|
||||
/*color: #fff;*/
|
||||
font-size: 25px;
|
||||
font-weight: normal;
|
||||
line-height: 38px;
|
||||
text-shadow: 1px 1px 0px #2A284D;
|
||||
}
|
||||
|
||||
#map{
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
|
|
@ -149,6 +159,20 @@
|
|||
#concert_route .map .box_wrapp a.btn{
|
||||
width: 65%;
|
||||
}
|
||||
#map {
|
||||
visibility:hidden;
|
||||
height: 2px;
|
||||
width : 2px;
|
||||
}
|
||||
#route_info_box
|
||||
{
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#route_info_box a.btn
|
||||
{
|
||||
visibility:hidden;
|
||||
}
|
||||
}
|
||||
/* Landscape phones and down */
|
||||
@media (max-width: 480px) {
|
||||
|
|
|
|||
|
|
@ -176,7 +176,9 @@
|
|||
<div id="route_info_box" class="span5 box_wrapp">
|
||||
<div class="box_cont">
|
||||
<div class="head">
|
||||
<h6>Nächstes Konzert:</h6>
|
||||
<h4>Nächstes Konzert</h4>
|
||||
|
||||
<!--
|
||||
</div>
|
||||
Nächstes Konzert ist in <br> <em>{{nextConcert.location}}</em> <br> am {{nextConcert.date | date:"SHORT_DATE_FORMAT" }} um {{nextConcert.time | time:"H:i" }} Uhr <br/>
|
||||
{% if nextConcert.meeting_time %} Treffpunkt ist um {{ nextConcert.meeting_time | time:"H:i" }} Uhr <br/> {% endif %}
|
||||
|
|
@ -185,6 +187,18 @@
|
|||
<tr> <td> Fahrzeit:</td> <td> <span id="route_duration"></span> </td> </tr>
|
||||
<tr> <td> Strecke: </td> <td> <span id="route_distance"></span> </td> </tr>
|
||||
</table>
|
||||
-->
|
||||
<table class="table table-striped table-condensed">
|
||||
<tr><td>Ort: </td> <td> {{nextConcert.location}} </td> </tr>
|
||||
<tr><td>Datum: </td> <td> {{nextConcert.date | date:"D, d.m.y" }} </td> </tr>
|
||||
<tr><td>Uhrzeit: </td> <td> {{nextConcert.time | time:"H:i" }} Uhr </td> </tr>
|
||||
{% if nextConcert.meeting_time %} <tr><td>Treffen um: </td> <td> {{ nextConcert.meeting_time | time:"H:i" }} Uhr </td> </tr> {% endif %}
|
||||
<tr> <td> Fahrzeit:</td> <td> <span id="route_duration"></span> </td> </tr>
|
||||
<tr> <td> Strecke: </td> <td> <span id="route_distance"></span> </td> </tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<a class="btn" >Schliessen</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -38,8 +38,8 @@
|
|||
<div class="span6 text">
|
||||
<h4>Der nächste Termin:</h4>
|
||||
<p>
|
||||
{{countdown.event.title}} ist am {{countdown.event.date | date:"SHORT_DATE_FORMAT" }}
|
||||
um {{countdown.event.displaytime | time:"H:i" }}
|
||||
{{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/>
|
||||
|
|
@ -55,21 +55,21 @@
|
|||
</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 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="days"></span> </div>
|
||||
<p>Tage</p>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -52,6 +52,20 @@
|
|||
border-radius: 8px;
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 979px) {
|
||||
.slide .info a {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.slide .info .subtitle {
|
||||
font-size: 16px;
|
||||
}
|
||||
.slide .info .subtitlebg {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{% endaddtoblock %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue