105 lines
2.9 KiB
HTML
105 lines
2.9 KiB
HTML
{% load sekizai_tags static %} {% comment %} Displays a slider linking to
|
|
/events /messages /addressbook Requires context
|
|
"hasParticipationSetForAllEvents" to diplay if a user has finished the event
|
|
planning {% endcomment %} {% addtoblock "css" %}
|
|
|
|
<style>
|
|
.slide .info {
|
|
position: absolute;
|
|
top: 260px;
|
|
left: 8%;
|
|
width: 24%;
|
|
display: none;
|
|
z-index: 10;
|
|
}
|
|
.slide .info a {
|
|
text-transform: uppercase;
|
|
color: rgb(255, 255, 255);
|
|
background: none repeat scroll 0% 0% rgb(166, 3, 3);
|
|
font-size: 25px;
|
|
font-weight: bolder;
|
|
padding: 15px 24px;
|
|
border: 0px none;
|
|
border-radius: 6px 6px 6px 6px;
|
|
transition:
|
|
background 0.2s linear 0s,
|
|
box-shadow 0.2s linear 0s;
|
|
}
|
|
.slide .info .subtitle {
|
|
margin: 25px;
|
|
font-size: 20px;
|
|
font-style: italic;
|
|
}
|
|
.slide .info .subtitlebg {
|
|
background: none repeat scroll 0% 0% rgb(243, 243, 243);
|
|
padding: 10px;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
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 %}
|
|
|
|
<section id="feature_slider" class="">
|
|
<article
|
|
class="slide"
|
|
id="slide_news"
|
|
style="background: url('{{STATIC_URL}}img/slides/aqua.jpg') repeat-x top center;"
|
|
>
|
|
<img
|
|
class="asset left-30 sp600 t150 z1"
|
|
src="{{STATIC_URL}}img/google_cal.png"
|
|
/>
|
|
<div class="info">
|
|
<a href="/eventplanner_gcal/manage">GoogleCalendar</a>
|
|
<div class="subtitle subtitlebg">
|
|
Jetzt auch auf dem Handy im Google Kalender Termine planen
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article
|
|
class="slide"
|
|
id="slide_eventManagement"
|
|
style="background: url('{{STATIC_URL}}img/slides/andi2.jpg') repeat-x top center;"
|
|
>
|
|
<div class="info">
|
|
<a href="/events">Einsatzplanung</a>
|
|
|
|
<div class="subtitle subtitlebg">
|
|
{% if hasParticipationSetForAllEvents %} Sehr gut - du hast dich
|
|
für alles eingetragen {% else %} Du hast dich noch nicht für
|
|
alle Termine eingetragen!! {% endif %}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article
|
|
class="slide"
|
|
id="adressbook"
|
|
style="background: url('{{STATIC_URL}}img/slides/spielen2.jpg') repeat-x top center;"
|
|
>
|
|
<div class="info">
|
|
<a href="/musicians">Adressbuch</a>
|
|
<div class="subtitle subtitlebg">
|
|
Geburtstage, Telefonnummern, ...
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|