Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Generic user photo and better highlights.

  • Loading branch information...
commit 28af15e8d78aa78af3607c96ac6d95fd1cebfd18 1 parent 1afb368
Matthew Anderson authored
2  app/views/accounts/_account.html.erb
View
@@ -3,7 +3,7 @@
<div class="frame">
<div class="photo">
<% if account.portraits.empty? %>
- <img src="http://placehold.it/100" />
+ <%= image_tag 'user-128x128.png' %>
<% else %>
<%= render :partial => 'portrait', :collection => account.portraits %></div>
<% end %>
BIN  public/images/user-128x128.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 public/stylesheets/site.css
View
@@ -122,6 +122,7 @@ footer h1 a:hover {
margin: 15px;
padding-bottom: 30px;
position: relative;
+ text-shadow: 0 1px rgba(255, 255, 255, .8);
-webkit-transition: -webkit-box-shadow .175s linear;
width: 290px;
}
@@ -180,9 +181,15 @@ img {
position: absolute;
right: 0;
top: 0;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
- background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
- background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
+ background:
+ -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, .2))),
+ -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
+ background:
+ -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .2)),
+ -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
+ background:
+ linear-gradient(top, transparent, rgba(0, 0, 0, .2)),
+ linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
.portrait:after {
Please sign in to comment.
Something went wrong with that request. Please try again.