From 960b3f9a28d854704b7f046899b3cc5585de43a2 Mon Sep 17 00:00:00 2001 From: Ral Date: Tue, 28 Dec 2021 23:41:25 +0100 Subject: [PATCH] Info endpoint /cms/ --- ...a3715d828149d79b6d6c7da84279be1934d777.css | 1 + public/cms/index.html | 18 +++ ...473ca230b4b00cb44aee9c33158cb0ccaf8e5.css} | 2 +- public/hashtag/index.html | 6 +- public/index.html | 6 +- ...2e3906e9b2b21c82cdce825ed0f2740693cc6a.js} | 4 +- ...67b6ff6ac77b6ab6f98f536485ed4719f3b7ea.js} | 122 +++++++++++++++++- ...88bc7035285c53ef8f0c673ce787a4bd4cf6b.css} | 2 +- public/music-and-posts/index.html | 6 +- ...6ac9204b2a39148b51ead43a1579540f11850.css} | 2 +- public/music/index.html | 6 +- ...dd27949edd4538d1b3a32ccb631dce61b1287.css} | 2 +- 12 files changed, 159 insertions(+), 18 deletions(-) create mode 100644 public/cms.min.82b6edb09ee1e67820c146ec17a3715d828149d79b6d6c7da84279be1934d777.css create mode 100644 public/cms/index.html rename public/{hashtag.min.aba4dc9d7533f7bdf247773a3d7d6f4a14294b3831d7c5cf1ad28abe660fe0b4.css => hashtag.min.210a4b181230691ab2e54ee91c2473ca230b4b00cb44aee9c33158cb0ccaf8e5.css} (68%) rename public/js/{config.0f4d0d28e4cf21f765f0b1911e185b73399aa76b4db102fc085df728a4e0c8fe.js => config.817bdeb42b1436e077bf46365a2e3906e9b2b21c82cdce825ed0f2740693cc6a.js} (80%) rename public/{main.26b1d4baa3f43353da48cd43f5172a32be15fd60774274e8daeddc774588a554.js => main.b95b770378f5aa404878194a2a67b6ff6ac77b6ab6f98f536485ed4719f3b7ea.js} (83%) rename public/{main.min.8c46a60c4117ea24e891ed52e735a7bb23e66937736be164743ff786b2c836b2.css => main.min.2bff15f19297e3f97fbde58195288bc7035285c53ef8f0c673ce787a4bd4cf6b.css} (86%) rename public/{music.min.87d29aa288b144e1e3f6a8fdd8a20376fe1a7c32c8860803fb522145e46617d0.css => music.min.d9b39d87a2831c3a80de9fe3d696ac9204b2a39148b51ead43a1579540f11850.css} (74%) rename public/{music_and_posts.min.20d57941e9d02defd0fe76dd43c265dc2cec4620c03d3cdaa9242a6db1710099.css => music_and_posts.min.2ef379d059820a7aa8b66411626dd27949edd4538d1b3a32ccb631dce61b1287.css} (79%) diff --git a/public/cms.min.82b6edb09ee1e67820c146ec17a3715d828149d79b6d6c7da84279be1934d777.css b/public/cms.min.82b6edb09ee1e67820c146ec17a3715d828149d79b6d6c7da84279be1934d777.css new file mode 100644 index 0000000..3c0225f --- /dev/null +++ b/public/cms.min.82b6edb09ee1e67820c146ec17a3715d828149d79b6d6c7da84279be1934d777.css @@ -0,0 +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}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.bottom-bar{position:absolute;bottom:0;margin-bottom:8px;width:100%;height:90px;overflow:hidden;z-index:100}.ticker-wrap{width:100%;overflow:hidden}@keyframes switch-anim{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes slide-anim{0%{transform:translate3d(0,100%,0)}10%{transform:translate3d(0,0%,0)}90%{transform:translate3d(0,0%,0)}100%{transform:translate3d(0,-100%,0)}}@keyframes fadeout-anim{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.switcher{display:inline-block;white-space:nowrap;overflow:hidden;animation-name:switch-anim;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:steps(20)}.slider{display:inline-block;white-space:nowrap;animation-name:slide-anim,fadeout-anim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.post{width:1920px;padding-left:90px;padding-right:60px;display:inline-block;white-space:nowrap;color:#fff;text-shadow:0 0 6px #000;font-family:ibm plex sans}.post .container{background:linear-gradient(5deg,rgba(95,124,125,.5) 0%,rgba(33,106,99,.4) 42%,rgba(77,120,18,0) 65%,rgba(77,120,18,0) 100%);white-space:nowrap;display:flex}.post .profile-image{height:72px;width:72px;margin-right:18px;vertical-align:middle}.post .meta{height:30px;padding-top:3px;font-size:18px;line-height:1.1}.post .source{padding-right:5px}.post .username{vertical-align:top;font-weight:500}.post .time{padding-left:35px;vertical-align:top}.post .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:1680px;font-size:24px;vertical-align:bottom;padding-bottom:3px;line-height:1.2;word-break:break-word;line-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:normal}.cms{display:none}.cms .meta-box{position:absolute;bottom:140px;right:60px;width:860px;height:81px;margin-right:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms .meta{padding-right:10px;background:linear-gradient(290deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-right:6px solid #98adb0;text-align:right}.cms .meta .header{font-weight:600;white-space:normal;margin-left:.5rem}.cms .meta .author{font-weight:500}.cms .meta.fresh .author{animation-name:opacity-anim;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear}.cms .content{position:absolute;top:0;left:0;width:100%;height:650px;height:790px;padding-top:140px;overflow:hidden}.cms .content .items{height:100%;max-height:100%}.cms .content .item{display:inline-block;width:1920px;height:100%;max-height:100%;text-align:center}.cms .content .item.fresh{animation-name:slide-in-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:backwards,forwards}.cms .content .item.stale{animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:both}.cms .content .item.stale.left{animation-name:slide-left-out-anim}.cms .content .item.stale.right{animation-name:slide-right-out-anim}.cms .content .item .cms-image{height:100%;max-height:100%}@keyframes slide-in-anim{0%{transform:translate3d(0,-200%,0);opacity:0%}100%{transform:translate3d(0,0,0);opacity:100%}}@keyframes slide-left-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(-100%,0,0);opacity:0%}}@keyframes slide-right-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(100%,0,0);opacity:0%}}.schedule{display:none}.hashtags{display:none}.music-box{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms{display:initial} \ No newline at end of file diff --git a/public/cms/index.html b/public/cms/index.html new file mode 100644 index 0000000..ffdd6af --- /dev/null +++ b/public/cms/index.html @@ -0,0 +1,18 @@ + + + + +rC3 NOWHERE + + + + + +
+
+ + + + + + \ No newline at end of file diff --git a/public/hashtag.min.aba4dc9d7533f7bdf247773a3d7d6f4a14294b3831d7c5cf1ad28abe660fe0b4.css b/public/hashtag.min.210a4b181230691ab2e54ee91c2473ca230b4b00cb44aee9c33158cb0ccaf8e5.css similarity index 68% rename from public/hashtag.min.aba4dc9d7533f7bdf247773a3d7d6f4a14294b3831d7c5cf1ad28abe660fe0b4.css rename to public/hashtag.min.210a4b181230691ab2e54ee91c2473ca230b4b00cb44aee9c33158cb0ccaf8e5.css index 351460a..2d0a1e0 100644 --- a/public/hashtag.min.aba4dc9d7533f7bdf247773a3d7d6f4a14294b3831d7c5cf1ad28abe660fe0b4.css +++ b/public/hashtag.min.210a4b181230691ab2e54ee91c2473ca230b4b00cb44aee9c33158cb0ccaf8e5.css @@ -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}.hashtags{position:absolute;left:60px;bottom:195px;width:900px;height:140px;padding:20px 30px}.hashtags.extended{display:none}.hashtags.short{display:unset}.hashtags .box{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #98adb0;text-shadow:0 0 6px #000;padding-top:10px;font-family:ibm plex sans;font-weight:300;font-size:25px;white-space:nowrap}.hashtags .box .text{padding-bottom:5px;margin:0}.hashtags .box .text .hashtag,.hashtags .box .text .irc{font-weight:500}.hashtags .box .header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hashtags .box .header .text{font-weight:300}.schedule{display:none}.bottom-bar{display:none}.music-box{display:none}.hashtags{position:absolute;left:60px;bottom:42px;width:1250px;height:100px;padding:5px;background-color:rgba(0,0,0,.3);box-shadow:0 0 8px 8px rgba(0,0,0,.3)}.hashtags.extended{display:unset}.hashtags.short{display:none} \ No newline at end of file +@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}.hashtags{position:absolute;left:60px;bottom:195px;width:900px;height:140px;padding:20px 30px}.hashtags.extended{display:none}.hashtags.short{display:unset}.hashtags .box{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #98adb0;text-shadow:0 0 6px #000;padding-top:10px;font-family:ibm plex sans;font-weight:300;font-size:25px;white-space:nowrap}.hashtags .box .text{padding-bottom:5px;margin:0}.hashtags .box .text .hashtag,.hashtags .box .text .irc{font-weight:500}.hashtags .box .header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hashtags .box .header .text{font-weight:300}.cms{display:none}.cms .meta-box{position:absolute;bottom:140px;right:60px;width:860px;height:81px;margin-right:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms .meta{padding-right:10px;background:linear-gradient(290deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-right:6px solid #98adb0;text-align:right}.cms .meta .header{font-weight:600;white-space:normal;margin-left:.5rem}.cms .meta .author{font-weight:500}.cms .meta.fresh .author{animation-name:opacity-anim;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear}.cms .content{position:absolute;top:0;left:0;width:100%;height:650px;height:790px;padding-top:140px;overflow:hidden}.cms .content .items{height:100%;max-height:100%}.cms .content .item{display:inline-block;width:1920px;height:100%;max-height:100%;text-align:center}.cms .content .item.fresh{animation-name:slide-in-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:backwards,forwards}.cms .content .item.stale{animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:both}.cms .content .item.stale.left{animation-name:slide-left-out-anim}.cms .content .item.stale.right{animation-name:slide-right-out-anim}.cms .content .item .cms-image{height:100%;max-height:100%}@keyframes slide-in-anim{0%{transform:translate3d(0,-200%,0);opacity:0%}100%{transform:translate3d(0,0,0);opacity:100%}}@keyframes slide-left-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(-100%,0,0);opacity:0%}}@keyframes slide-right-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(100%,0,0);opacity:0%}}.schedule{display:none}.bottom-bar{display:none}.music-box{display:none}.hashtags{position:absolute;left:60px;bottom:42px;width:1250px;height:100px;padding:5px;background-color:rgba(0,0,0,.3);box-shadow:0 0 8px 8px rgba(0,0,0,.3)}.hashtags.extended{display:unset}.hashtags.short{display:none} \ No newline at end of file diff --git a/public/hashtag/index.html b/public/hashtag/index.html index 5acb624..e1248d1 100644 --- a/public/hashtag/index.html +++ b/public/hashtag/index.html @@ -4,8 +4,8 @@ rC3 NOWHERE - - + +
@@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/public/index.html b/public/index.html index ddfdafb..002c9cf 100644 --- a/public/index.html +++ b/public/index.html @@ -4,8 +4,8 @@ rC3 NOWHERE - - + +
@@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/public/js/config.0f4d0d28e4cf21f765f0b1911e185b73399aa76b4db102fc085df728a4e0c8fe.js b/public/js/config.817bdeb42b1436e077bf46365a2e3906e9b2b21c82cdce825ed0f2740693cc6a.js similarity index 80% rename from public/js/config.0f4d0d28e4cf21f765f0b1911e185b73399aa76b4db102fc085df728a4e0c8fe.js rename to public/js/config.817bdeb42b1436e077bf46365a2e3906e9b2b21c82cdce825ed0f2740693cc6a.js index ef952ba..667f81f 100644 --- a/public/js/config.0f4d0d28e4cf21f765f0b1911e185b73399aa76b4db102fc085df728a4e0c8fe.js +++ b/public/js/config.817bdeb42b1436e077bf46365a2e3906e9b2b21c82cdce825ed0f2740693cc6a.js @@ -9,7 +9,9 @@ window.infoBeamerConfig.set("mastodonURL", "/toots-rc3-chaos.social.json"); window.infoBeamerConfig.set("mastodonFetchInterval", 120); window.infoBeamerConfig.set("musicURL", "/music.json"); - window.infoBeamerConfig.set("musicFetchInterval", 1); + window.infoBeamerConfig.set("musicFetchInterval", 60); + window.infoBeamerConfig.set("cmsURL", "/cms.json"); + window.infoBeamerConfig.set("cmsFetchInterval", 300); console.log("Info Beamer Configuration: "); console.log(window.infoBeamerConfig); })(); diff --git a/public/main.26b1d4baa3f43353da48cd43f5172a32be15fd60774274e8daeddc774588a554.js b/public/main.b95b770378f5aa404878194a2a67b6ff6ac77b6ab6f98f536485ed4719f3b7ea.js similarity index 83% rename from public/main.26b1d4baa3f43353da48cd43f5172a32be15fd60774274e8daeddc774588a554.js rename to public/main.b95b770378f5aa404878194a2a67b6ff6ac77b6ab6f98f536485ed4719f3b7ea.js index 5cd5802..0d7335c 100644 --- a/public/main.26b1d4baa3f43353da48cd43f5172a32be15fd60774274e8daeddc774588a554.js +++ b/public/main.b95b770378f5aa404878194a2a67b6ff6ac77b6ab6f98f536485ed4719f3b7ea.js @@ -16,6 +16,8 @@ var default_profile_image_url = () => "./nounicorn.png"; var social_limiter = (tweets, toots) => { let posts = tweets.concat(toots); + console.log("Number tweets (unfiltered): " + tweets.length); + console.log("Number toots (unfiltered): " + toots.length); let maxAge = (p) => Date.parse(p.time) >= Date.now() - postMaxAge; let recentPosts = posts.filter(maxAge); let byDate = (fst, snd) => Date.parse(fst.time) - Date.parse(snd.time); @@ -146,6 +148,9 @@ } return musicB; }; + var cms_filter = (data) => { + return data.assets.filter((a) => a.filetype === "image"); + }; // ns-hugo:/home/raoul-web/rc3_2021/html-infobeamer-content/assets/js/dom.js var html = htm.bind(preact.h); @@ -155,6 +160,10 @@ var urgent = 5 * 60 * 1e3; var stale = 3 * 5 * 60 * 1e3; var lapse = 5 * 1e3; + var maxImageAge = 15 * 1e3; + var freshImage = 4 * 1e3; + var staleImage = 4 * 1e3; + var cmsBaseUrl = "https://infobeamer-cms.c3voc.de/"; var talk_day = (talk) => { const lut = { 1: "I", @@ -446,16 +455,109 @@ `; return inner; }; + var random_integer = (n) => Math.floor(Math.random() * n); + var image_dom_element = () => document.getElementById("imageItem"); + var image_index = () => { + const el = image_dom_element(); + return el !== null ? Number.parseInt(el.dataset.index) : -1; + }; + var image_birth_time = () => { + const el = image_dom_element(); + return el !== null ? el.dataset.birth : 0; + }; + var image_age = (time) => time - image_birth_time(); + var cms_age_class = (index, age) => { + const direction = index % 2 === 0 ? "left" : "right"; + let oldness; + if (age <= freshImage) { + oldness = "fresh"; + } else if (age >= maxImageAge - staleImage) { + oldness = "stale"; + } else { + oldness = ""; + } + return oldness + " " + direction; + }; + var cms_item_url = (item) => cmsBaseUrl + item.url; + var cms_item_author = (item) => item.user; + var cms_meta_dom = (item, index, age) => { + let inner = html` +
+
+
+
+ + + + + Community Advertisement + by ${cms_item_author(item)} + +
+
+ Upload own content at: + https://infobeamer-cms.c3voc.de/ +
+
+
+
`; + return inner; + }; + var cms_image_dom = (item) => html``; + var cms_item_dom = (item, index, birth, age) => { + return html` +
+ ${cms_image_dom(item)} +
`; + }; + var cms_content_dom = (item, index, birth, age) => { + return html` +
+
+
+ ${cms_item_dom(item, index, birth, age)} +
+
+
`; + }; + var cms_dom = (items, time) => { + let inner; + if (items.length > 0) { + let age = image_age(time); + let item; + let index; + let birth; + if (age > maxImageAge) { + index = random_integer(items.length); + item = items.at(index); + birth = time; + age = 0; + } else { + index = image_index(); + item = items.at(index); + birth = image_birth_time(); + } + inner = html` + ${cms_content_dom(item, index, birth, age)} + ${cms_meta_dom(item, index, age)} + `; + } else { + inner = html``; + } + return inner; + }; function update_main_slide(data, time) { let schedule = data.futureSchedule; let runningEvent = data.runningEvent; let music = data.music; let postings = data.posts; + let cms = data.cms; let inner = html` ${schedule_dom(schedule, time)} ${hashtag_dom(runningEvent)} ${music_playing_now_dom(music, time)} ${social_container_dom(postings)} + ${cms_dom(cms, time)} `; const anchorElId = "main"; const el = document.getElementById(anchorElId); @@ -467,6 +569,7 @@ var musicData = []; var twitterData = []; var mastodonData = []; + var cmsData = []; if (window.Worker) { const workerBaseURL = window.infoBeamerConfig.get("workerBaseURL"); const fetchWorkerCode = workerBaseURL + "js/generic_fetch_worker.js"; @@ -533,6 +636,22 @@ update_screen(); } }; + const cmsWorker = new Worker(fetchWorkerCode); + const cmsType = "CMS"; + const cmsURL = window.infoBeamerConfig.get("cmsURL"); + const cmsFetchInterval = window.infoBeamerConfig.get("cmsFetchInterval"); + cmsWorker.postMessage({ + fetchType: cmsType, + fetchURL: cmsURL, + fetchInterval: cmsFetchInterval + }); + cmsWorker.onmessage = function(e) { + if (e.data.msgType === cmsType) { + cmsData = cms_filter(e.data.json); + console.log(cmsData); + update_screen(); + } + }; } else { console.log("Your browser doesn't support web workers."); } @@ -544,7 +663,8 @@ futureSchedule: future_events(scheduleData, now), runningEvent: running_event(scheduleData, now), music: musicData, - posts: social_limiter(twitterData, mastodonData) + posts: social_limiter(twitterData, mastodonData), + cms: cmsData }, now); } function main_loop() { diff --git a/public/main.min.8c46a60c4117ea24e891ed52e735a7bb23e66937736be164743ff786b2c836b2.css b/public/main.min.2bff15f19297e3f97fbde58195288bc7035285c53ef8f0c673ce787a4bd4cf6b.css similarity index 86% rename from public/main.min.8c46a60c4117ea24e891ed52e735a7bb23e66937736be164743ff786b2c836b2.css rename to public/main.min.2bff15f19297e3f97fbde58195288bc7035285c53ef8f0c673ce787a4bd4cf6b.css index c0d9587..92b7bec 100644 --- a/public/main.min.8c46a60c4117ea24e891ed52e735a7bb23e66937736be164743ff786b2c836b2.css +++ b/public/main.min.2bff15f19297e3f97fbde58195288bc7035285c53ef8f0c673ce787a4bd4cf6b.css @@ -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}.left,.right{background-color:rgba(0,0,0,.8);box-shadow:0 0 32px 32px rgba(0,0,0,.8);border-radius:20px}.schedule .left{position:absolute;top:30px;left:60px;width:900px;height:915px}.schedule .right{position:absolute;top:30px;right:60px;width:800px;height:915px}.schedule .panel{padding:20px 30px}.schedule .header{width:100%;max-height:100px;margin-bottom:10px;color:#bdc7cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ibm plex mono;font-weight:700;font-size:45px;text-shadow:1px 1px 1px #000,2px 2px 8px rgba(0,0,0,.8)}.schedule .content{font-family:ibm plex sans;font-weight:400;font-size:25px;text-shadow:1px 1px 6px #000;color:#eee}.meta .header{margin-bottom:20px}.meta .content{background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #6fad1a;border-bottom:4px solid #6fad1a;padding-left:20px;padding-top:10px;padding-bottom:15px}.meta .speaker{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-style:italic;font-size:30px;font-weight:500}.meta .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;padding-left:20px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:45px;font-weight:600}.meta .start-duration{display:flex;justify-content:space-between;font-size:25px;font-weight:400}.meta .start-duration .duration{font-style:italic;padding-right:10px}.meta .urgent .title{animation-name:leri-anim;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear}.meta .urgent .start{animation-name:popup-anim;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}.meta .stale .start{color:gray}.meta .stale .duration{display:none;color:gray}.abstract .header{margin-bottom:20px}.abstract .content{background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #6fad1a;border-bottom:4px solid #6fad1a;padding-left:20px;padding-top:5px;padding-bottom:8px}.abstract .text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-break:normal}.abstract .track{padding-top:10px;font-style:italic;font-size:20px;font-weight:400}.list .header{margin-top:65px;margin-bottom:72px}.list .item{margin-bottom:10px;padding:2px 10px;background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);white-space:nowrap;border-left:6px solid #6fad1a}.list .highlight{border-left:6px solid #7fff00;background:linear-gradient(110deg,rgba(127,255,0,.6) 0%,rgba(127,255,0,.2) 85%,rgba(127,255,0,0) 100%)}.item .title{color:#fff;font-size:30px;overflow:hidden;text-overflow:ellipsis}.item .details{font-size:25px;color:#eee;white-space:normal}.item .day{position:relative;left:45px}.item .do-not-record{position:relative;left:80px;display:inline;color:crimson;vertical-align:bottom;text-shadow:1px 1px 2px #000}.item .stage{float:right;text-align:right;font-style:italic}.item .stage:before{padding-right:5px;content:"@"}.list .urgent{background-size:200% 200%;transform-origin:center;animation-name:popup-anim,urgent-anim;animation-duration:8s,6s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,ease-in-out}.item.stale{border-left:6px solid #475337;background:linear-gradient(110deg,rgba(72,90,48,.6) 0%,rgba(72,90,48,.2) 85%,rgba(72,90,48,0) 100%)}.item.stale .details{color:gray}.item.stale .title{color:gray}.item.stale .do-not-record{color:gray}.list .lapse{animation-name:fadeout-anim;animation-duration:5s;animation-iteration-count:1;animation-timing-function:linear}@keyframes leri-anim{4%{transform:translateX(-5px)}8%{transform:translateX(5px)}12%{transform:translateX(-5px)}16%{transform:translateX(5px)}20%{transform:translateX(-5px)}24%{transform:translateX(5px)}0%,30%,100%{transform:translateX(0)}}@keyframes popup-anim{2%{transform:scale(1.02,1.02)}4%{transform:scale(.98,.98)}6%{transform:scale(1.01,1.01)}0%,7.5%,100%{transform:scale(1,1)}}@keyframes urgent-anim{0%{background-position:0 0}55%{background-position:90% 90%}100%{background-position:0 0}}@keyframes fadeout-anim{0%{opacity:100%}100%{opacity:0%}}.hashtags{position:absolute;left:60px;bottom:195px;width:900px;height:140px;padding:20px 30px}.hashtags.extended{display:none}.hashtags.short{display:unset}.hashtags .box{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #98adb0;text-shadow:0 0 6px #000;padding-top:10px;font-family:ibm plex sans;font-weight:300;font-size:25px;white-space:nowrap}.hashtags .box .text{padding-bottom:5px;margin:0}.hashtags .box .text .hashtag,.hashtags .box .text .irc{font-weight:500}.hashtags .box .header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hashtags .box .header .text{font-weight:300}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.bottom-bar{position:absolute;bottom:0;margin-bottom:8px;width:100%;height:90px;overflow:hidden;z-index:100}.ticker-wrap{width:100%;overflow:hidden}@keyframes switch-anim{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes slide-anim{0%{transform:translate3d(0,100%,0)}10%{transform:translate3d(0,0%,0)}90%{transform:translate3d(0,0%,0)}100%{transform:translate3d(0,-100%,0)}}@keyframes fadeout-anim{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.switcher{display:inline-block;white-space:nowrap;overflow:hidden;animation-name:switch-anim;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:steps(20)}.slider{display:inline-block;white-space:nowrap;animation-name:slide-anim,fadeout-anim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.post{width:1920px;padding-left:90px;padding-right:60px;display:inline-block;white-space:nowrap;color:#fff;text-shadow:0 0 6px #000;font-family:ibm plex sans}.post .container{background:linear-gradient(5deg,rgba(95,124,125,.5) 0%,rgba(33,106,99,.4) 42%,rgba(77,120,18,0) 65%,rgba(77,120,18,0) 100%);white-space:nowrap;display:flex}.post .profile-image{height:72px;width:72px;margin-right:18px;vertical-align:middle}.post .meta{height:30px;padding-top:3px;font-size:18px;line-height:1.1}.post .source{padding-right:5px}.post .username{vertical-align:top;font-weight:500}.post .time{padding-left:35px;vertical-align:top}.post .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:1680px;font-size:24px;vertical-align:bottom;padding-bottom:3px;line-height:1.2;word-break:break-word;line-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:normal} \ No newline at end of file +@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}.left,.right{background-color:rgba(0,0,0,.8);box-shadow:0 0 32px 32px rgba(0,0,0,.8);border-radius:20px}.schedule .left{position:absolute;top:30px;left:60px;width:900px;height:915px}.schedule .right{position:absolute;top:30px;right:60px;width:800px;height:915px}.schedule .panel{padding:20px 30px}.schedule .header{width:100%;max-height:100px;margin-bottom:10px;color:#bdc7cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ibm plex mono;font-weight:700;font-size:45px;text-shadow:1px 1px 1px #000,2px 2px 8px rgba(0,0,0,.8)}.schedule .content{font-family:ibm plex sans;font-weight:400;font-size:25px;text-shadow:1px 1px 6px #000;color:#eee}.meta .header{margin-bottom:20px}.meta .content{background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #6fad1a;border-bottom:4px solid #6fad1a;padding-left:20px;padding-top:10px;padding-bottom:15px}.meta .speaker{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-style:italic;font-size:30px;font-weight:500}.meta .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;padding-left:20px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:45px;font-weight:600}.meta .start-duration{display:flex;justify-content:space-between;font-size:25px;font-weight:400}.meta .start-duration .duration{font-style:italic;padding-right:10px}.meta .urgent .title{animation-name:leri-anim;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear}.meta .urgent .start{animation-name:popup-anim;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}.meta .stale .start{color:gray}.meta .stale .duration{display:none;color:gray}.abstract .header{margin-bottom:20px}.abstract .content{background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #6fad1a;border-bottom:4px solid #6fad1a;padding-left:20px;padding-top:5px;padding-bottom:8px}.abstract .text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-break:normal}.abstract .track{padding-top:10px;font-style:italic;font-size:20px;font-weight:400}.list .header{margin-top:65px;margin-bottom:72px}.list .item{margin-bottom:10px;padding:2px 10px;background:linear-gradient(110deg,rgba(77,120,18,.6) 0%,rgba(77,120,18,.2) 85%,rgba(77,120,18,0) 100%);white-space:nowrap;border-left:6px solid #6fad1a}.list .highlight{border-left:6px solid #7fff00;background:linear-gradient(110deg,rgba(127,255,0,.6) 0%,rgba(127,255,0,.2) 85%,rgba(127,255,0,0) 100%)}.item .title{color:#fff;font-size:30px;overflow:hidden;text-overflow:ellipsis}.item .details{font-size:25px;color:#eee;white-space:normal}.item .day{position:relative;left:45px}.item .do-not-record{position:relative;left:80px;display:inline;color:crimson;vertical-align:bottom;text-shadow:1px 1px 2px #000}.item .stage{float:right;text-align:right;font-style:italic}.item .stage:before{padding-right:5px;content:"@"}.list .urgent{background-size:200% 200%;transform-origin:center;animation-name:popup-anim,urgent-anim;animation-duration:8s,6s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,ease-in-out}.item.stale{border-left:6px solid #475337;background:linear-gradient(110deg,rgba(72,90,48,.6) 0%,rgba(72,90,48,.2) 85%,rgba(72,90,48,0) 100%)}.item.stale .details{color:gray}.item.stale .title{color:gray}.item.stale .do-not-record{color:gray}.list .lapse{animation-name:fadeout-anim;animation-duration:5s;animation-iteration-count:1;animation-timing-function:linear}@keyframes leri-anim{4%{transform:translateX(-5px)}8%{transform:translateX(5px)}12%{transform:translateX(-5px)}16%{transform:translateX(5px)}20%{transform:translateX(-5px)}24%{transform:translateX(5px)}0%,30%,100%{transform:translateX(0)}}@keyframes popup-anim{2%{transform:scale(1.02,1.02)}4%{transform:scale(.98,.98)}6%{transform:scale(1.01,1.01)}0%,7.5%,100%{transform:scale(1,1)}}@keyframes urgent-anim{0%{background-position:0 0}55%{background-position:90% 90%}100%{background-position:0 0}}@keyframes fadeout-anim{0%{opacity:100%}100%{opacity:0%}}.hashtags{position:absolute;left:60px;bottom:195px;width:900px;height:140px;padding:20px 30px}.hashtags.extended{display:none}.hashtags.short{display:unset}.hashtags .box{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid #98adb0;text-shadow:0 0 6px #000;padding-top:10px;font-family:ibm plex sans;font-weight:300;font-size:25px;white-space:nowrap}.hashtags .box .text{padding-bottom:5px;margin:0}.hashtags .box .text .hashtag,.hashtags .box .text .irc{font-weight:500}.hashtags .box .header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hashtags .box .header .text{font-weight:300}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.bottom-bar{position:absolute;bottom:0;margin-bottom:8px;width:100%;height:90px;overflow:hidden;z-index:100}.ticker-wrap{width:100%;overflow:hidden}@keyframes switch-anim{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes slide-anim{0%{transform:translate3d(0,100%,0)}10%{transform:translate3d(0,0%,0)}90%{transform:translate3d(0,0%,0)}100%{transform:translate3d(0,-100%,0)}}@keyframes fadeout-anim{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.switcher{display:inline-block;white-space:nowrap;overflow:hidden;animation-name:switch-anim;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:steps(20)}.slider{display:inline-block;white-space:nowrap;animation-name:slide-anim,fadeout-anim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.post{width:1920px;padding-left:90px;padding-right:60px;display:inline-block;white-space:nowrap;color:#fff;text-shadow:0 0 6px #000;font-family:ibm plex sans}.post .container{background:linear-gradient(5deg,rgba(95,124,125,.5) 0%,rgba(33,106,99,.4) 42%,rgba(77,120,18,0) 65%,rgba(77,120,18,0) 100%);white-space:nowrap;display:flex}.post .profile-image{height:72px;width:72px;margin-right:18px;vertical-align:middle}.post .meta{height:30px;padding-top:3px;font-size:18px;line-height:1.1}.post .source{padding-right:5px}.post .username{vertical-align:top;font-weight:500}.post .time{padding-left:35px;vertical-align:top}.post .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:1680px;font-size:24px;vertical-align:bottom;padding-bottom:3px;line-height:1.2;word-break:break-word;line-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:normal}.cms{display:none}.cms .meta-box{position:absolute;bottom:140px;right:60px;width:860px;height:81px;margin-right:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms .meta{padding-right:10px;background:linear-gradient(290deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-right:6px solid #98adb0;text-align:right}.cms .meta .header{font-weight:600;white-space:normal;margin-left:.5rem}.cms .meta .author{font-weight:500}.cms .meta.fresh .author{animation-name:opacity-anim;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear}.cms .content{position:absolute;top:0;left:0;width:100%;height:650px;height:790px;padding-top:140px;overflow:hidden}.cms .content .items{height:100%;max-height:100%}.cms .content .item{display:inline-block;width:1920px;height:100%;max-height:100%;text-align:center}.cms .content .item.fresh{animation-name:slide-in-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:backwards,forwards}.cms .content .item.stale{animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:both}.cms .content .item.stale.left{animation-name:slide-left-out-anim}.cms .content .item.stale.right{animation-name:slide-right-out-anim}.cms .content .item .cms-image{height:100%;max-height:100%}@keyframes slide-in-anim{0%{transform:translate3d(0,-200%,0);opacity:0%}100%{transform:translate3d(0,0,0);opacity:100%}}@keyframes slide-left-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(-100%,0,0);opacity:0%}}@keyframes slide-right-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(100%,0,0);opacity:0%}} \ No newline at end of file diff --git a/public/music-and-posts/index.html b/public/music-and-posts/index.html index ff85a2a..d30e806 100644 --- a/public/music-and-posts/index.html +++ b/public/music-and-posts/index.html @@ -4,8 +4,8 @@ rC3 NOWHERE - - + +
@@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/public/music.min.87d29aa288b144e1e3f6a8fdd8a20376fe1a7c32c8860803fb522145e46617d0.css b/public/music.min.d9b39d87a2831c3a80de9fe3d696ac9204b2a39148b51ead43a1579540f11850.css similarity index 74% rename from public/music.min.87d29aa288b144e1e3f6a8fdd8a20376fe1a7c32c8860803fb522145e46617d0.css rename to public/music.min.d9b39d87a2831c3a80de9fe3d696ac9204b2a39148b51ead43a1579540f11850.css index b765d36..6d9d00b 100644 --- a/public/music.min.87d29aa288b144e1e3f6a8fdd8a20376fe1a7c32c8860803fb522145e46617d0.css +++ b/public/music.min.d9b39d87a2831c3a80de9fe3d696ac9204b2a39148b51ead43a1579540f11850.css @@ -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}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.schedule{display:none}.bottom-bar{display:none}.hashtags{display:none}.music-box{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)} \ No newline at end of file +@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}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.cms{display:none}.cms .meta-box{position:absolute;bottom:140px;right:60px;width:860px;height:81px;margin-right:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms .meta{padding-right:10px;background:linear-gradient(290deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-right:6px solid #98adb0;text-align:right}.cms .meta .header{font-weight:600;white-space:normal;margin-left:.5rem}.cms .meta .author{font-weight:500}.cms .meta.fresh .author{animation-name:opacity-anim;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear}.cms .content{position:absolute;top:0;left:0;width:100%;height:650px;height:790px;padding-top:140px;overflow:hidden}.cms .content .items{height:100%;max-height:100%}.cms .content .item{display:inline-block;width:1920px;height:100%;max-height:100%;text-align:center}.cms .content .item.fresh{animation-name:slide-in-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:backwards,forwards}.cms .content .item.stale{animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:both}.cms .content .item.stale.left{animation-name:slide-left-out-anim}.cms .content .item.stale.right{animation-name:slide-right-out-anim}.cms .content .item .cms-image{height:100%;max-height:100%}@keyframes slide-in-anim{0%{transform:translate3d(0,-200%,0);opacity:0%}100%{transform:translate3d(0,0,0);opacity:100%}}@keyframes slide-left-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(-100%,0,0);opacity:0%}}@keyframes slide-right-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(100%,0,0);opacity:0%}}.schedule{display:none}.bottom-bar{display:none}.hashtags{display:none}.music-box{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)} \ No newline at end of file diff --git a/public/music/index.html b/public/music/index.html index 20e022d..3398b97 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -4,8 +4,8 @@ rC3 NOWHERE - - + +
@@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/public/music_and_posts.min.20d57941e9d02defd0fe76dd43c265dc2cec4620c03d3cdaa9242a6db1710099.css b/public/music_and_posts.min.2ef379d059820a7aa8b66411626dd27949edd4538d1b3a32ccb631dce61b1287.css similarity index 79% rename from public/music_and_posts.min.20d57941e9d02defd0fe76dd43c265dc2cec4620c03d3cdaa9242a6db1710099.css rename to public/music_and_posts.min.2ef379d059820a7aa8b66411626dd27949edd4538d1b3a32ccb631dce61b1287.css index d2492d2..e538f0e 100644 --- a/public/music_and_posts.min.20d57941e9d02defd0fe76dd43c265dc2cec4620c03d3cdaa9242a6db1710099.css +++ b/public/music_and_posts.min.2ef379d059820a7aa8b66411626dd27949edd4538d1b3a32ccb631dce61b1287.css @@ -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}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.bottom-bar{position:absolute;bottom:0;margin-bottom:8px;width:100%;height:90px;overflow:hidden;z-index:100}.ticker-wrap{width:100%;overflow:hidden}@keyframes switch-anim{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes slide-anim{0%{transform:translate3d(0,100%,0)}10%{transform:translate3d(0,0%,0)}90%{transform:translate3d(0,0%,0)}100%{transform:translate3d(0,-100%,0)}}@keyframes fadeout-anim{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.switcher{display:inline-block;white-space:nowrap;overflow:hidden;animation-name:switch-anim;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:steps(20)}.slider{display:inline-block;white-space:nowrap;animation-name:slide-anim,fadeout-anim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.post{width:1920px;padding-left:90px;padding-right:60px;display:inline-block;white-space:nowrap;color:#fff;text-shadow:0 0 6px #000;font-family:ibm plex sans}.post .container{background:linear-gradient(5deg,rgba(95,124,125,.5) 0%,rgba(33,106,99,.4) 42%,rgba(77,120,18,0) 65%,rgba(77,120,18,0) 100%);white-space:nowrap;display:flex}.post .profile-image{height:72px;width:72px;margin-right:18px;vertical-align:middle}.post .meta{height:30px;padding-top:3px;font-size:18px;line-height:1.1}.post .source{padding-right:5px}.post .username{vertical-align:top;font-weight:500}.post .time{padding-left:35px;vertical-align:top}.post .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:1680px;font-size:24px;vertical-align:bottom;padding-bottom:3px;line-height:1.2;word-break:break-word;line-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:normal}.schedule{display:none}.hashtags{display:none}.music-box{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)} \ No newline at end of file +@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}.music-box{position:absolute;bottom:140px;left:60px;width:860px;margin-left:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee}.music{padding-left:10px;background:linear-gradient(110deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-left:6px solid;animation-name:border-color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden}.note{animation-name:color-anim;animation-duration:6s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.music .line1{display:flex;justify-content:space-between}.music .line2{overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}.music .header{font-weight:600;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:20px;color:#ccc}.music.changed .glyph{animation-name:wiggle-anim;animation-duration:.1s;animation-iteration-count:50;animation-direction:alternate;animation-timing-function:linear}.music.changed .license{animation-name:opacity-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}.music.changed .line2{animation-name:slidein-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:easy-out}@keyframes color-anim{0%{color:#ccd7d8}50%{color:#98adb0}100%{color:#80bec8}}@keyframes border-color-anim{0%{border-color:#ccd7d8}50%{border-color:#98adb0}100%{border-color:#80bec8}}@keyframes wiggle-anim{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes slidein-anim{0%{transform:translateX(800px);opacity:0}40%{opacity:.6}100%{transform:translateX(0);opacity:1}}@keyframes opacity-anim{0%{opacity:0}100%{opacity:1}}.bottom-bar{position:absolute;bottom:0;margin-bottom:8px;width:100%;height:90px;overflow:hidden;z-index:100}.ticker-wrap{width:100%;overflow:hidden}@keyframes switch-anim{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes slide-anim{0%{transform:translate3d(0,100%,0)}10%{transform:translate3d(0,0%,0)}90%{transform:translate3d(0,0%,0)}100%{transform:translate3d(0,-100%,0)}}@keyframes fadeout-anim{0%{opacity:1}90%{opacity:1}100%{opacity:0}}.switcher{display:inline-block;white-space:nowrap;overflow:hidden;animation-name:switch-anim;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:steps(20)}.slider{display:inline-block;white-space:nowrap;animation-name:slide-anim,fadeout-anim;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.post{width:1920px;padding-left:90px;padding-right:60px;display:inline-block;white-space:nowrap;color:#fff;text-shadow:0 0 6px #000;font-family:ibm plex sans}.post .container{background:linear-gradient(5deg,rgba(95,124,125,.5) 0%,rgba(33,106,99,.4) 42%,rgba(77,120,18,0) 65%,rgba(77,120,18,0) 100%);white-space:nowrap;display:flex}.post .profile-image{height:72px;width:72px;margin-right:18px;vertical-align:middle}.post .meta{height:30px;padding-top:3px;font-size:18px;line-height:1.1}.post .source{padding-right:5px}.post .username{vertical-align:top;font-weight:500}.post .time{padding-left:35px;vertical-align:top}.post .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:1680px;font-size:24px;vertical-align:bottom;padding-bottom:3px;line-height:1.2;word-break:break-word;line-break:normal;overflow:hidden;text-overflow:ellipsis;white-space:normal}.cms{display:none}.cms .meta-box{position:absolute;bottom:140px;right:60px;width:860px;height:81px;margin-right:20px;padding-left:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;font-family:ibm plex sans;font-weight:300;font-size:25px;color:#eee;background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)}.cms .meta{padding-right:10px;background:linear-gradient(290deg,rgba(95,124,125,.6) 0%,rgba(33,106,99,.2) 85%,rgba(77,120,18,0) 100%);border-right:6px solid #98adb0;text-align:right}.cms .meta .header{font-weight:600;white-space:normal;margin-left:.5rem}.cms .meta .author{font-weight:500}.cms .meta.fresh .author{animation-name:opacity-anim;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear}.cms .content{position:absolute;top:0;left:0;width:100%;height:650px;height:790px;padding-top:140px;overflow:hidden}.cms .content .items{height:100%;max-height:100%}.cms .content .item{display:inline-block;width:1920px;height:100%;max-height:100%;text-align:center}.cms .content .item.fresh{animation-name:slide-in-anim;animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:backwards,forwards}.cms .content .item.stale{animation-duration:3s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:both}.cms .content .item.stale.left{animation-name:slide-left-out-anim}.cms .content .item.stale.right{animation-name:slide-right-out-anim}.cms .content .item .cms-image{height:100%;max-height:100%}@keyframes slide-in-anim{0%{transform:translate3d(0,-200%,0);opacity:0%}100%{transform:translate3d(0,0,0);opacity:100%}}@keyframes slide-left-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(-100%,0,0);opacity:0%}}@keyframes slide-right-out-anim{0%{transform:translate3d(0,0,0);opacity:100%}100%{transform:translate3d(100%,0,0);opacity:0%}}.schedule{display:none}.hashtags{display:none}.music-box{background-color:rgba(0,0,0,.8);box-shadow:2px 2px 8px 8px rgba(0,0,0,.8)} \ No newline at end of file