css, templates: render text over avatars with text-shadow for more contrast
This commit is contained in:
parent
28e2ac1a3f
commit
f7b16e2bb9
5 changed files with 8 additions and 4 deletions
|
@ -42,6 +42,10 @@ article#func.article {
|
||||||
z-index: 1;
|
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 {
|
img.flag {
|
||||||
height: 2em;
|
height: 2em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,7 +9,7 @@ $if null avatars
|
||||||
$else
|
$else
|
||||||
$forall (Entity aId avatar) <- avatars
|
$forall (Entity aId avatar) <- avatars
|
||||||
<article .article>
|
<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}
|
<p>#{avatarIdent avatar}
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
|
|
@ -14,7 +14,7 @@ $if null beverages
|
||||||
$forall (Entity uId user) <- users
|
$forall (Entity uId user) <- users
|
||||||
<article .article>
|
<article .article>
|
||||||
$if userAvatar user /= Nothing
|
$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}
|
<p>#{userIdent user}
|
||||||
$else
|
$else
|
||||||
<a href=@{SelectR uId}>
|
<a href=@{SelectR uId}>
|
||||||
|
|
|
@ -20,7 +20,7 @@ $if null beverages
|
||||||
$forall (Entity bId bev) <- beverages
|
$forall (Entity bId bev) <- beverages
|
||||||
<article .article>
|
<article .article>
|
||||||
$if beverageAvatar bev /= Nothing
|
$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}
|
<p>#{beverageIdent bev}
|
||||||
$else
|
$else
|
||||||
<a href=@{BuyR uId bId}>
|
<a href=@{BuyR uId bId}>
|
||||||
|
|
|
@ -5,7 +5,7 @@ $doctype 5
|
||||||
$forall (Entity bId bev) <- beverages
|
$forall (Entity bId bev) <- beverages
|
||||||
<article .article>
|
<article .article>
|
||||||
$if beverageAvatar bev /= Nothing
|
$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}
|
<p>#{beverageIdent bev}
|
||||||
$else
|
$else
|
||||||
<a href=@{BuyCashR bId}>
|
<a href=@{BuyCashR bId}>
|
||||||
|
|
Loading…
Reference in a new issue