<!DOCTYPE html>
<html lang="en" ng-app="OpenSlidesApp.projector" class="no-js">
<meta charset="utf-8">
<base href="/">
<title>OpenSlides – Projector</title>
<link rel="stylesheet" href="static/css/openslides-libs.css">
<link rel="stylesheet" href="static/css/projector.css">
<script src="static/js/openslides-libs.js"></script>

<style type="text/css" ng-if="config('projector_backgroundcolor2')">
  #header {
    background-image: -moz-linear-gradient(top, {{ config('projector_backgroundcolor1') }}, {{ config('projector_backgroundcolor2') }});
    background-image: -ms-linear-gradient(top, {{ config('projector_backgroundcolor1') }}, {{ config('projector_backgroundcolor2') }});
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from({{ config('projector_backgroundcolor1') }}), to({{ config('projector_backgroundcolor2') }}));
    background-image: -webkit-linear-gradient(top, {{ config('projector_backgroundcolor1') }}, {{ config('projector_backgroundcolor2') }});
    background-image: -o-linear-gradient(top, {{ config('projector_backgroundcolor1') }}, {{ config('projector_backgroundcolor2') }});
    background-image: linear-gradient(top, {{ config('projector_backgroundcolor1') }}, {{ config('projector_backgroundcolor2') }});
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='{{ config('projector_backgroundcolor1') }}', encColorstr='{{ config('projector_backgroundcolor2') }}')"; /* IE 8+ */
  }
</style>
<style type="text/css" ng-if="!config('projector_backgroundcolor2')">
  #header {
    background-color: {{ config('projector_backgroundcolor1') }};
  }
</style>
<style type="text/css" ng-if="config('projector_fontcolor')">
  #eventdata {
    color: {{ config('projector_fontcolor') }};
  }
</style>


<div id="header">
  <img id="logo" src="/static/img/logo.png" alt="OpenSlides" />
  <div id="eventdata">
    <div class="title">
      {{ config('general_event_name') }}
    </div>
    <div ng-if="config('general_event_description')" class="description">
      {{ config('general_event_description') }}
    </div>
  </div>
</div>

<div ng-controller="ProjectorCtrl">
  <div ng-repeat="element in elements">
    <div ng-include="element.template"></div>
  </div>
</div>

<script src="static/js/app.js"></script>
<script src="static/js/core.js"></script>
<script src="static/js/agenda/agenda.js"></script>
<script src="static/js/motions/motions.js"></script>
<script src="static/js/assignments/assignments.js"></script>
<script src="static/js/users/users.js"></script>
<script src="static/js/mediafiles/mediafiles.js"></script>
