Update Info Beamer
This commit is contained in:
parent
ce57046d0a
commit
f0c73384d9
|
@ -4,7 +4,7 @@
|
||||||
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||||
<title>rC3 NOWHERE</title>
|
<title>rC3 NOWHERE</title>
|
||||||
<link href=/fork-awesome/css/fork-awesome.min.css rel=stylesheet type=text/css>
|
<link href=/fork-awesome/css/fork-awesome.min.css rel=stylesheet type=text/css>
|
||||||
<link rel=stylesheet href=https://infobeamer.montage2.de/main.min.452e6c07acdbe2f382ecaa629d1b7a77ee116df94785f0b12ebab0ba47f070da.css>
|
<link rel=stylesheet href=https://infobeamer.montage2.de/main.min.d29234bc740f4e4567c76120e28afef36276a6fe9516761ce7cb4317be161113.css>
|
||||||
<script src=https://infobeamer.montage2.de/js/config.fa1a162e62b8d5f3f40c8812d30b5289c5792ff26c0843426d8c109a00621389.js integrity="sha256-+hoWLmK41fP0DIgS0wtSicV5L/JsCENCbYwQmgBiE4k="></script>
|
<script src=https://infobeamer.montage2.de/js/config.fa1a162e62b8d5f3f40c8812d30b5289c5792ff26c0843426d8c109a00621389.js integrity="sha256-+hoWLmK41fP0DIgS0wtSicV5L/JsCENCbYwQmgBiE4k="></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -13,6 +13,6 @@
|
||||||
<script src=https://infobeamer.montage2.de/js/moment/moment.min.73de4254959530e4d1d9bec586379184f96b4953dacf9cd5e5e2bdd7bfeceef7.js integrity="sha256-c95CVJWVMOTR2b7FhjeRhPlrSVPaz5zV5eK917/s7vc="></script>
|
<script src=https://infobeamer.montage2.de/js/moment/moment.min.73de4254959530e4d1d9bec586379184f96b4953dacf9cd5e5e2bdd7bfeceef7.js integrity="sha256-c95CVJWVMOTR2b7FhjeRhPlrSVPaz5zV5eK917/s7vc="></script>
|
||||||
<script src=https://infobeamer.montage2.de/js/preact/preact.min.0c204e20934f1e09cfe86fbcf1d069d842f988fc71efe3a923021c08892c71c8.js integrity="sha256-DCBOIJNPHgnP6G+88dBp2EL5iPxx7+OpIwIcCIksccg="></script>
|
<script src=https://infobeamer.montage2.de/js/preact/preact.min.0c204e20934f1e09cfe86fbcf1d069d842f988fc71efe3a923021c08892c71c8.js integrity="sha256-DCBOIJNPHgnP6G+88dBp2EL5iPxx7+OpIwIcCIksccg="></script>
|
||||||
<script src=https://infobeamer.montage2.de/js/htm/htm.80e39afe20fd61183412eda89efa10532d57945e6364642aceacd50eb2384b4b.js integrity="sha256-gOOa/iD9YRg0Eu2onvoQUy1XlF5jZGQqzqzVDrI4S0s="></script>
|
<script src=https://infobeamer.montage2.de/js/htm/htm.80e39afe20fd61183412eda89efa10532d57945e6364642aceacd50eb2384b4b.js integrity="sha256-gOOa/iD9YRg0Eu2onvoQUy1XlF5jZGQqzqzVDrI4S0s="></script>
|
||||||
<script src=https://infobeamer.montage2.de/main.c3248568a014edf41391ba0e1906a5acd0759a234b6b6b3e52ec1b4d9e248614.js integrity="sha256-wySFaKAU7fQTkboOGQalrNB1miNLa2s+UuwbTZ4khhQ=" type=module></script>
|
<script src=https://infobeamer.montage2.de/main.02c297620d04b46048f5e2514b0f6b682bab4cf2b2de19f7dba38de671cd284c.js integrity="sha256-AsKXYg0EtGBI9eJRSw9raCurTPKy3hn326ON5nHNKEw=" type=module></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -89,9 +89,32 @@
|
||||||
let scheduleFiltered = schedule.filter((e) => Date.parse(e.date) > datetime);
|
let scheduleFiltered = schedule.filter((e) => Date.parse(e.date) > datetime);
|
||||||
return scheduleFiltered;
|
return scheduleFiltered;
|
||||||
};
|
};
|
||||||
|
var is_new_music = (musicA, musicB) => {
|
||||||
|
let isNew;
|
||||||
|
musicA.forEach((ma) => {
|
||||||
|
musicB.forEach((mb) => {
|
||||||
|
isNew = ma !== mb;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return isNew;
|
||||||
|
};
|
||||||
|
var music_filter = (musicA, musicB) => {
|
||||||
|
let isNew = is_new_music(musicA, musicB);
|
||||||
|
musicB.forEach((m) => m.updated = true);
|
||||||
|
return musicB;
|
||||||
|
};
|
||||||
|
|
||||||
// ns-hugo:/home/raoul-web/rc3_2021/html-infobeamer-content/assets/js/dom.js
|
// ns-hugo:/home/raoul-web/rc3_2021/html-infobeamer-content/assets/js/dom.js
|
||||||
var html = htm.bind(preact.h);
|
var html = htm.bind(preact.h);
|
||||||
|
var here_room = "Chaos-West TV";
|
||||||
|
var urgency = 5 * 60 * 1e3;
|
||||||
|
var is_own_talk = (talk) => talk.room === here_room;
|
||||||
|
var is_urgent = (talk, time) => {
|
||||||
|
let talkStart = Date.parse(talk.date);
|
||||||
|
let timeDelta = talkStart - time;
|
||||||
|
return timeDelta <= urgency;
|
||||||
|
};
|
||||||
|
var urgent_class = (talk, time) => is_urgent(talk, time) ? "urgent" : "";
|
||||||
var speaker_names = (talk) => talk.persons.map((p) => p.public_name);
|
var speaker_names = (talk) => talk.persons.map((p) => p.public_name);
|
||||||
var speaker_dom = (talk) => {
|
var speaker_dom = (talk) => {
|
||||||
const separator = ", ";
|
const separator = ", ";
|
||||||
|
@ -114,11 +137,11 @@
|
||||||
var duration_dom = (duration) => {
|
var duration_dom = (duration) => {
|
||||||
return html`<span class="duration">${to_minutes(duration)} minutes</span>`;
|
return html`<span class="duration">${to_minutes(duration)} minutes</span>`;
|
||||||
};
|
};
|
||||||
var meta_here_dom = (schedule) => {
|
var meta_here_dom = (schedule, time) => {
|
||||||
let inner = html`${schedule.map((talk) => html`
|
let inner = html`${schedule.map((talk) => html`
|
||||||
<div class="talk-here-meta-box">
|
<div class="talk-here-meta-box ${urgent_class(talk, time)}">
|
||||||
<div class="speaker">${speaker_dom(talk)}</div>
|
<div class="speaker">${speaker_dom(talk)}</div>
|
||||||
<div class="title">${talk.title}</div>
|
<div class="title"><span class="titletext">${talk.title}</span></div>
|
||||||
<div class="start-duration">
|
<div class="start-duration">
|
||||||
<span class="start">Starting at ${talk.start}</span>
|
<span class="start">Starting at ${talk.start}</span>
|
||||||
${duration_dom(talk.duration)}
|
${duration_dom(talk.duration)}
|
||||||
|
@ -166,30 +189,41 @@
|
||||||
return lut[talk.day];
|
return lut[talk.day];
|
||||||
};
|
};
|
||||||
var talk_day_dom = (talk) => html`<span class="day">Day ${talk_day(talk)}</span>`;
|
var talk_day_dom = (talk) => html`<span class="day">Day ${talk_day(talk)}</span>`;
|
||||||
var list_all_dom = (schedule) => {
|
var highlight_class = (talk) => is_own_talk(talk) === true ? "item-highlight" : "";
|
||||||
|
var do_not_record_dom = (talk) => {
|
||||||
|
let icon = "fa-microphone-slash";
|
||||||
|
let inner;
|
||||||
|
if (talk.do_not_record === true) {
|
||||||
|
inner = html`<span class="do-not-record"><span class="fa ${icon}"></span></span>`;
|
||||||
|
} else {
|
||||||
|
inner = html``;
|
||||||
|
}
|
||||||
|
return inner;
|
||||||
|
};
|
||||||
|
var list_all_dom = (schedule, time) => {
|
||||||
let inner = html`
|
let inner = html`
|
||||||
${schedule.map((talk) => html`
|
${schedule.map((talk) => html`
|
||||||
<div class="item">
|
<div class="item ${highlight_class(talk)} ${urgent_class(talk, time)}">
|
||||||
<div>
|
<div>
|
||||||
<div class="title">${talk.title}</div>
|
<div class="title">${talk.title}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
<span class="start">${talk.start}</span>
|
<span class="start">${talk.start}</span>
|
||||||
${talk_day_dom(talk)}
|
${talk_day_dom(talk)}
|
||||||
|
${do_not_record_dom(talk)}
|
||||||
<span class="stage">${talk.room}</span>
|
<span class="stage">${talk.room}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>`)}`;
|
</div>`)}`;
|
||||||
return inner;
|
return inner;
|
||||||
};
|
};
|
||||||
var schedule_dom = (schedule) => {
|
var schedule_dom = (schedule, time) => {
|
||||||
const here_room = "Chaos-West TV";
|
|
||||||
const here_number_events = 1;
|
const here_number_events = 1;
|
||||||
const all_number_events = 7;
|
const all_number_events = 7;
|
||||||
let allTalks = schedule.slice(0, all_number_events);
|
let allTalks = schedule.slice(0, all_number_events);
|
||||||
let nextTalkHere = schedule.filter((i) => i.room === here_room).slice(0, 1);
|
let nextTalkHere = schedule.filter(is_own_talk).slice(0, 1);
|
||||||
let nextHereMetaDom = meta_here_dom(nextTalkHere);
|
let nextHereMetaDom = meta_here_dom(nextTalkHere, time);
|
||||||
let nextHereAbstractDom = abstract_here_dom(nextTalkHere);
|
let nextHereAbstractDom = abstract_here_dom(nextTalkHere);
|
||||||
let nextAllMetaDom = list_all_dom(allTalks);
|
let nextAllMetaDom = list_all_dom(allTalks, time);
|
||||||
let inner = html`
|
let inner = html`
|
||||||
<div class="slide">
|
<div class="slide">
|
||||||
<div class="schedule">
|
<div class="schedule">
|
||||||
|
@ -213,13 +247,19 @@
|
||||||
</div>`;
|
</div>`;
|
||||||
return inner;
|
return inner;
|
||||||
};
|
};
|
||||||
|
var changed_music_class = (current) => current.updated ? "changed" : "";
|
||||||
var music_playing_now_dom = (music) => {
|
var music_playing_now_dom = (music) => {
|
||||||
let inner = html`
|
let inner = html`
|
||||||
<div class="music-box">
|
<div class="music-box">
|
||||||
<div class="music">
|
<div class="music">
|
||||||
${music.map((current) => html`
|
${music.map((current) => html`
|
||||||
<div class="line1">
|
<div class="line1">
|
||||||
|
<span>
|
||||||
|
<span class="note">
|
||||||
|
<span class="fa fa-music ${changed_music_class(current)}"></span>
|
||||||
|
</span>
|
||||||
<span class="header">Now playing:</span>
|
<span class="header">Now playing:</span>
|
||||||
|
</span>
|
||||||
<span class="license">(${current.license})</span>
|
<span class="license">(${current.license})</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="line2">
|
<div class="line2">
|
||||||
|
@ -231,7 +271,7 @@
|
||||||
</div>`;
|
</div>`;
|
||||||
return inner;
|
return inner;
|
||||||
};
|
};
|
||||||
var post_time = (date) => moment(date).format("hh:mm, D. MMMM YYYY");
|
var post_time = (date) => moment(date).format("H:mm, D. MMMM YYYY");
|
||||||
var social_network_dom = (post) => {
|
var social_network_dom = (post) => {
|
||||||
let icon = "";
|
let icon = "";
|
||||||
if (post.source === "twitter") {
|
if (post.source === "twitter") {
|
||||||
|
@ -279,11 +319,11 @@
|
||||||
</div>`;
|
</div>`;
|
||||||
return inner;
|
return inner;
|
||||||
};
|
};
|
||||||
function update_main_slide(data) {
|
function update_main_slide(data, time) {
|
||||||
let schedule = data.schedule;
|
let schedule = data.schedule;
|
||||||
let music = data.music;
|
let music = data.music;
|
||||||
let postings = data.posts;
|
let postings = data.posts;
|
||||||
let scheduleDom = schedule_dom(schedule);
|
let scheduleDom = schedule_dom(schedule, time);
|
||||||
let hashtagDom = hashtag_dom();
|
let hashtagDom = hashtag_dom();
|
||||||
let musicDom = music_playing_now_dom(music);
|
let musicDom = music_playing_now_dom(music);
|
||||||
let postingsDom = social_container_dom(postings);
|
let postingsDom = social_container_dom(postings);
|
||||||
|
@ -336,7 +376,8 @@
|
||||||
if (e.data.msgType === musicType) {
|
if (e.data.msgType === musicType) {
|
||||||
console.log("Data Message at " + Date());
|
console.log("Data Message at " + Date());
|
||||||
console.log(e.data);
|
console.log(e.data);
|
||||||
musicData = [e.data.json];
|
let musicDataUpdate = [e.data.json];
|
||||||
|
musicData = music_filter(musicData, musicDataUpdate);
|
||||||
update_screen();
|
update_screen();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
@ -382,13 +423,13 @@
|
||||||
function update_screen() {
|
function update_screen() {
|
||||||
let realTime = new Date();
|
let realTime = new Date();
|
||||||
console.log("Updating screen at at: " + realTime);
|
console.log("Updating screen at at: " + realTime);
|
||||||
let now = Date.now();
|
let now = Date.parse("2021-12-27T12:26:00+01:00");
|
||||||
console.log("Using 'now': " + now);
|
console.log("Using 'now': " + now);
|
||||||
update_main_slide({
|
update_main_slide({
|
||||||
schedule: future_events(scheduleData, now),
|
schedule: future_events(scheduleData, now),
|
||||||
music: musicData,
|
music: musicData,
|
||||||
posts: social_limiter(twitterData, mastodonData)
|
posts: social_limiter(twitterData, mastodonData)
|
||||||
});
|
}, now);
|
||||||
}
|
}
|
||||||
function main_loop() {
|
function main_loop() {
|
||||||
update_screen();
|
update_screen();
|
|
@ -1 +1 @@
|
||||||
@font-face{font-family:ibm plex mono;font-style:normal;font-weight:400;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-regular.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-regular.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:italic;font-weight:400;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-italic.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-italic.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:700;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:italic;font-weight:700;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700italic.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:100;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:100;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:200;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:200;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:300;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:300;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:400;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-regular.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-regular.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:400;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:500;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:500;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:600;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:600;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:700;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:700;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700italic.woff)format("woff")}*{box-sizing:border-box}body{color:#fff;background:#646464}#main{position:absolute;top:0;left:0}.slide{width:1920px;height:1080px;overflow:hidden}.schedule{display:none}.bottom-bar{display:none}.music-box{position:absolute;top:60px;left:60px;margin-left:30px;padding:10px 20px;width:800px;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8);font-family:ibm plex sans;font-weight:400;font-size:35px;color:#eee;text-shadow:0 0 6px #000}.music{padding-left:20px;white-space:nowrap;border-left:6px solid #98adb0;border-top:6px solid #98adb0;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%)}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis}.music .header{font-weight:700;white-space:normal}.music .title{margin-left:20px}.music .artist{font-style:italic}.music .by{margin-left:15px;margin-right:12px;font-style:italic}.music .license{font-size:25px;color:#ccc}
|
@font-face{font-family:ibm plex mono;font-style:normal;font-weight:400;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-regular.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-regular.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:italic;font-weight:400;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-italic.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-italic.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:normal;font-weight:700;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700.woff)format("woff")}@font-face{font-family:ibm plex mono;font-style:italic;font-weight:700;src:url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700italic.woff2)format("woff2"),url(./fonts/ibm-plex-mono-v7-latin-ext_latin-700italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:100;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:100;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-100italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:200;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:200;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-200italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:300;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:300;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-300italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:400;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-regular.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-regular.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:400;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:500;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:500;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-500italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:600;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:600;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-600italic.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:normal;font-weight:700;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700.woff)format("woff")}@font-face{font-family:ibm plex sans;font-style:italic;font-weight:700;src:url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700italic.woff2)format("woff2"),url(./fonts/ibm-plex-sans-v9-latin-ext_latin-700italic.woff)format("woff")}*{box-sizing:border-box}body{color:#fff;background:#646464}#main{position:absolute;top:0;left:0}.slide{width:1920px;height:1080px;overflow:hidden}.schedule{display:none}.bottom-bar{display:none}.music-box{position:absolute;top:60px;left:60px;margin-left:30px;padding:10px 20px;width:800px;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8);font-family:ibm plex sans;font-weight:400;font-size:35px;color:#eee;text-shadow:0 0 6px #000}.music{padding-left:20px;white-space:nowrap;border-left:6px solid #98adb0;border-top:6px solid #98adb0;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%)}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis}.music .header{font-weight:700;white-space:normal;margin-left:.5rem}.music .title{margin-left:20px}.music .artist{font-style:italic}.music .by{margin-left:15px;margin-right:12px;font-style:italic}.music .license{font-size:25px;color:#ccc}
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -4,7 +4,7 @@
|
||||||
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||||
<title>rC3 NOWHERE</title>
|
<title>rC3 NOWHERE</title>
|
||||||
<link href=/fork-awesome/css/fork-awesome.min.css rel=stylesheet type=text/css>
|
<link href=/fork-awesome/css/fork-awesome.min.css rel=stylesheet type=text/css>
|
||||||
<link rel=stylesheet href=https://infobeamer.montage2.de/main.min.83cb606bbe2d0a652fef9ce6fd283c081becbdbc566b2796a585ce3e9522a68c.css>
|
<link rel=stylesheet href=https://infobeamer.montage2.de/main.min.1a1572716ba819c6a8125645f805d12ca6b6a47e2a1dbce5507702bdd79d9aa5.css>
|
||||||
<script src=https://infobeamer.montage2.de/js/config.fa1a162e62b8d5f3f40c8812d30b5289c5792ff26c0843426d8c109a00621389.js integrity="sha256-+hoWLmK41fP0DIgS0wtSicV5L/JsCENCbYwQmgBiE4k="></script>
|
<script src=https://infobeamer.montage2.de/js/config.fa1a162e62b8d5f3f40c8812d30b5289c5792ff26c0843426d8c109a00621389.js integrity="sha256-+hoWLmK41fP0DIgS0wtSicV5L/JsCENCbYwQmgBiE4k="></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -13,6 +13,6 @@
|
||||||
<script src=https://infobeamer.montage2.de/js/moment/moment.min.73de4254959530e4d1d9bec586379184f96b4953dacf9cd5e5e2bdd7bfeceef7.js integrity="sha256-c95CVJWVMOTR2b7FhjeRhPlrSVPaz5zV5eK917/s7vc="></script>
|
<script src=https://infobeamer.montage2.de/js/moment/moment.min.73de4254959530e4d1d9bec586379184f96b4953dacf9cd5e5e2bdd7bfeceef7.js integrity="sha256-c95CVJWVMOTR2b7FhjeRhPlrSVPaz5zV5eK917/s7vc="></script>
|
||||||
<script src=https://infobeamer.montage2.de/js/preact/preact.min.0c204e20934f1e09cfe86fbcf1d069d842f988fc71efe3a923021c08892c71c8.js integrity="sha256-DCBOIJNPHgnP6G+88dBp2EL5iPxx7+OpIwIcCIksccg="></script>
|
<script src=https://infobeamer.montage2.de/js/preact/preact.min.0c204e20934f1e09cfe86fbcf1d069d842f988fc71efe3a923021c08892c71c8.js integrity="sha256-DCBOIJNPHgnP6G+88dBp2EL5iPxx7+OpIwIcCIksccg="></script>
|
||||||
<script src=https://infobeamer.montage2.de/js/htm/htm.80e39afe20fd61183412eda89efa10532d57945e6364642aceacd50eb2384b4b.js integrity="sha256-gOOa/iD9YRg0Eu2onvoQUy1XlF5jZGQqzqzVDrI4S0s="></script>
|
<script src=https://infobeamer.montage2.de/js/htm/htm.80e39afe20fd61183412eda89efa10532d57945e6364642aceacd50eb2384b4b.js integrity="sha256-gOOa/iD9YRg0Eu2onvoQUy1XlF5jZGQqzqzVDrI4S0s="></script>
|
||||||
<script src=https://infobeamer.montage2.de/main.c3248568a014edf41391ba0e1906a5acd0759a234b6b6b3e52ec1b4d9e248614.js integrity="sha256-wySFaKAU7fQTkboOGQalrNB1miNLa2s+UuwbTZ4khhQ=" type=module></script>
|
<script src=https://infobeamer.montage2.de/main.02c297620d04b46048f5e2514b0f6b682bab4cf2b2de19f7dba38de671cd284c.js integrity="sha256-AsKXYg0EtGBI9eJRSw9raCurTPKy3hn326ON5nHNKEw=" type=module></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue