diff --git a/assets/index-66bb43e8.js b/assets/index-1e0c420e.js similarity index 100% rename from assets/index-66bb43e8.js rename to assets/index-1e0c420e.js diff --git a/assets/index-2d2d0541.css b/assets/index-2d2d0541.css new file mode 100644 index 0000000..8494945 --- /dev/null +++ b/assets/index-2d2d0541.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#333}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:local("MaterialIcons-Regular"),url(/radio-dakwah/assets/MaterialIcons-Regular-ef149f08.ttf) format("truetype")}@font-face{font-family:Material Icons-Outlined;font-style:normal;font-weight:400;src:local("MaterialIconsOutlined-Regular"),url(/radio-dakwah/assets/MaterialIconsOutlined-Regular-b63fa9ed.otf) format("opentype")}@font-face{font-family:Material Icons-Round;font-style:normal;font-weight:400;src:local("MaterialIconsRound-Regular"),url(/radio-dakwah/assets/MaterialIconsRound-Regular-bad85e54.otf) format("opentype")}@font-face{font-family:Material Icons-Sharp;font-style:normal;font-weight:400;src:local("MaterialIconsSharp-Regular"),url(/radio-dakwah/assets/MaterialIconsSharp-Regular-095a9504.otf) format("opentype")}@font-face{font-family:Material Icons-TwoTone;font-style:normal;font-weight:400;src:local("MaterialIconsTwoTone-Regular"),url(/radio-dakwah/assets/MaterialIconsTwoTone-Regular-03ccf137.otf) format("opentype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons.outlined{font-family:Material Icons-Outlined}.material-icons.rounded{font-family:Material Icons-Round}.material-icons.sharp{font-family:Material Icons-Sharp}.material-icons.two-tone{font-family:Material Icons-TwoTone}.radio-player{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}@media (orientation: landscape){.radio-player{flex-direction:row}}.radio-player button{background:transparent;border:none;cursor:pointer;color:#000}.radio-player main{flex:1;display:flex;flex-direction:column}@media (orientation: landscape){.radio-player main{flex:55%;justify-content:center}}.radio-player main header{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}@media (orientation: landscape){.radio-player main header{flex:unset}}.radio-player main header .thumbnail{width:150px;height:150px;position:relative}@media (max-height: 545px){.radio-player main header .thumbnail{width:100px;height:100px}}.radio-player main header .thumbnail .playing-indicator{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(transparent,#2ecc71);animation:rotation 8s infinite linear;animation-play-state:paused;z-index:1}.radio-player main header .thumbnail .playing-indicator.running{animation-play-state:running}.radio-player main header .thumbnail .playing-indicator:before{content:"";display:inline-block;width:100%;height:100%;background:#fff;transform:scale(.92);border-radius:50%}.radio-player main header .thumbnail .playing-indicator:after{content:"";display:inline-block;position:absolute;box-sizing:border-box;z-index:2;width:15px;height:15px;background:#fff;border:5px solid #2ecc71;border-radius:50%;left:49%;top:-4px}@media (max-height: 545px){.radio-player main header .thumbnail .playing-indicator:after{width:12px;height:12px;border-width:4px}}.radio-player main header .thumbnail .image{position:absolute;z-index:2;width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;box-shadow:0 0 5px #0006;overflow:hidden}@media (max-height: 545px){.radio-player main header .thumbnail .image{width:80px;height:80px}}.radio-player main header .thumbnail .image img{width:100%;height:100%;object-fit:cover}.radio-player main header .thumbnail .image:after{content:"";display:inline-block;position:absolute;width:16px;height:16px;background:#fff;border:6px solid rgba(255,255,255,.6);background-clip:padding-box;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}@media (max-height: 545px){.radio-player main header .thumbnail .image:after{width:12px;height:12px}}.radio-player main .playing{padding:0 25px;margin-top:10xp;display:flex;flex-direction:column;justify-content:center;align-items:center}.radio-player main .playing-title{display:flex;justify-content:center;align-items:center;font-size:10px;color:#0000004d;gap:2px}.radio-player main .playing-station{flex:1;padding-right:10px;text-align:center;margin-top:10px}.radio-player main .playing-station--name{font-weight:400}.radio-player main .playing-station--slogan{font-size:14px;color:#0006}.radio-player main .playing-error{color:#fa1d00;font-size:12px;margin-top:15px}.radio-player main .playing-actions{flex-shrink:0;margin-top:25px}.radio-player main .playing-actions button+button{margin-left:10px}.radio-player main .controls{display:flex;padding:25px;align-items:center;justify-content:center}.radio-player main .controls--play{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#2ecc71;background-image:linear-gradient(to bottom right,#2ecc71,#1eb55d);box-shadow:0 0 10px #2ecc714d;color:#fff;border-radius:50%;margin:0 15px}.radio-player main .controls--prev:disabled,.radio-player main .controls--next:disabled{color:#0000004d;cursor:not-allowed}.radio-player .playlist{padding:15px;border-radius:20px 20px 0 0;box-shadow:0 0 50px #0000001a;max-height:380px;min-height:0;display:flex;flex-direction:column;min-width:300px}.radio-player .playlist-toggle{display:flex;justify-content:center;margin-bottom:15px}.radio-player .playlist-toggle button{background:#efefef;width:24px;height:24px;border-radius:50%}.radio-player .playlist-title{text-align:center;text-transform:uppercase;font-weight:400;letter-spacing:1px;color:#bbb}.radio-player .playlist .station-list{flex:1;list-style:none;margin-top:15px;overflow-y:auto;padding-top:2px;border-top:1px solid #efefef}.radio-player .playlist .station-list .station-item{display:flex;align-items:center;padding:10px;border-radius:8px}.radio-player .playlist .station-list .station-item+.station-item{margin-top:2px}.radio-player .playlist .station-list .station-item:not(.active):hover{background:rgba(46,204,113,.1)}.radio-player .playlist .station-list .station-item-info{flex:1;min-width:0}.radio-player .playlist .station-list .station-item-info .station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-player .playlist .station-list .station-item-info .station-slogan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0006;font-size:14px}.radio-player .playlist .station-list .station-item-actions{flex-shrink:0}.radio-player .playlist .station-list .station-item-actions--play:hover{color:#000}.radio-player .playlist .station-list .station-item.active{background:#2ecc71;color:#fff}.radio-player .playlist .station-list .station-item.active .station-slogan{color:#ffffffb3!important}.radio-player .playlist .station-list .station-item.active .station-item-actions--play{color:#fff!important}@media (orientation: landscape){.radio-player .playlist{flex:45%;max-height:unset;border-radius:20px 0 0 20px}.radio-player .playlist-toggle{display:none}.radio-player .playlist-title{padding-top:5px}} diff --git a/assets/index-8e263547.css b/assets/index-8e263547.css deleted file mode 100644 index c052fb6..0000000 --- a/assets/index-8e263547.css +++ /dev/null @@ -1 +0,0 @@ -@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#333}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:local("MaterialIcons-Regular"),url(/radio-dakwah/assets/MaterialIcons-Regular-ef149f08.ttf) format("truetype")}@font-face{font-family:Material Icons-Outlined;font-style:normal;font-weight:400;src:local("MaterialIconsOutlined-Regular"),url(/radio-dakwah/assets/MaterialIconsOutlined-Regular-b63fa9ed.otf) format("opentype")}@font-face{font-family:Material Icons-Round;font-style:normal;font-weight:400;src:local("MaterialIconsRound-Regular"),url(/radio-dakwah/assets/MaterialIconsRound-Regular-bad85e54.otf) format("opentype")}@font-face{font-family:Material Icons-Sharp;font-style:normal;font-weight:400;src:local("MaterialIconsSharp-Regular"),url(/radio-dakwah/assets/MaterialIconsSharp-Regular-095a9504.otf) format("opentype")}@font-face{font-family:Material Icons-TwoTone;font-style:normal;font-weight:400;src:local("MaterialIconsTwoTone-Regular"),url(/radio-dakwah/assets/MaterialIconsTwoTone-Regular-03ccf137.otf) format("opentype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons.outlined{font-family:Material Icons-Outlined}.material-icons.rounded{font-family:Material Icons-Round}.material-icons.sharp{font-family:Material Icons-Sharp}.material-icons.two-tone{font-family:Material Icons-TwoTone}.radio-player{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}@media (orientation: landscape){.radio-player{flex-direction:row}}.radio-player button{background:transparent;border:none;cursor:pointer;color:#000}.radio-player main{flex:1;display:flex;flex-direction:column}@media (orientation: landscape){.radio-player main{order:2;flex:60%;justify-content:center}}.radio-player main header{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}@media (orientation: landscape){.radio-player main header{flex:unset}}.radio-player main header .thumbnail{width:150px;height:150px;position:relative}@media (max-height: 545px){.radio-player main header .thumbnail{width:100px;height:100px}}.radio-player main header .thumbnail .playing-indicator{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(transparent,#2ecc71);animation:rotation 8s infinite linear;animation-play-state:paused;z-index:1}.radio-player main header .thumbnail .playing-indicator.running{animation-play-state:running}.radio-player main header .thumbnail .playing-indicator:before{content:"";display:inline-block;width:100%;height:100%;background:#fff;transform:scale(.92);border-radius:50%}.radio-player main header .thumbnail .playing-indicator:after{content:"";display:inline-block;position:absolute;box-sizing:border-box;z-index:2;width:15px;height:15px;background:#fff;border:5px solid #2ecc71;border-radius:50%;left:49%;top:-4px}@media (max-height: 545px){.radio-player main header .thumbnail .playing-indicator:after{width:12px;height:12px;border-width:4px}}.radio-player main header .thumbnail .image{position:absolute;z-index:2;width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;box-shadow:0 0 5px #0006;overflow:hidden}@media (max-height: 545px){.radio-player main header .thumbnail .image{width:80px;height:80px}}.radio-player main header .thumbnail .image img{width:100%;height:100%;object-fit:cover}.radio-player main header .thumbnail .image:after{content:"";display:inline-block;position:absolute;width:16px;height:16px;background:#fff;border:6px solid rgba(255,255,255,.6);background-clip:padding-box;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}@media (max-height: 545px){.radio-player main header .thumbnail .image:after{width:12px;height:12px}}.radio-player main .playing{padding:0 25px;margin-top:10xp;display:flex;flex-direction:column;justify-content:center;align-items:center}.radio-player main .playing-title{display:flex;justify-content:center;align-items:center;font-size:10px;color:#0000004d;gap:2px}.radio-player main .playing-station{flex:1;padding-right:10px;text-align:center;margin-top:10px}.radio-player main .playing-station--name{font-weight:400}.radio-player main .playing-station--slogan{font-size:14px;color:#0006}.radio-player main .playing-error{color:#fa1d00;font-size:12px;margin-top:15px}.radio-player main .playing-actions{flex-shrink:0;margin-top:25px}.radio-player main .playing-actions button+button{margin-left:10px}.radio-player main .controls{display:flex;padding:25px;align-items:center;justify-content:center}.radio-player main .controls--play{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#2ecc71;background-image:linear-gradient(to bottom right,#2ecc71,#1eb55d);box-shadow:0 0 10px #2ecc714d;color:#fff;border-radius:50%;margin:0 15px}.radio-player main .controls--prev:disabled,.radio-player main .controls--next:disabled{color:#0000004d;cursor:not-allowed}.radio-player .playlist{padding:15px;border-radius:20px 20px 0 0;box-shadow:0 0 50px #0000001a;max-height:380px;min-height:0;display:flex;flex-direction:column;min-width:0}.radio-player .playlist-toggle{display:flex;justify-content:center;margin-bottom:15px}.radio-player .playlist-toggle button{background:#efefef;width:24px;height:24px;border-radius:50%}.radio-player .playlist-toggle button:hover{background:#ccc}.radio-player .playlist-title{text-align:center;text-transform:uppercase;font-weight:400;color:#999}.radio-player .playlist .station-list{flex:1;list-style:none;margin-top:15px;overflow-y:auto;padding-top:2px}.radio-player .playlist .station-list .station-item{display:flex;align-items:center;padding:10px;border-radius:8px}.radio-player .playlist .station-list .station-item+.station-item{margin-top:2px}.radio-player .playlist .station-list .station-item:not(.active):hover{background:rgba(46,204,113,.1)}.radio-player .playlist .station-list .station-item-info{flex:1;min-width:0}.radio-player .playlist .station-list .station-item-info .station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-player .playlist .station-list .station-item-info .station-slogan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0006;font-size:14px}.radio-player .playlist .station-list .station-item-actions{flex-shrink:0}.radio-player .playlist .station-list .station-item-actions--play:hover{color:#000}.radio-player .playlist .station-list .station-item.active{background:#2ecc71;color:#fff}.radio-player .playlist .station-list .station-item.active .station-slogan{color:#ffffffb3!important}.radio-player .playlist .station-list .station-item.active .station-item-actions--play{color:#fff!important}@media (orientation: landscape){.radio-player .playlist{flex:40%;order:1;max-height:unset;border-radius:0 20px 20px 0}.radio-player .playlist-toggle{display:none}.radio-player .playlist-title{padding-top:10px}} diff --git a/index.html b/index.html index 4ccb051..3061a34 100644 --- a/index.html +++ b/index.html @@ -9,8 +9,8 @@ Radio Dakwah - - + + diff --git a/sw.js b/sw.js index 6af47fe..905f66e 100644 --- a/sw.js +++ b/sw.js @@ -1 +1 @@ -if(!self.define){let e,i={};const r=(r,n)=>(r=new URL(r+".js",n).href,i[r]||new Promise((i=>{if("document"in self){const e=document.createElement("script");e.src=r,e.onload=i,document.head.appendChild(e)}else e=r,importScripts(r),i()})).then((()=>{let e=i[r];if(!e)throw new Error(`Module ${r} didn’t register its module`);return e})));self.define=(n,s)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(i[o])return;let b={};const a=e=>r(e,o),d={module:{uri:o},exports:b,require:a};i[o]=Promise.all(n.map((e=>d[e]||a(e)))).then((e=>(s(...e),b)))}}define(["./workbox-3e911b1d"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"apple-touch-icon-180x180.png",revision:"a57862d2ba0b17a3fcb0c63298c92339"},{url:"assets/index-66bb43e8.js",revision:null},{url:"assets/index-8e263547.css",revision:null},{url:"favicon.ico",revision:"21e8c7c167be4b693b7615fb8145e47b"},{url:"index.html",revision:"3855fa0f23b604e035741b39a0a458c1"},{url:"maskable-icon-512x512.png",revision:"ec7816aa0d04deba38569f92ec7a0942"},{url:"pwa-192x192.png",revision:"836086b1b1defd77bfd03450f4083bd5"},{url:"pwa-512x512.png",revision:"892250a67f4adea684c58978425fb1da"},{url:"pwa-64x64.png",revision:"afe5c2b4458829b0a0c37f3fe40f7068"},{url:"radio_black.svg",revision:"97b9cb9be8f7b9d9d5a172467f522edc"},{url:"radio_white.svg",revision:"adda083189b98f3fd9f6dd183d5a2d26"},{url:"registerSW.js",revision:"7d614cb38f796c7b456235e027fc6a4e"},{url:"thumbnail.jpg",revision:"895703b56000d67bf8fa3b6267897944"},{url:"radio_black.svg",revision:"97b9cb9be8f7b9d9d5a172467f522edc"},{url:"manifest.webmanifest",revision:"eeb3eadf85283acf6bb0293e356ba461"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))})); +if(!self.define){let e,i={};const r=(r,n)=>(r=new URL(r+".js",n).href,i[r]||new Promise((i=>{if("document"in self){const e=document.createElement("script");e.src=r,e.onload=i,document.head.appendChild(e)}else e=r,importScripts(r),i()})).then((()=>{let e=i[r];if(!e)throw new Error(`Module ${r} didn’t register its module`);return e})));self.define=(n,s)=>{const d=e||("document"in self?document.currentScript.src:"")||location.href;if(i[d])return;let o={};const b=e=>r(e,d),a={module:{uri:d},exports:o,require:b};i[d]=Promise.all(n.map((e=>a[e]||b(e)))).then((e=>(s(...e),o)))}}define(["./workbox-3e911b1d"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"apple-touch-icon-180x180.png",revision:"a57862d2ba0b17a3fcb0c63298c92339"},{url:"assets/index-1e0c420e.js",revision:null},{url:"assets/index-2d2d0541.css",revision:null},{url:"favicon.ico",revision:"21e8c7c167be4b693b7615fb8145e47b"},{url:"index.html",revision:"182f749af1ae23b09852fbd9cb257273"},{url:"maskable-icon-512x512.png",revision:"ec7816aa0d04deba38569f92ec7a0942"},{url:"pwa-192x192.png",revision:"836086b1b1defd77bfd03450f4083bd5"},{url:"pwa-512x512.png",revision:"892250a67f4adea684c58978425fb1da"},{url:"pwa-64x64.png",revision:"afe5c2b4458829b0a0c37f3fe40f7068"},{url:"radio_black.svg",revision:"97b9cb9be8f7b9d9d5a172467f522edc"},{url:"radio_white.svg",revision:"adda083189b98f3fd9f6dd183d5a2d26"},{url:"registerSW.js",revision:"7d614cb38f796c7b456235e027fc6a4e"},{url:"thumbnail.jpg",revision:"895703b56000d67bf8fa3b6267897944"},{url:"radio_black.svg",revision:"97b9cb9be8f7b9d9d5a172467f522edc"},{url:"manifest.webmanifest",revision:"eeb3eadf85283acf6bb0293e356ba461"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))}));