cr doiibahi/crrdcore music player

<!--
MUSIC PLAYER #03 by glenthemes
♬ glenthpvs.tumblr.com/player03
--->
<script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Public+Sans|Karla" rel="stylesheet">
<link href="//glenthemes.github.io/-music-/glenplayer03.css" rel="stylesheet">
<script src="//glenthemes.github.io/-music-/glenplayer03.js"></script>
<style element="glenplayer03">
:root {
--MusicBox-Left-Or-Right:left;
--MusicBox-Edge-Distance:30px;

--MusicBox-Width:269px;

--MusicBox-Title-Padding:15px;
--MusicBox-Title-Background: #6a8886;
--MusicBox-Title-Size:10px;
--MusicBox-Title-Color:#eee;
--MusicBox-Title-Corner-Roundness:8px;

--MusicBox-Main-Background:#fff;
--MusicBox-Main-Padding:14px;
--MusicBox-Side-Borders:#eee;

--Album-Art-Size:32px;
--Album-Art-Corner-Roundness:3px;
--Album-Art-Gap:10px;

--Song-Name-Size:9px;
--Song-Name-Color:#999;

--Artist-Name-Size:10px;
--Artist-Name-Color:#444;

--Music-Buttons-Size:11px;
--Music-Buttons-Color:#222;

--Track-Spacing:9px;

--Autoplay-First-Song:yes;
--Autoplay-Next-Song:yes;
--Loop-Playlist-Infinitely:yes;
}
</style>

<div glenplayer03>
<div musicbox-title>music box</div>

<!----- SONG #1 ----->
<img album-art src="https://dl.dropbox.com/s/zdeortfny22rqif/ab67616d0000b27342a6d7b8477a1cf06ebce45f.jpg?dl=0">

<div song-name>Glitch</div>
<div artist-name>Kwon Eunbi</div>

<audio src="https://dl.dropbox.com/s/k55zntpommf67y8/KWON%20EUN%20BI%20%28%EA%B6%8C%EC%9D%80%EB%B9%84%29%20-%20Glitch%20%5BAudio%5D.mp3?dl=0" volume="100%"></audio>

<!----- SONG #2 ----->
<img album-art src="https://i.scdn.co/image/ab67616d0000b27305e92a87a197ec6ace7aadb4">

<div song-name>Genie In A Bottle</div>
<div artist-name>CIX</div>

<audio src="https://dl.dropbox.com/s/brztq65n0gjuni4/%5BAUDIO%5D%20CIX%28%EC%94%A8%EC%95%84%EC%9D%B4%EC%97%91%EC%8A%A4%29%20-%20Genie%20In%20a%20Bottle.mp3?dl=0" volume="100%"></audio>

<!----- SONG #3 ----->
<img album-art src="https://i.scdn.co/image/ab67616d0000b2739d28fd01859073a3ae6ea209">

<div song-name>Hype Boy</div>
<div artist-name>NewJeans</div>

<audio src="https://dl.dropbox.com/s/aughl9xkpiaybdq/NewJeans%20%28%EB%89%B4%EC%A7%84%EC%8A%A4%29%20-%20Hype%20Boy%20%E3%80%8COfficial%20Audio%E3%80%8D.mp3?dl=0" volume="100%"></audio>

<!----- SONG #4 ----->
<img album-art src="https://upload.wikimedia.org/wikipedia/en/e/e0/Minisode1_-_Blue_Hour.jpg">

<div song-name>Blue Hour</div>
<div artist-name>Tomorrow X Together</div>

<audio src="https://dl.dropbox.com/s/5ib8xi1wuawuybq/TXT%20-%20Blue%20Hour%E3%80%8CAudio%E3%80%8D.mp3?dl=0" volume="100%"></audio>

<!----- SONG #5 ----->
<img album-art src="https://upload.wikimedia.org/wikipedia/en/7/79/Ive_%E2%80%93_Love_Dive.jpg">

<div song-name>Love Dive</div>
<div artist-name>IVE</div>

<audio src="https://dl.dropbox.com/s/fnk15461telx841/IVE%20%EC%95%84%EC%9D%B4%EB%B8%8C%20%27LOVE%20DIVE%27%20MV.mp3?dl=0" volume="100%"></audio>

</div><!--end music player // do not delete this line-->