Link contributions to their main URL

app/components/contribution-list/template.hbs

@@ -2,17 +2,17 @@
   <li data-contribution-id={{contribution.id}} class={{if contribution.confirmed "confirmed" "unconfirmed"}}>
     <p class="meta">
       <span class="recipient">{{user-avatar contributor=contribution.contributor}}</span>
-      <span class="category {{contribution.kind}}"><!--♥-->({{contribution.kind}})</span>
-      <span class="title">{{contribution.description}}</span>
+      <span class="category {{contribution.kind}}">({{contribution.kind}})</span>
+      <span class="title">
+        {{#if contribution.url}}
+          <a href={{contribution.url}} target="_blank" rel="noopener">{{contribution.description}}</a>
+        {{else}}
+          {{contribution.description}}
+        {{/if}}
+      </span>
     </p>
     <p class="kredits-amount">
       <span class="amount">{{contribution.amount}}</span><span class="symbol">₭S</span>
     </p>
-    <!--
-    <p class="description">
-    </p>
-    <p class="voting">
-    </p>
-    -->
   </li>
 {{/each}}

app/styles/components/_contribution-list.scss

@@ -45,6 +45,17 @@ ul.contribution-list {
 
     span {
       font-size: inherit;
+
+      &.title {
+        a {
+          font-size: inherit;
+          text-decoration: none;
+          color: $body-text-color;
+        }
+        a:hover, a:active {
+          color: $primary-color;
+        }
+      }
     }
 
     .description {