diff --git a/www/presentation/css/display.css b/www/presentation/css/display.css index 67a84d6..b6fd06f 100644 --- a/www/presentation/css/display.css +++ b/www/presentation/css/display.css @@ -6,179 +6,12 @@ html, body { } body { - background-position: top left; - background-repeat: no-repeat; background-color: #000000; - color: #009ee0; - font-style: italic; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-image: url("../img/landscape1.jpeg"); - } -/*@media screen and (min-width: 1280px){ - body { - background-size: 100% auto; - } - } - - @media screen and (min-height: 720px) and (max-width: 720px){ - body { - background-size: auto 100%; - } - }*/ - -body:before { - width: 100px; - height: 50px; - position: absolute; - margin-left: auto; - margin-right: auto; - left: 0; - right: 0; - top: 2px; -} - -body[data-state="connecting"]:before { - content: "Connecting ..."; - color: orange; -} - -body[data-state="reconnecting"]:before { - content: "Reconnecting ..."; - color: orange; -} - -body[data-state="connected"]:before { - content: "Connected"; - color: green; -} - -body[data-state="error"]:before { - content: "Connection Error"; - color: red; -} - -body[data-state="failed"]:before { - content: "Connection Failed"; - color: red; -} - -body[data-state="ready"]:before { - content: "Ready to present"; - color: green; -} - -body[data-state="disconnected"]:before { - content: "Disconnected"; - color: red; -} - -body[data-state = "disconnected"] { - background-image: none; -} -#overlay{ - position: absolute; - top: 0; left: 0; bottom: 0; right: 0; - border: 0; - padding: 0; - margin: 0; - width: 100%; - height: 100%; - z-index: 1; - background: transparent; -} -#info{ - position: absolute; - height: 20%; - background-image: url('../img/famium-launcher.png'); - background-repeat: no-repeat; - background-size: contain; - background-position: left; - padding-left: 20%; - left: 5%; - bottom: 10%; - font-size: 10px; - line-height: 40px; - /*font-family: sans-serif;*/ - font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif; - text-shadow: #000 1px 1px 5px; - -} - -#info label#name { - padding-top: 100px; -} -#info label#name:after { - content: "Display: " attr(data-name); - text-overflow: ellipsis; - white-space: pre; -} - -#info label#room:after { - content: "Room: " attr(data-room); - text-overflow: ellipsis; - white-space: pre; -} - -body[data-controls = "false"] #power { - display: none; -} - -#power > div{ - position: absolute; - bottom: 5px; - right: 5px; - width: 48px; - height: 48px; -} - -iframe[src] ~ power { - z-index: 0; -} -body[data-state ="disconnected"] #power-off { - display: none; -} -body:not([data-state="disconnected"]) #power-on { - display: none; -} -#power > div { - background-repeat: no-repeat; +body.detached { + background-image: url("../img/shufflrr_splash_landscape.png"); + background-repeat: no-repeat; + background-attachment: fixed; background-position: center; - background-size: 100% auto; - cursor: pointer; -} - -#power > #power-on { - background-image: url("../img/turn-on-icon.png"); } - -#power > #power-off { - background-image: url("../img/turn-off-icon.png"); -} - -body > iframe { - position: absolute; - top: 0; left: 0; bottom: 0; right: 0; - border: 0; - padding: 0; - margin: 0; - width: 100%; - height: 100%; - background-color: #ffffff; -} - -body > iframe::-webkit-scrollbar { - display: none; -} - -body > iframe[src=""]{ - display: none; -} - -body > iframe:not([src]){ - display: none; -} \ No newline at end of file diff --git a/www/presentation/display.html b/www/presentation/display.html index 4b61ccf..f7bf78b 100644 --- a/www/presentation/display.html +++ b/www/presentation/display.html @@ -25,14 +25,8 @@ - + - -
-
- -
- - + diff --git a/www/presentation/img/famium-launcher.png b/www/presentation/img/famium-launcher.png deleted file mode 100644 index 9a61161..0000000 Binary files a/www/presentation/img/famium-launcher.png and /dev/null differ diff --git a/www/presentation/img/landscape1.jpeg b/www/presentation/img/landscape1.jpeg deleted file mode 100644 index 932537b..0000000 Binary files a/www/presentation/img/landscape1.jpeg and /dev/null differ diff --git a/www/presentation/img/shufflrr_splash_landscape.png b/www/presentation/img/shufflrr_splash_landscape.png new file mode 100644 index 0000000..7f5d12d Binary files /dev/null and b/www/presentation/img/shufflrr_splash_landscape.png differ diff --git a/www/presentation/js/display.js b/www/presentation/js/display.js deleted file mode 100644 index cd4bb33..0000000 --- a/www/presentation/js/display.js +++ /dev/null @@ -1,28 +0,0 @@ -/* - * Copyright 2014 Fraunhofer FOKUS - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * AUTHORS: Louay Bassbouss - * Martin Lasak - */ - -var app = { -initializePresentation: function() { - var nameElement = document.querySelector('#name'); - nameElement.dataset.name=location.hash; - //just make it fit nicely - nameElement.style.fontSize=Math.floor(window.innerHeight/12)+"px" -} -}; -app.initializePresentation();