temporary disabled previous albumcovers, added a more coherent minima…

…l style
richardj · Apr 13, 2015 · 3efe45c · 3efe45c
1 parent c8bf3ce
commit 3efe45c
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 14 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -17,8 +17,8 @@ html, body {
   height: 100%;
   opacity: .4;
   position: fixed;
-  /*background-color: red;
-  background-blend-mode: multiply;*/
+  background-color: red;
+  background-blend-mode: multiply;
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
@@ -47,13 +47,14 @@ form {
 }
 
 form h1 {
-  margin-bottom: 0;
+  margin: 0;
+  padding: 10px;
   font-weight: normal;
   display: inline-block;
-  color: #a9a9a9;
-  color: #008cba;
+  color: #fff;
   font-weight: 400;
   font-size: 2em;
+  background: #000;
 }
 input[type="text"] {
   min-width: 436px;
@@ -67,18 +68,17 @@ input[type="text"] {
 }
 
 .btn {
-  height: 60px;
   border: none;
-  padding: 10px 20px;
+  padding: 13px 20px 12px 20px;
+  color: #fff;
   font-size: 2rem;
   font-weight: 400;
   text-decoration: none;
-  color: #008cba;
-  background: #fff;
+  background: #000;
 }
 .btn:hover {
-  color: #fff;
-  background: #008CBA;
+  color: #000;
+  background: #fff;
 }
 
 .username {
@@ -117,7 +117,14 @@ input[type="text"] {
   display: flex;
   flex-flow: row;
 }
-
+.now h2 {
+  margin-bottom: 0;
+  padding: 10px;
+  display: inline-block;
+  color: #fff;
+  font-size: 2rem;
+  background: #000;
+}
 .now .info {
   padding-right: 20px;
   flex: 1;
@@ -137,18 +144,26 @@ input[type="text"] {
 
 .now .artist {
   margin-top: 0;
+  margin-bottom: 0;
+  clear: both;
   padding: 10px;
-  font-size: 5rem;
+  display: inline-block;
+  font-size: 2rem;
   background: #fff;
 }
 
 .now .trackname {
+  margin: 0;
+  padding: 10px;
   font-size: 2rem;
   text-transform: uppercase;
+  text-align: right;
+  background: #fff;
 }
 
 .now .album {
   font-size: 1.3rem;
+  background: #fff;
 }
 
 

diff --git a/public/html/index.html b/public/html/index.html
@@ -30,7 +30,7 @@ <h1>Hello,</h1>
 
     <div class="now animate-show">
      <h2>{{ track['@attr'].nowplaying ? 'is listening to' : 'last listened to' }} </h2>
-     <h3 class="artist">{{ track.artist['#text'] }}</h3>
+     <h3 class="artist">artist: {{ track.artist['#text'] }}</h3>
      <div class="holder">
         <div class="info">
           <h3 class="trackname">Very long trackname ft. This artist and that Artist {{ track.name }}</h3>
@@ -54,6 +54,7 @@ <h3 class="album"><span class="album">That very long album title which has a lot
     <div class="latest">
       <h2>These came before you</h2>
       <div class="tracks">
+        <!--
         <span ng-repeat="track in tracks">
           <div class="track" ng-show="track.track.image[2]['#text']">
             <div class="img-holder">
@@ -66,6 +67,7 @@ <h5>{{ track.track.name }}</h5>
             </div>
           </div>
         </span>
+        -->
       </div>
     </div>
   </div>