Get avatar using username

client/stylesheets/base.less

@@ -663,7 +663,12 @@ a.github-fork {
 	height: 100%;
 	width: 100%;
 	overflow: hidden;
+	position: relative;
 	.avatar-image {
+		height: 100%;
+		width: 100%;
+		min-height: 40px;
+		min-width: 40px;
 		display: block;
 		background-color: transparent;
 		background-size: cover;

client/views/avatar/avatar.coffee

+Template.avatar.helpers
+	dimensions: ->
+		return {
+			width: 40
+			height: 40
+		}
+
+	imageUrl: ->
+		username = this.username
+		if not username? and this.userId?
+			username = Meteor.users.findOne(this.userId)?.username
+		url = "#{Meteor.absoluteUrl()}/avatar/#{username}"
+		return url
\ No newline at end of file

client/views/avatar/avatar.html

+<template name="avatar">
+	<div class="avatar">
+		<img class="avatar-image" src="/images/pixel.png" style="background-image:url({{imageUrl}});" alt="avatar" />
+		<span class="avatar-initials" style="{{initialsCss}}">{{initialsText}}</span>
+	</div>
+</template>
\ No newline at end of file