put projector message in the center of the presentation

This commit is contained in:
Oskar Hahn 2012-04-16 17:14:39 +02:00
parent 7d16717ca8
commit 03792c0b05
3 changed files with 15 additions and 7 deletions

View File

@ -15,9 +15,10 @@ function presentation_reload() {
$('#content li').css({'font-size': data.bigger + '%'}, 200); $('#content li').css({'font-size': data.bigger + '%'}, 200);
$('#content #sidebar').css({'font-size': '16px'}, 0); $('#content #sidebar').css({'font-size': '16px'}, 0);
$('#content').animate({'margin-top': data.up + 'em'}, 200); $('#content').animate({'margin-top': data.up + 'em'}, 200);
$('#overlays li').remove();
$('#overlays div').remove();
$.each(data['overlays'], function (index, value){ $.each(data['overlays'], function (index, value){
$('#overlays ul').append('<li id="overlay' + value[0] + '">' + value[1] + '</li>'); $('#overlays').append('<div id="overlay_' + value[0] + '">' + value[1] + '</div>');
}); });
setTimeout("presentation_reload()", 500); setTimeout("presentation_reload()", 500);
}, },

View File

@ -61,18 +61,26 @@ body{
border-bottom: 4px solid red; border-bottom: 4px solid red;
} }
#overlays ul li { #overlays div {
font-size: 4em; font-size: 4em;
font-weight: bold; font-weight: bold;
padding: 0 1em; padding: 0 1em;
position: fixed; position: fixed;
right: 40px;
top: 0;
background: #DDD9D9; background: #DDD9D9;
border-bottom-left-radius: 0.75em; border-bottom-left-radius: 0.75em;
border-bottom-right-radius: 0.75em; border-bottom-right-radius: 0.75em;
} }
#overlay_Countdown {
right: 40px;
top: 0;
}
#overlay_Message {
right: 20%;
top: 50%;
}
/*** CONTENT ***/ /*** CONTENT ***/
#content { #content {

View File

@ -31,9 +31,8 @@
</div> </div>
<div id="overlays"> <div id="overlays">
<ul>
{% for overlay in overlays %} {% for overlay in overlays %}
<li id="overlay_{{ overlay.0 }}">{{ overlay.1 }}</li> <div id="overlay_{{ overlay.0 }}">{{ overlay.1 }}</div>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>