OpenSlides/openslides/projector/templates/projector.html

71 lines
3.6 KiB
HTML
Raw Normal View History

2012-02-20 20:35:12 +01:00
{% load tags %}
{% load i18n %}
{% load staticfiles %}
2012-02-20 20:35:12 +01:00
<!DOCTYPE html>
<html lang="{{LANGUAGE_CODE}}">
2012-02-20 20:35:12 +01:00
<head>
<link href="{% static 'css/openslides-libs.css' %}" type="text/css" rel="stylesheet">
<link href="{% static 'css/projector.css' %}" type="text/css" rel="stylesheet">
<link href="{% static 'img/favicon.png' %}" type="image/png" rel="shortcut icon">
<title>{% block title %}{% trans 'Projector' %} {{ 'event_name'|get_config }}{% endblock %}</title>
<script type="text/javascript" src="{% static 'js/openslides-libs.js' %}"></script>
<script type="text/javascript" src="{% static 'js/sockjs-0.3.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/projector.js' %}"></script>
<script type="text/javascript">
2013-11-06 14:42:14 +01:00
$(function() {
{% 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
});
</script>
<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 }});
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ 'projector_backgroundcolor1'|get_config }}', encColorstr='{{ 'projector_backgroundcolor2'|get_config }}')"; /* IE 8+ */
{% 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">
{% if 'projector_enable_logo'|get_config %}
<img id="logo" alt="Logo" src="{% static 'img/logo-projector.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
<div id="overlays">
2014-04-10 14:23:08 +02:00
{% for overlay in overlays.values %}
{{ overlay.get_projector_html|safe }}
{% endfor %}
</div>
<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>