2015-06-17 09:45:00 +02:00
|
|
|
<!DOCTYPE html>
|
2018-01-30 16:12:02 +01:00
|
|
|
<html lang="{{ selectedLanguage }}" ng-controller="LanguageAndFontCtrl" class="no-js">
|
2015-06-17 09:45:00 +02:00
|
|
|
<meta charset="utf-8">
|
2016-08-25 16:40:34 +02:00
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
2015-06-17 09:45:00 +02:00
|
|
|
<base href="/">
|
2016-01-29 09:14:26 +01:00
|
|
|
<title>OpenSlides – Projector</title>
|
2015-06-17 09:45:00 +02:00
|
|
|
<link rel="stylesheet" href="static/css/openslides-libs.css">
|
2017-12-01 15:36:26 +01:00
|
|
|
<link rel="stylesheet" href="static/css/openslides-projector.css">
|
2015-12-02 14:19:02 +01:00
|
|
|
<link rel="icon" href="/static/img/favicon.png">
|
2018-01-30 16:12:02 +01:00
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'OSFont';
|
|
|
|
|
src: {{ font }};
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'OSFont Medium';
|
|
|
|
|
src: {{ font_medium }};
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'OSFont Condensed';
|
|
|
|
|
src: {{ font_condensed }};
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'OSFont Condensed Light';
|
|
|
|
|
src: {{ font_condensed_light }};
|
|
|
|
|
font-weight: 100;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2015-06-17 09:45:00 +02:00
|
|
|
<script src="static/js/openslides-libs.js"></script>
|
2016-09-09 00:50:27 +02:00
|
|
|
<script src="static/js/openslides.js"></script>
|
|
|
|
|
<script src="static/js/openslides-templates.js"></script>
|
2015-06-17 09:45:00 +02:00
|
|
|
|
2016-09-12 11:05:34 +02:00
|
|
|
<div id="projectorContainer" ng-controller="ProjectorCtrl">
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#header, #footer {
|
|
|
|
|
background-color: {{ config('projector_header_backgroundcolor') }};
|
|
|
|
|
}
|
|
|
|
|
#header, #footer, #currentTime {
|
|
|
|
|
color: {{ config('projector_header_fontcolor') }};
|
|
|
|
|
}
|
|
|
|
|
#header, #footer, .contentContainer {
|
|
|
|
|
visibility: {{ blank ? 'hidden' : 'visible' }};
|
|
|
|
|
}
|
|
|
|
|
#projectorContainer {
|
|
|
|
|
background-color: {{ blank ? config('projector_blank_color') : '#fff' }};
|
|
|
|
|
height: {{ blank ? '100%' : 'auto' }};
|
|
|
|
|
}
|
|
|
|
|
h1 {
|
|
|
|
|
color: {{ config('projector_h1_fontcolor') }};
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2015-06-20 20:37:40 +02:00
|
|
|
|
2017-04-13 10:23:52 +02:00
|
|
|
<style ng-if="config('logo_projector_header').path">
|
|
|
|
|
#header {
|
|
|
|
|
background-image: url({{ config('logo_projector_header').path }});
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2015-06-20 20:37:40 +02:00
|
|
|
|
2017-08-16 11:45:24 +02:00
|
|
|
<div id="header" ng-if="config('projector_enable_header_footer')">
|
2017-03-31 13:48:41 +02:00
|
|
|
<img ng-if="config('projector_enable_logo')" id="logo" alt="OpenSlides"
|
2017-04-13 10:23:52 +02:00
|
|
|
ng-src="{{ config('logo_projector_main').path || '/static/img/logo-projector.png' }}"/>
|
2016-09-12 11:05:34 +02:00
|
|
|
<div ng-if="config('projector_enable_title')" id="eventdata">
|
|
|
|
|
<div class="title" ng-class="{ 'titleonly': !config('general_event_description') }"
|
|
|
|
|
ng-bind-html="config('general_event_name')"></div>
|
|
|
|
|
<div ng-if="config('general_event_description')" class="description"
|
|
|
|
|
ng-bind-html="config('general_event_description')"></div>
|
|
|
|
|
</div>
|
2015-06-20 20:37:40 +02:00
|
|
|
</div>
|
2015-06-17 09:45:00 +02:00
|
|
|
|
2015-09-05 23:32:10 +02:00
|
|
|
<style type="text/css">
|
|
|
|
|
.scrollcontent {
|
2017-01-14 17:29:43 +01:00
|
|
|
margin-top: {{ scroll }}px !important;
|
2017-11-03 12:09:37 +01:00
|
|
|
}
|
|
|
|
|
.zoomcontent {
|
2016-09-12 11:05:34 +02:00
|
|
|
font-size: {{ 100 + 20 * projector.scale }}%;
|
2015-09-05 23:32:10 +02:00
|
|
|
}
|
2016-05-12 16:01:41 +02:00
|
|
|
.mediascrollcontent {
|
|
|
|
|
margin-top: {{scroll/2}}em !important;
|
|
|
|
|
-webkit-transform: scale({{scale/100}});
|
|
|
|
|
-ms-transform: scale({{scale/100}});
|
|
|
|
|
transform: scale({{scale/100}});
|
|
|
|
|
}
|
2015-09-05 23:32:10 +02:00
|
|
|
</style>
|
2017-08-16 11:45:24 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<style type="text/css" ng-if="config('projector_enable_header_footer')">
|
|
|
|
|
.content {
|
|
|
|
|
top: 100px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2016-09-12 11:05:34 +02:00
|
|
|
<div class="contentContainer" ng-repeat="element in elements | orderBy:'index'">
|
2015-06-20 20:37:40 +02:00
|
|
|
<div ng-include="element.template"></div>
|
|
|
|
|
</div>
|
2015-06-17 09:45:00 +02:00
|
|
|
|
2017-08-16 11:45:24 +02:00
|
|
|
<div id="footer" ng-if="config('projector_enable_header_footer')">
|
2016-09-12 11:05:34 +02:00
|
|
|
<span ng-if="config('general_event_date')">
|
|
|
|
|
{{ config('general_event_date') }}
|
|
|
|
|
</span>
|
|
|
|
|
<span ng-if="config('general_event_date') && config('general_event_location')">
|
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
<span ng-if="config('general_event_location')">
|
|
|
|
|
{{ config('general_event_location') }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
2016-01-13 00:07:53 +01:00
|
|
|
</div>
|
2016-09-09 00:50:27 +02:00
|
|
|
|
|
|
|
|
<script src="/webclient/projector/"></script>
|
