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">
 | 
			
		||||
<title>rC3 NOWHERE</title>
 | 
			
		||||
<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>
 | 
			
		||||
</head>
 | 
			
		||||
<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/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/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>
 | 
			
		||||
</html>
 | 
			
		||||
| 
						 | 
				
			
			@ -89,9 +89,32 @@
 | 
			
		|||
    let scheduleFiltered = schedule.filter((e) => Date.parse(e.date) > datetime);
 | 
			
		||||
    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
 | 
			
		||||
  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_dom = (talk) => {
 | 
			
		||||
    const separator = ", ";
 | 
			
		||||
| 
						 | 
				
			
			@ -114,11 +137,11 @@
 | 
			
		|||
  var duration_dom = (duration) => {
 | 
			
		||||
    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`
 | 
			
		||||
        <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="title">${talk.title}</div>
 | 
			
		||||
          <div class="title"><span class="titletext">${talk.title}</span></div>
 | 
			
		||||
          <div class="start-duration">
 | 
			
		||||
            <span class="start">Starting at ${talk.start}</span>
 | 
			
		||||
            ${duration_dom(talk.duration)}
 | 
			
		||||
| 
						 | 
				
			
			@ -166,30 +189,41 @@
 | 
			
		|||
    return lut[talk.day];
 | 
			
		||||
  };
 | 
			
		||||
  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`
 | 
			
		||||
        ${schedule.map((talk) => html`
 | 
			
		||||
        <div class="item">
 | 
			
		||||
        <div class="item ${highlight_class(talk)} ${urgent_class(talk, time)}">
 | 
			
		||||
          <div>
 | 
			
		||||
            <div class="title">${talk.title}</div>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="details">
 | 
			
		||||
            <span class="start">${talk.start}</span>
 | 
			
		||||
            ${talk_day_dom(talk)}
 | 
			
		||||
            ${do_not_record_dom(talk)}
 | 
			
		||||
            <span class="stage">${talk.room}</span>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>`)}`;
 | 
			
		||||
    return inner;
 | 
			
		||||
  };
 | 
			
		||||
  var schedule_dom = (schedule) => {
 | 
			
		||||
    const here_room = "Chaos-West TV";
 | 
			
		||||
  var schedule_dom = (schedule, time) => {
 | 
			
		||||
    const here_number_events = 1;
 | 
			
		||||
    const all_number_events = 7;
 | 
			
		||||
    let allTalks = schedule.slice(0, all_number_events);
 | 
			
		||||
    let nextTalkHere = schedule.filter((i) => i.room === here_room).slice(0, 1);
 | 
			
		||||
    let nextHereMetaDom = meta_here_dom(nextTalkHere);
 | 
			
		||||
    let nextTalkHere = schedule.filter(is_own_talk).slice(0, 1);
 | 
			
		||||
    let nextHereMetaDom = meta_here_dom(nextTalkHere, time);
 | 
			
		||||
    let nextHereAbstractDom = abstract_here_dom(nextTalkHere);
 | 
			
		||||
    let nextAllMetaDom = list_all_dom(allTalks);
 | 
			
		||||
    let nextAllMetaDom = list_all_dom(allTalks, time);
 | 
			
		||||
    let inner = html`
 | 
			
		||||
    <div class="slide">
 | 
			
		||||
      <div class="schedule">
 | 
			
		||||
| 
						 | 
				
			
			@ -213,25 +247,31 @@
 | 
			
		|||
    </div>`;
 | 
			
		||||
    return inner;
 | 
			
		||||
  };
 | 
			
		||||
  var changed_music_class = (current) => current.updated ? "changed" : "";
 | 
			
		||||
  var music_playing_now_dom = (music) => {
 | 
			
		||||
    let inner = html`
 | 
			
		||||
        <div class="music-box">
 | 
			
		||||
          <div class="music">
 | 
			
		||||
            ${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="license">(${current.license})</span>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="line2">
 | 
			
		||||
                  <span class="title">«${current.title}»</span>
 | 
			
		||||
                  <span class="by">by</span>
 | 
			
		||||
                  <span class="artist">${current.artist}</span>
 | 
			
		||||
                </div>`)}
 | 
			
		||||
                </span>
 | 
			
		||||
                <span class="license">(${current.license})</span>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="line2">
 | 
			
		||||
                <span class="title">«${current.title}»</span>
 | 
			
		||||
                <span class="by">by</span>
 | 
			
		||||
                <span class="artist">${current.artist}</span>
 | 
			
		||||
              </div>`)}
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>`;
 | 
			
		||||
    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) => {
 | 
			
		||||
    let icon = "";
 | 
			
		||||
    if (post.source === "twitter") {
 | 
			
		||||
| 
						 | 
				
			
			@ -279,11 +319,11 @@
 | 
			
		|||
        </div>`;
 | 
			
		||||
    return inner;
 | 
			
		||||
  };
 | 
			
		||||
  function update_main_slide(data) {
 | 
			
		||||
  function update_main_slide(data, time) {
 | 
			
		||||
    let schedule = data.schedule;
 | 
			
		||||
    let music = data.music;
 | 
			
		||||
    let postings = data.posts;
 | 
			
		||||
    let scheduleDom = schedule_dom(schedule);
 | 
			
		||||
    let scheduleDom = schedule_dom(schedule, time);
 | 
			
		||||
    let hashtagDom = hashtag_dom();
 | 
			
		||||
    let musicDom = music_playing_now_dom(music);
 | 
			
		||||
    let postingsDom = social_container_dom(postings);
 | 
			
		||||
| 
						 | 
				
			
			@ -336,7 +376,8 @@
 | 
			
		|||
      if (e.data.msgType === musicType) {
 | 
			
		||||
        console.log("Data Message at " + Date());
 | 
			
		||||
        console.log(e.data);
 | 
			
		||||
        musicData = [e.data.json];
 | 
			
		||||
        let musicDataUpdate = [e.data.json];
 | 
			
		||||
        musicData = music_filter(musicData, musicDataUpdate);
 | 
			
		||||
        update_screen();
 | 
			
		||||
      }
 | 
			
		||||
    };
 | 
			
		||||
| 
						 | 
				
			
			@ -382,13 +423,13 @@
 | 
			
		|||
  function update_screen() {
 | 
			
		||||
    let realTime = new Date();
 | 
			
		||||
    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);
 | 
			
		||||
    update_main_slide({
 | 
			
		||||
      schedule: future_events(scheduleData, now),
 | 
			
		||||
      music: musicData,
 | 
			
		||||
      posts: social_limiter(twitterData, mastodonData)
 | 
			
		||||
    });
 | 
			
		||||
    }, now);
 | 
			
		||||
  }
 | 
			
		||||
  function main_loop() {
 | 
			
		||||
    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">
 | 
			
		||||
<title>rC3 NOWHERE</title>
 | 
			
		||||
<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>
 | 
			
		||||
</head>
 | 
			
		||||
<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/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/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>
 | 
			
		||||
</html>
 | 
			
		||||
		Loading…
	
		Reference in New Issue