presento/public/kiosk.php

69 lines
2.2 KiB
PHP
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Refresh" content="1800">
<link rel="stylesheet" href="/static/css/kiosk.css">
</head>
<body>
<!-- Advarsel! Dette er spaghetti og ikke optimalt. Men det fungerer :) -->
<!-- Slide 1 -->
<div class="mySlides">
<iframe src="https://rms.sexy" frameborder="0" style="width: 100%; height: 100%;"></iframe>
</div>
<!-- Slide 2 -->
<div class="mySlides" style="background-color: #fff; color: #000; padding: 7px;">
<img style="height: 44px;" src="/static/img/brand.png" alt="">
<div style="padding-left: 80px">
<h2 style="display: inline; position: absolute; top: -20px; font-size: 30px;">Presento</h2>
<p style="display: inline; position: absolute; top: 21px;">Extreme Professional Edition</p>
</div>
<hr style="border: 0;height: 3px;background-image: linear-gradient(to right, #fff, #208fe3, #fff);">
<div style="text-align: center; font-size: 5rem;">
<h1>Vil du se ditt bilde her?</h1>
<h3>Send inn <a style="color: #208fe3;" href="https://presento.raskest.net/">presento.raskest.net</a></h3>
</div>
</div>
<!-- Slide 3 -->
<div class="mySlides">
<img class="img" id="inspirationalQuote" src="" alt="">
</div>
<!-- User uploaded images -->
<!-- Slide 4 -->
<div class="mySlides" style="background-color: #000;">
<img class="img" id="userImage1" src="" alt="">
</div>
<!-- Slide 5
<div class="mySlides" style="background-color: #000;">
<img class="img" id="userImage2" src="" alt="">
</div>-->
<!-- Slide 6
<div class="mySlides" style="background-color: #000;">
<img class="img" id="userImage3" src="" alt="">
</div>-->
<!-- YR weather data -->
<!-- Slide 5 -->
<div class="mySlides">
<video id="slide5Vid" src="https://www.yr.no/satellitt/data/europe.webm" loop=1 style="width: 100%; height: 100%;">
<source src="https://www.yr.no/satellitt/data/europe.webm" type="video/webm">
<source src="https://www.yr.no/satellitt/data/europe.mp4" type="video/mp4">
</video>
</div>
<script src="/static/js/kiosk.js"></script>
</body>
</html>