2012-02-20 20:35:12 +01:00
|
|
|
|
{% load tags %}
|
2013-08-04 12:59:11 +02:00
|
|
|
|
{% load i18n %}
|
2012-04-14 14:51:56 +02:00
|
|
|
|
{% load staticfiles %}
|
2012-02-20 20:35:12 +01:00
|
|
|
|
|
2013-05-30 14:41:22 +02:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="{{LANGUAGE_CODE}}">
|
2012-02-20 20:35:12 +01:00
|
|
|
|
<head>
|
2013-09-07 10:14:54 +02:00
|
|
|
|
<link href="{% static 'styles/bootstrap.min.css' %}" type="text/css" rel="stylesheet">
|
2013-10-23 17:08:08 +02:00
|
|
|
|
<link href="{% static 'styles/projector.css' %}" type="text/css" rel="stylesheet">
|
2013-09-07 10:14:54 +02:00
|
|
|
|
<link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon">
|
|
|
|
|
<title>{% trans 'Projector' %} – {{ 'event_name'|get_config }}</title>
|
2013-10-04 11:38:39 +02:00
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="{% static 'javascript/jquery.min.js' %}"></script>
|
|
|
|
|
<script type="text/javascript" src="{% static 'javascript/sockjs-0.3.min.js' %}"></script>
|
|
|
|
|
<script type="text/javascript" src="{% static 'javascript/projector.js' %}"></script>
|
|
|
|
|
<script type="text/javascript">
|
2013-11-06 14:42:14 +01:00
|
|
|
|
$(function() {
|
2013-10-04 11:38:39 +02:00
|
|
|
|
{% for js in overlay_js %}
|
|
|
|
|
projector.update_data({{ js|safe }});
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% for key, value in calls.items %}
|
|
|
|
|
projector.{{ key }}({{ value }});
|
|
|
|
|
{% endfor %}
|
2013-11-06 14:42:14 +01:00
|
|
|
|
});
|
2013-10-04 11:38:39 +02:00
|
|
|
|
</script>
|
2013-11-09 23:04:50 +01:00
|
|
|
|
<style type="text/css">
|
|
|
|
|
#header {
|
|
|
|
|
{% if 'projector_backgroundcolor2'|get_config %}
|
|
|
|
|
background-image: -moz-linear-gradient(top, {{ 'projector_backgroundcolor1'|get_config }}, {{ 'projector_backgroundcolor2'|get_config }});
|
|
|
|
|
background-image: -ms-linear-gradient(top, {{ 'projector_backgroundcolor1'|get_config }}, {{ 'projector_backgroundcolor2'|get_config }});
|
|
|
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from({{ 'projector_backgroundcolor1'|get_config }}), to({{ 'projector_backgroundcolor2'|get_config }}));
|
|
|
|
|
background-image: -webkit-linear-gradient(top, {{ 'projector_backgroundcolor1'|get_config }}, {{ 'projector_backgroundcolor2'|get_config }});
|
|
|
|
|
background-image: -o-linear-gradient(top, {{ 'projector_backgroundcolor1'|get_config }}, {{ 'projector_backgroundcolor2'|get_config }});
|
|
|
|
|
background-image: linear-gradient(top, {{ 'projector_backgroundcolor1'|get_config }}, {{ 'projector_backgroundcolor2'|get_config }});
|
|
|
|
|
{% else %}
|
|
|
|
|
background-color: {{ 'projector_backgroundcolor1'|get_config }};
|
|
|
|
|
{% endif %}
|
|
|
|
|
}
|
|
|
|
|
#eventdata {
|
|
|
|
|
color: {{ 'projector_fontcolor'|get_config }};
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2012-02-20 20:35:12 +01:00
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
2013-11-09 23:04:50 +01:00
|
|
|
|
{% if 'projector_enable_logo'|get_config %}
|
|
|
|
|
<img id="logo" alt="Logo" src="/static/img/logo.png">
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if 'projector_enable_title'|get_config %}
|
|
|
|
|
<div id="eventdata">
|
|
|
|
|
<div class="title {% if not 'event_description'|get_config %}titleonly{% endif %}">{{ 'event_name'|get_config }}</div>
|
|
|
|
|
{% if 'event_description'|get_config %}
|
|
|
|
|
<div class="description">{{ 'event_description'|get_config }}</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
2012-02-20 20:35:12 +01:00
|
|
|
|
</div>
|
2011-07-31 10:46:29 +02:00
|
|
|
|
|
2012-04-16 16:35:30 +02:00
|
|
|
|
<div id="overlays">
|
2013-08-04 12:59:11 +02:00
|
|
|
|
{{ overlays }}
|
2012-03-16 12:28:42 +01:00
|
|
|
|
</div>
|
2011-11-09 21:16:02 +01:00
|
|
|
|
|
2013-08-04 12:59:11 +02:00
|
|
|
|
<div id="content" {% if reload %}class="reload"{% endif %}>
|
|
|
|
|
{{ content }}
|
2012-02-20 20:35:12 +01:00
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2011-07-31 10:46:29 +02:00
|
|
|
|
</html>
|