alvin/novatorem
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/novatorem.git synced 2026-03-06 02:57:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

Removed preview

Browse Source
This commit is contained in:
novatorem
2020-09-12 15:04:00 -04:00
parent 44c9ec100b
commit d38f94f221
2 changed files with 0 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

@@ -1,5 +0,0 @@
venv
__pycache__
.cache*
env
.env

106
api/templates/preview.html
View File

@@ -1,106 +0,0 @@
<div xmlns="http://www.w3.org/1999/xhtml" class="container">
<style>
div {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}
.main {
margin-top: 40px;
display: flex;
width: 480px;
height: 133px;
}
.currentStatus {
position: static;
float: left;
font-size: 24px;
margin-top: -5px;
margin-left: 10px;
}
.container {
border-radius: 5px;
padding: 10px 10px 10px 0px;
}
.art {
float: left;
width: 27%;
margin-left: -5px;
}
.text {
width: 71%;
}
.song {
font-size: 24px;
color: #666;
text-align: center;
margin-top: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.artist {
font-size: 20px;
color: #b3b3b3;
text-align: center;
margin-bottom: 5px;
}
.cover {
border-radius: 5px;
height: 100px;
width: 100px;
}
#bars {
height: 30px;
bottom: 23px;
margin: -20px 0 0 0px;
position: absolute;
width: 40px;
}
.bar {
background: #1DB954cc;
bottom: 1px;
height: 3px;
position: absolute;
width: 3px;
animation: sound 0ms -800ms linear infinite alternate;
}
@keyframes sound {
0% {
opacity: .35;
height: 3px;
}
100% {
opacity: 1;
height: 15px;
}
}
</style>
<div class="currentStatus">Currently playing</div>
<div class="main">
<a class="art" href="{}" target="_BLANK">
<center>
<img src="https://source.unsplash.com/random/500x500" class="cover" />
</center>
</a>
<div class="text">
<div class="song">Song</div>
<div class="artist">Arist</div>
<div id="bars">Bars</div>
</div>
</div>
</div>