Add metrics heading and image link to community hub

mythmon · Feb 29, 2016 · 2cc63fb · 2cc63fb
1 parent f8236b6
commit 2cc63fb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/kitsune/community/static/community/less/community.less b/kitsune/community/static/community/less/community.less
@@ -68,6 +68,12 @@ main {
   display: inline-block;
   width: 51%;
 }
+.health-metrics {
+  background-color: #e0e0e0;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  padding: 10px;
+}
 .community-news {
   display: inline-block;
   float: left;

diff --git a/kitsune/community/templates/community/index.html b/kitsune/community/templates/community/index.html
@@ -7,9 +7,10 @@
   <h1 class="main-heading">{{ _('Community Hub') }}</h1>
 
   <article class="contributors">
+    <h1>{{ _('Community Health Metrics') }}</h1>
+    <p><a href="{{ url('community.metrics') }}"><img class="health-metrics" src="{{ STATIC_URL }}sumo/img/community/chart-thumbnail.png" width="400" height="218" alt="{{ _('View Community Metrics') }}" />
+    {{ _('View Community Health Metrics') }}</a></p>
     <h1>{{ _('Top Contributors') }}</h1>
-    <p><a href="{{ url('community.metrics') }}">{{ _('View Community Health Metrics') }}</a></p>
-
     {# Locale Filter #}
     <div class="selector">
       <button type="button" class="ts-select-trigger">

diff --git a/kitsune/sumo/static/sumo/img/community/chart-thumbnail.png b/kitsune/sumo/static/sumo/img/community/chart-thumbnail.png