cwtv
/
rc3-html-infobeamer
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add bg video

This commit is contained in:
octycs 2020-12-22 21:35:23 +01:00
parent 08a5daf603
commit cf17068d2d
4 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
content/tunnel.webm Normal file
View File

Binary file not shown.

15
index.css
View File

@ -15,6 +15,17 @@ body {
font-family: sans-serif; font-family: sans-serif;
} }
/* === BG === */
#bg-loop {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.2;
}
/* === FAHRPLAN === */ /* === FAHRPLAN === */
#schedule { #schedule {
position: fixed; position: fixed;
@ -24,7 +35,7 @@ body {
bottom: 10%; bottom: 10%;
font-family: orbitron-bold; font-family: orbitron-bold;
font-size: 30px; font-size: 34px;
} }
#schedule .header { #schedule .header {
@ -43,7 +54,7 @@ body {
#schedule .list .item .sub { #schedule .list .item .sub {
color: #7b7b7b; color: #7b7b7b;
font-size: 24px; font-size: 26px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;

7
index.html
View File

@ -9,6 +9,13 @@
<title>rC3 Stream Overlay</title> <title>rC3 Stream Overlay</title>
</head> </head>
<body style="background:#000"> <body style="background:#000">
<div id="bg-loop">
<video loop autoplay width="100%">
<source src="content/tunnel.webm" type="video/webm">
Sorry, your browser doesn't support embedded videos.
</video>
</div>
<main> <main>
<div id="schedule"> <div id="schedule">
<div id="schedule-here-container"> <div id="schedule-here-container">

4
index.js
View File

@ -35,7 +35,7 @@ function update_fahrplan() {
/* === FAHRPLAN === */ /* === FAHRPLAN === */
var n_here = 3; var n_here = 3;
var n_main = 3; var n_main = 3;
var n_other = 7; var n_other = 8;
function parse_schedule() { function parse_schedule() {
var fahrplan_parsed = { var fahrplan_parsed = {
@ -130,7 +130,7 @@ function update_tweet_ticker() {
var user_el = document.createElement("span"); var user_el = document.createElement("span");
user_el.className = "user"; user_el.className = "user";
var uname = user.username; var uname = user.username;
user_el.innerText = "@" + uname; user_el.innerText = "@" + uname + ":";
item.appendChild(user_el); item.appendChild(user_el);
var content = document.createElement("span"); var content = document.createElement("span");