Permalink
Browse files

a different approach to cover art: make it the background + make the …

…letters have an outline of sorts
  • Loading branch information...
1 parent 33e49ff commit 4d1605ad9c7b491b3181d182b57d42242e00600b @mkjones committed Jan 24, 2012
Showing with 12 additions and 6 deletions.
  1. +12 −6 index.html
View
18 index.html
@@ -6,12 +6,15 @@
<style>
body {
background-color:#aaa;
+ font-family:Arial;
}
#content {
margin:auto;
width:300px;
+ min-height:300px;
text-align:center;
+ background:url('/art');
}
.button {
@@ -27,23 +30,27 @@
.name {
padding:1px;
- font-size:14pt;
+ font-size:18pt;
+ text-shadow:0 0 4px black;
+ color:white;
}
.artist {
padding:1px;
- font-size:18pt;
+ font-size:24pt;
+ text-shadow:0 0 4px black;
+ color:white;
}
#volume {
height:10px;
}
.volumebox {
- height:20px;
- width:20px;
+ height:19px;
+ width:19px;
float:left;
- border:1px solid #333;
+ border:2px solid #333;
margin:1px;
}
@@ -68,7 +75,6 @@
<div class="song">
<div class="name">{{ track_name }}</div>
<div class="artist">{{ track_artist }}</div>
- <div class="artwork"><img width="120" height="120" src="/art" /></div>
</div>
<div id="buttons">
<form action="/do" method="post">

0 comments on commit 4d1605a

Please sign in to comment.