From b235490206f5aea8b1c618e7ffdae20ef052e78d Mon Sep 17 00:00:00 2001
From: Thibaut Horel <thibaut.horel@gmail.com>
Date: Tue, 6 Jun 2017 19:23:55 -0400
Subject: Prepare for love track feature

---
 static/style.css     | 19 +++++++++++++++++++
 templates/index.tmpl |  5 ++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index e4730aa..c4d2db4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -28,7 +28,9 @@ header {
 	box-sizing: border-box;
 	color: white;
 	margin-bottom: 1em;
+	/*
 	box-shadow: 0 0 4px #1A237E;
+	*/
 }
 
 h1 {
@@ -95,6 +97,23 @@ ul.scrobbles .like {
 	text-align: right;
 }
 
+.swap > .two {
+	color: #3F51B5;
+	display: none;
+}
+
+.swap > .one {
+	color: #4f4f4f;
+}
+
+.swap:hover > .one {
+	display: none;
+}
+
+.swap:hover > .two {
+	display: initial;
+}
+
 #center {
 	height: 100%;
 	max-width: 1000px;
diff --git a/templates/index.tmpl b/templates/index.tmpl
index 8468b31..2451c6b 100644
--- a/templates/index.tmpl
+++ b/templates/index.tmpl
@@ -10,7 +10,10 @@
 		</div>
 		<div class="like">
 			<span class="album">{{ago .Time}}</span><br/>
-			<i class="material-icons">favorite_border</i>
+			<span class="swap">
+				<i class="material-icons one">favorite_border</i>
+				<i class="material-icons two">favorite</i>
+			</span>
 		</div>
 	</li>
 {{- end}}
-- 
cgit v1.2.3-70-g09d2