summaryrefslogtreecommitdiffstats
path: root/templates/agenda/billboard.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/agenda/billboard.html')
-rwxr-xr-xtemplates/agenda/billboard.html95
1 files changed, 95 insertions, 0 deletions
diff --git a/templates/agenda/billboard.html b/templates/agenda/billboard.html
new file mode 100755
index 0000000..f2498c9
--- /dev/null
+++ b/templates/agenda/billboard.html
@@ -0,0 +1,95 @@
+{% extends "agenda/billboard_base.html" %}
+{% load i18n %}
+{% load comments %}
+
+{% block refresh %}{{ style.refresh }}{% endblock %}
+{% block body_style %}{% for event in event %}" background="/media/{{ event.picture }}{% endfor %}{% endblock %}
+{% block style %}
+body {
+ font-family: Verdana, Arial, sans-serif;
+}
+#title {
+ color: #{{ style.color1 }};
+ background-color: #{{ style.color2 }};
+ position: absolute;
+ left: 300px;
+ top: 100px;
+ {% if style.csstitle %}{{ style.csstitle }}{% endif %}
+ width: 500px; height: 90px;
+ z-index:3;
+}
+#location {
+ color: #{{ style.color2 }};
+ background-color: #{{ style.color1 }};
+ position: absolute;
+ right: 50px;
+ bottom: 50px;
+ {% if style.csslocation %} {{ style.csslocation }}{% endif %}
+ width: 210px;
+ {% for event in event %}{% if event.location.picture %}height: 190px;{% else %}height: 50px;{% endif %}{% endfor %}
+ display: block;
+ z-index:4;
+
+}
+
+#date {
+ color: #{{ style.color1 }};
+ background-color: #{{ style.color2 }};
+ left: 200px;
+ top: 100px;
+ {% if style.cssdate %}{{ style.cssdate }}{% endif %}
+ width: 180px; height: 50px;
+ display: block;
+
+}
+#description {
+ color: #{{ style.color3 }};
+ background-color: #{{ style.color1 }};
+ position: absolute;
+ left: 150px;
+ {% if style.cssdescription %}{{ style.cssdescription }}{% endif %}
+ top: 280px;
+ width: 300px; height: 150px;
+ display: block;
+ z-index:2;
+
+}
+
+ {% endblock %}
+
+{% block content %}
+{% if group %} group: {{ group }} {% endif %}
+{% if event %} event: {{ event }} {% endif %}
+{% if location %} location: {{ location }} {% endif %}
+{% if list %} list: {{ list }} {% endif %}
+{% for event in event %}
+<div id='title'><h1>{{ event.title }}</h1></div>
+{% if event.location %}<div id='location'>{{ event.location }}
+
+ {% if event.location.picture %}
+ <img src="/media/{{ event.location.picture }}" width="200px">
+ {% endif %}
+</div>
+{% endif %}
+<p><p><p><p>
+{% if event.start_date %}<div id='date'>{% trans 'When' %}: {{ event.start_date|date }}</div>{% endif %}
+
+{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
+{% if event.description %}<div id='description'>{% trans 'Description' %}: {{ event.description|truncatewords:"30"|escape }}</div>{% endif %}
+
+{% if event.picture %}<img src="/media/{{ event.picture }}" width="600px"><br>{% endif %}
+ {% endfor %}
+ {% endblock %}
+ {% block endscript %}
+ new Effect.BlindDown("title",{duration:2.0,direction: "bottom-left"});
+ new Effect.Pulsate("title",{queue: "end"});
+ new Effect.Fade("title",{queue: "end"});
+ new Effect.Grow("description",{duration:2.0,direction: "bottom-left", queue: 'end'});
+ new Effect.Shrink("description",{queue: "end"});
+ new Effect.Grow("date",{duration:1.0,direction: "bottom-left",opacityTransition:Effect.Transitions.linear, queue: 'end'});
+ new Effect.Shrink("date",{queue: "end"});
+ new Effect.Grow("location",{duration:1.0,direction: "bottom-left",opacityTransition:Effect.Transitions.linear, queue: "end"});
+ new Effect.Appear("title",{duration:2.0,direction: "bottom-left", queue: 'end'});
+ new Effect.Fade("location",{queue: "end"});
+ {% endblock %}
+