Merge pull request #56 from astro/css-contrast

css, templates: render text over avatars with text-shadow for more contr...
This commit is contained in:
rys ostrovid 2015-05-03 17:46:24 +02:00
commit c734c02858
5 changed files with 8 additions and 4 deletions

View File

@ -42,6 +42,10 @@ article#func.article {
z-index: 1;
}
.article .avatar p {
text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
}
img.flag {
height: 2em;
}

View File

@ -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>

View File

@ -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}>

View File

@ -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}>

View File

@ -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}>