nek0/yammat
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

css, templates: render text over avatars with text-shadow for more contrast

Browse source
This commit is contained in:
Astro 2015-04-23 15:29:21 +02:00
parent 28e2ac1a3f
commit f7b16e2bb9
5 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/main.css
View file

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

2
templates/avatars.hamlet
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>

2
templates/home.hamlet
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}>

2
templates/select.hamlet
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}>

2
templates/selectCash.hamlet
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}>