added two helpers to handlebars for avatar images / links to people.

public/javascripts/app/helpers/handlebars-helpers.js

@@ -4,4 +4,19 @@ Handlebars.registerHelper('t', function(scope, values) {
 
 Handlebars.registerHelper('imageUrl', function(path){
   return app.baseImageUrl() + path;
-})
+})
+
+Handlebars.registerHelper('linkToPerson', function(context, block) {
+  var html = "<a href=\"/people/" + context.guid + "\" class=\"author-name\">";
+      html+= block.fn(context);
+      html+= "</a>";
+
+  return html
+})
+
+Handlebars.registerHelper('avatar', function(person, size, imageClass) {
+  size = (typeof(size) != "string" ? "small" : size);
+  imageClass = (typeof(imageClass) != "string" ? size : imageClass);
+
+  return "<img src=\"" + person.avatar[size] +"\" class=\"avatar " + imageClass + "\" title=\"" + person.name +"\" />";
+})

public/javascripts/app/templates/comment-stream.handlebars

@@ -15,7 +15,7 @@
     <div class="media new_comment_form_wrapper {{#unless comments_count}} hidden {{/unless}}">
       {{#with current_user}}
         <a href="/people/{{guid}}" class="img">
-          <img src="{{avatar.small}}" class="avatar" />
+          {{{avatar this}}}
         </a>
       {{/with}}
 

public/javascripts/app/templates/post-viewer/author.handlebars

@@ -1,21 +1,19 @@
 <div class="img">
-  <a href="/people/{{author.guid}}" class="author-name">
+  {{#linkToPerson author}}
-    <img src="{{author.avatar.small}}" class="avatar smaller"/>
+    {{{avatar this "small"}}}
-  </a>
+  {{/linkToPerson}}
 </div>
 
 <div class="bd">
-  <a href="/people/{{author.guid}}" class="author-name">
+  {{#linkToPerson author}}
-    {{author.name}}
+    {{name}}
-  </a>
+  {{/linkToPerson}}
 
   {{#if root}}
     <i class="icon-retweet"></i>
-    {{#with root}}
+    {{#linkToPerson root.author}}
-      <a href="/people/{{author.guid}}" class="author-name">
+      {{name}}
-        {{author.name}}
+    {{/linkToPerson}}
-      </a>
-    {{/with}}
   {{/if}}
 
   <div class="post-time">

public/javascripts/app/templates/post-viewer/comment.handlebars

@@ -1,13 +1,13 @@
 <div class="img">
-  <a href="/people/{{author.guid}}" class="author-name">
+  {{#linkToPerson author}}
-    <img src="{{author.avatar.small}}" class="avatar smaller"/>
+    {{{avatar this "small"}}}
-  </a>
+  {{/linkToPerson}}
 </div>
 
 <div class="bd">
-  <a href="/people/{{author.guid}}" class="author-name">
+  {{#linkToPerson author}}
-    {{author.name}}
+    {{name}}
-  </a>
+  {{/linkToPerson}}
 
   <div class="comment-content">
     {{{text}}}

public/javascripts/app/templates/post-viewer/reactions.handlebars

@@ -6,11 +6,9 @@
       </div>
       <div class="bd">
         {{#each likes}}
-          {{#with author}}
+          {{#linkToPerson author}}
-            <a href="/people/{{guid}}">
+            {{{avatar this "small" "micro"}}}
-              <img src="{{avatar.small}}" class="avatar micro" title="{{name}}"/ >
+          {{/linkToPerson}}
-            </a>
-          {{/with}}
         {{/each}}
       </div>
     </div>
@@ -25,11 +23,9 @@
       </div>
       <div class="bd">
         {{#each participations}}
-          {{#with author}}
+          {{#linkToPerson author}}
-            <a href="/people/{{guid}}">
+            {{{avatar this "small" "micro"}}}
-              <img src="{{avatar.small}}" class="avatar micro" title="{{name}}"/ >
+          {{/linkToPerson}}
-            </a>
-          {{/with}}
         {{/each}}
       </div>
     </div>
@@ -44,11 +40,9 @@
       </div>
       <div class="bd">
         {{#each reshares}}
-          {{#with author}}
+          {{#linkToPerson author}}
-            <a href="/people/{{guid}}">
+            {{{avatar this "small" "micro"}}}
-              <img src="{{avatar.small}}" class="avatar micro" title="{{name}}"/ >
+          {{/linkToPerson}}
-            </a>
-          {{/with}}
         {{/each}}
       </div>
     </div>

public/javascripts/app/templates/stream-element.handlebars

@@ -19,7 +19,7 @@
 
   {{#with author}}
     <a href="/people/{{guid}}" class="img">
-      <img src="{{avatar.small}}" class="avatar" />
+      {{{avatar this}}}
     </a>
   {{/with}}
 

public/javascripts/app/templates/stream-faces.handlebars

@@ -1,5 +1,5 @@
 {{#people}}
-  <a href="/people/{{guid}}">
+  {{#linkToPerson this}}
-    <img class="avatar" src="{{avatar.small}}" title="{{name}}"/>
+    {{{avatar this "small"}}}
-  </a>
+  {{/linkToPerson}}
 {{/people}}

public/stylesheets/sass/new-templates.scss

@@ -337,7 +337,7 @@ body.idle {
     width: 20px;
   }
 
-  &.smaller {
+  &.small {
     height: 35px;
     width: 35px;
   }