Skip to content

Instantly share code, notes, and snippets.

@d3v1an7
Created August 12, 2020 02:51
Show Gist options
  • Save d3v1an7/444b3467286c5da4ae26ba12ac9c6e9d to your computer and use it in GitHub Desktop.
Save d3v1an7/444b3467286c5da4ae26ba12ac9c6e9d to your computer and use it in GitHub Desktop.
Spotify Now Playing via https://github.com/univrsal/tuna
<!--
Song cover path: ~/.config/cover.png
Song info path: ~/.config/song.htm
-->
<!-- Song format -->
<container><img src="cover.png" /><text><song>%t</song><artist>%m</artist></text></container><script>setTimeout(function(){location.reload()},1000);</script><style>@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);body{background-color:rgba(0,0,0,0);margin:0 auto;overflow:hidden}artist,container,cover,song{display:block}container{background:rgba(0,0,0,.8);border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;height:100px;width:320px}img{border-radius:6px 0 0 6px;float:left;height:100px;left:0;width:100px}text{align-self:center;color:#fff;font-family:"Source Sans Pro",sans-serif;font-size:12px;padding:10px}artist,song{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:39px;overflow:hidden}song,pause{-webkit-line-clamp:2;font-size:16px;font-weight:700;padding-bottom:5px}</style>
<!-- Placeholder -->
<container><img src="https://developer.spotify.com/assets/branding-guidelines/[email protected]" /><text><pause>Paused</pause></text></container><script>setTimeout(function(){location.reload()},1000);</script><style>@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);body{background-color:rgba(0,0,0,0);margin:0 auto;overflow:hidden}artist,container,cover,song{display:block}container{background:rgba(0,0,0,.8);border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;height:100px;width:320px}img{border-radius:6px 0 0 6px;float:left;height:100px;left:0;width:100px}text{align-self:center;color:#fff;font-family:"Source Sans Pro",sans-serif;font-size:12px;padding:10px}artist,song{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:39px;overflow:hidden}song,pause{-webkit-line-clamp:2;font-size:16px;font-weight:700;padding-bottom:5px}</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment