From f7b16e2bb9098a87a2bcdbb9a8c7a5641805850b Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Thu, 23 Apr 2015 15:29:21 +0200
Subject: [PATCH 1/2] css, templates: render text over avatars with text-shadow
 for more contrast

---
 static/css/main.css         | 4 ++++
 templates/avatars.hamlet    | 2 +-
 templates/home.hamlet       | 2 +-
 templates/select.hamlet     | 2 +-
 templates/selectCash.hamlet | 2 +-
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 6eba2ef..037d591 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -42,6 +42,10 @@ article#func.article {
 	z-index: 1;
 }
 
+.article .avatar p {
+	text-shadow: -1px 0 1px white, 0 1px 1px white, 1px 0 1px white, 0 -1px 1px white;
+}
+
 img.flag {
 	height: 2em;
 }
diff --git a/templates/avatars.hamlet b/templates/avatars.hamlet
index 3fd2a3d..09e7d88 100644
--- a/templates/avatars.hamlet
+++ b/templates/avatars.hamlet
@@ -9,7 +9,7 @@ $if null avatars
 $else
   $forall (Entity aId avatar) <- avatars
     <article .article>
-      <a href=@{ModifyAvatarR aId} style="background-image: url(@{GetAvatarR aId})">
+      <a href=@{ModifyAvatarR aId} style="background-image: url(@{GetAvatarR aId})" .avatar>
         <p>#{avatarIdent avatar}
 
 <ul>
diff --git a/templates/home.hamlet b/templates/home.hamlet
index ba491c1..621dc28 100644
--- a/templates/home.hamlet
+++ b/templates/home.hamlet
@@ -14,7 +14,7 @@ $if null beverages
 $forall (Entity uId user) <- users
   <article .article>
     $if userAvatar user /= Nothing
-      <a href=@{SelectR uId} style="background-image: url(@{GetAvatarR $ fromJust $ userAvatar user})">
+      <a href=@{SelectR uId} style="background-image: url(@{GetAvatarR $ fromJust $ userAvatar user})" .avatar>
         <p>#{userIdent user}
     $else
       <a href=@{SelectR uId}>
diff --git a/templates/select.hamlet b/templates/select.hamlet
index 3c79e4d..2ffdf8a 100644
--- a/templates/select.hamlet
+++ b/templates/select.hamlet
@@ -20,7 +20,7 @@ $if null beverages
 $forall (Entity bId bev) <- beverages
   <article .article>
     $if beverageAvatar bev /= Nothing
-      <a href=@{BuyR uId bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})">
+      <a href=@{BuyR uId bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})" .avatar>
         <p>#{beverageIdent bev}
     $else
       <a href=@{BuyR uId bId}>
diff --git a/templates/selectCash.hamlet b/templates/selectCash.hamlet
index c85d63c..5c3b061 100644
--- a/templates/selectCash.hamlet
+++ b/templates/selectCash.hamlet
@@ -5,7 +5,7 @@ $doctype 5
 $forall (Entity bId bev) <- beverages
   <article .article>
     $if beverageAvatar bev /= Nothing
-      <a href=@{BuyCashR bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})">
+      <a href=@{BuyCashR bId} style="background-image: url(@{GetAvatarR $ fromJust $ beverageAvatar bev})" .avatar>
         <p>#{beverageIdent bev}
     $else
       <a href=@{BuyCashR bId}>

From 501c2c16fe2e8b8918cdb134519837565cf778b7 Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Fri, 24 Apr 2015 22:12:47 +0200
Subject: [PATCH 2/2] css, templates: render text shadow in black

reason: text color is actually bright
---
 static/css/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/main.css b/static/css/main.css
index 037d591..cab3cfb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -43,7 +43,7 @@ article#func.article {
 }
 
 .article .avatar p {
-	text-shadow: -1px 0 1px white, 0 1px 1px white, 1px 0 1px white, 0 -1px 1px white;
+	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
 }
 
 img.flag {