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:
commit
c734c02858
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 black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
|
||||||
|
}
|
||||||
|
|
||||||
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