diff --git a/ampcrowd/amt/models.py b/ampcrowd/amt/models.py
index 9eeaa9b..4312d57 100644
--- a/ampcrowd/amt/models.py
+++ b/ampcrowd/amt/models.py
@@ -1,8 +1,6 @@
 from django.db import models
-from basecrowd.models import AbstractCrowdTaskGroup
-from basecrowd.models import AbstractCrowdTask
-from basecrowd.models import AbstractCrowdWorker
-from basecrowd.models import AbstractCrowdWorkerResponse
+from basecrowd.abstract_crowd_models import AbstractCrowdTask, AbstractCrowdWorker, AbstractCrowdWorkerResponse, \
+    AbstractCrowdTaskGroup
 
 # Inherited crowd models for the interface.
 # No need for special subclasses, we use the base implementations.
diff --git a/ampcrowd/basecrowd/abstract_crowd_models.py b/ampcrowd/basecrowd/abstract_crowd_models.py
new file mode 100644
index 0000000..6e23783
--- /dev/null
+++ b/ampcrowd/basecrowd/abstract_crowd_models.py
@@ -0,0 +1,165 @@
+from django.db import models
+
+
+class AbstractCrowdTask(models.Model):
+
+    # The group that this task belongs to, a many-to-one relationship.
+    # The relationship will be auto-generated to the task_group class of the
+    # registered crowd, and can be accessed via the 'group' attribute.
+    # The related_name will be 'tasks' to enable reverse lookups, e.g.
+    # group = models.ForeignKey(CrowdTaskGroup, related_name='tasks')
+
+    # The type of the task, Sentiment Analysis, Deduplication, etc
+    task_type = models.CharField(max_length=64)
+
+    # The data for the task, specific to the task type (stored as a JSON blob)
+    data = models.TextField()
+
+    # Creation time
+    create_time = models.DateTimeField()
+
+    # Unique identifier for the task
+    task_id = models.CharField(primary_key=True, max_length=64)
+
+    # The number of assignments (i.e., number of votes) to get for this task.
+    num_assignments = models.IntegerField()
+
+    # Answer based on majority vote
+    mv_answer = models.TextField()
+
+    # Answer based on Expectation Maximization
+    em_answer = models.TextField()
+
+    # Has the task received enough responses?
+    is_complete = models.BooleanField(default=False)
+
+    def __unicode__(self):
+        return self.task_type + " : " + self.data
+
+    class Meta:
+        abstract = True
+
+    @staticmethod
+    def to_dict(task):
+        return {
+            'task_type': task.task_type,
+            'data': task.data,
+            'creation_time': task.create_time,
+            'task_id': task.task_id,
+            'num_assignments': task.num_assignments,
+            'mv_answer': task.mv_answer,
+            'em_answer': task.em_answer,
+            'is_complete': task.is_complete,
+            'completed_assignments': len(task.responses.all())
+        }
+
+
+class AbstractCrowdWorker(models.Model):
+
+    # The tasks a worker has been assigned, a many-to-many relationship.
+    # The relationship will be auto-generated to the task class of the
+    # registered crowd, and can be accessed via the 'tasks' attribute.
+    # The related_name will be 'workers' to enable reverse lookups, e.g.
+    # tasks = models.ManyToManyField(CrowdTask, related_name='workers')
+
+    # A unique id for the worker
+    worker_id = models.CharField(primary_key=True, max_length=64)
+
+    def __unicode__(self):
+        return self.worker_id
+
+    class Meta:
+        abstract = True
+
+
+class AbstractCrowdWorkerResponse(models.Model):
+
+    # The task that was responded to, a many-to-one relationship.
+    # The relationship will be auto-generated to the task class of the
+    # registered crowd, and can be accessed via the 'task' attribute.
+    # The related_name will be 'responses' to enable reverse lookups, e.g.
+    # task = models.ForeignKey(CrowdTask, related_name='responses')
+
+    # The worker that gave the responded, a many-to-one relationship.
+    # The relationship will be auto-generated to the worker class of the
+    # registered crowd, and can be accessed via the 'worker' attribute.
+    # The related_name will be 'responses' to enable reverse lookups, e.g.
+    # worker = models.ForeignKey(CrowdWorker, related_name='responses')
+
+    # The content of the response (specific to the task type).
+    content = models.TextField()
+
+    # The assignment id of this response
+    assignment_id = models.CharField(max_length=200)
+
+    def __unicode__(self):
+        return self.task.task_id + " " + self.worker.worker_id
+
+    class Meta:
+        abstract = True
+
+
+class AbstractCrowdTaskGroup(models.Model):
+
+    # The group id
+    group_id = models.CharField(primary_key=True, max_length=64)
+
+    # The number of HITs in this group that have been finished
+    tasks_finished = models.IntegerField()
+
+    # The call back URL for sending results once complete
+    callback_url = models.URLField()
+
+    # Context for rendering the tasks to the crowd, as a JSON blob.
+    group_context = models.TextField()
+
+    # The configuration specific to current crowd type
+    crowd_config = models.TextField()
+
+    def __unicode__(self):
+        return self.group_id
+
+    class Meta:
+        abstract = True
+
+    @staticmethod
+    def to_dict(task_group):
+        return {
+            'group_id': task_group.group_id,
+            'tasks_finished': task_group.tasks_finished,
+        }
+
+
+class CrowdModelSpecification(object):
+    def __init__(self, crowd_name,
+                 task_model,
+                 group_model,
+                 worker_model,
+                 response_model):
+        self.name = crowd_name
+        self.task_model = task_model
+        self.group_model = group_model
+        self.worker_model = worker_model
+        self.response_model = response_model
+
+    @staticmethod
+    def add_rel(from_cls, to_cls, relation_cls, relation_name, related_name=None):
+        field = relation_cls(to_cls, related_name=related_name)
+        field.contribute_to_class(from_cls, relation_name)
+
+    def add_model_rels(self):
+        # tasks belong to groups
+        self.add_rel(self.task_model, self.group_model, models.ForeignKey,
+                     'group', 'tasks')
+
+        # workers work on many tasks, each task might have multiple workers
+        self.add_rel(self.worker_model, self.task_model, models.ManyToManyField,
+                     'tasks', 'workers')
+
+        # responses come from a worker
+        self.add_rel(self.response_model, self.worker_model, models.ForeignKey,
+                     'worker', 'responses')
+
+        # responses pertain to a task
+        self.add_rel(self.response_model, self.task_model, models.ForeignKey,
+                     'task', 'responses')
\ No newline at end of file
diff --git a/ampcrowd/basecrowd/interface.py b/ampcrowd/basecrowd/interface.py
index 2e7367d..83c1cbd 100644
--- a/ampcrowd/basecrowd/interface.py
+++ b/ampcrowd/basecrowd/interface.py
@@ -3,7 +3,7 @@
 
 from django.core.urlresolvers import reverse
 
-from models import CrowdModelSpecification
+from basecrowd.abstract_crowd_models import CrowdModelSpecification
 
 
 # Required implementation for a new crowd type
diff --git a/ampcrowd/basecrowd/models.py b/ampcrowd/basecrowd/models.py
index 1b63bc6..c935039 100644
--- a/ampcrowd/basecrowd/models.py
+++ b/ampcrowd/basecrowd/models.py
@@ -1,152 +1,2 @@
-from django.db import models
-from django.db.models.signals import class_prepared
-from django.contrib.contenttypes import generic
-from django.contrib.contenttypes.models import ContentType
-
-
-# Model for a group of tasks
-class AbstractCrowdTaskGroup(models.Model):
-
-    # The group id
-    group_id = models.CharField(primary_key=True, max_length=64)
-
-    # The number of HITs in this group that have been finished
-    tasks_finished = models.IntegerField()
-
-    # The call back URL for sending results once complete
-    callback_url = models.URLField()
-
-    # Context for rendering the tasks to the crowd, as a JSON blob.
-    group_context = models.TextField()
-
-    # The configuration specific to current crowd type
-    crowd_config = models.TextField()
-
-    def __unicode__(self):
-        return self.group_id
-
-    class Meta:
-        abstract = True
-
-
-# Model for an individual task.
-class AbstractCrowdTask(models.Model):
-
-    # The group that this task belongs to, a many-to-one relationship.
-    # The relationship will be auto-generated to the task_group class of the
-    # registered crowd, and can be accessed via the 'group' attribute.
-    # The related_name will be 'tasks' to enable reverse lookups, e.g.
-    # group = models.ForeignKey(CrowdTaskGroup, related_name='tasks')
-
-    # The type of the task, Sentiment Analysis, Deduplication, etc
-    task_type = models.CharField(max_length=64)
-
-    # The data for the task, specific to the task type (stored as a JSON blob)
-    data = models.TextField()
-
-    # Creation time
-    create_time = models.DateTimeField()
-
-    # Unique identifier for the task
-    task_id = models.CharField(primary_key=True, max_length=64)
-
-    # The number of assignments (i.e., number of votes) to get for this task.
-    num_assignments = models.IntegerField()
-
-    # Answer based on majority vote
-    mv_answer = models.TextField()
-
-    # Answer based on Expectation Maximization
-    em_answer = models.TextField()
-
-    # Has the task received enough responses?
-    is_complete = models.BooleanField(default=False)
-
-    def __unicode__(self):
-        return self.task_type + " : " + self.data
-
-    class Meta:
-        abstract = True
-
-
-# Model for workers
-class AbstractCrowdWorker(models.Model):
-
-    # The tasks a worker has been assigned, a many-to-many relationship.
-    # The relationship will be auto-generated to the task class of the
-    # registered crowd, and can be accessed via the 'tasks' attribute.
-    # The related_name will be 'workers' to enable reverse lookups, e.g.
-    # tasks = models.ManyToManyField(CrowdTask, related_name='workers')
-
-    # A unique id for the worker
-    worker_id = models.CharField(primary_key=True, max_length=64)
-
-    def __unicode__(self):
-        return self.worker_id
-
-    class Meta:
-        abstract = True
-
-
-# Model for a worker's response to a task
-class AbstractCrowdWorkerResponse(models.Model):
-
-    # The task that was responded to, a many-to-one relationship.
-    # The relationship will be auto-generated to the task class of the
-    # registered crowd, and can be accessed via the 'task' attribute.
-    # The related_name will be 'responses' to enable reverse lookups, e.g.
-    # task = models.ForeignKey(CrowdTask, related_name='responses')
-
-    # The worker that gave the responded, a many-to-one relationship.
-    # The relationship will be auto-generated to the worker class of the
-    # registered crowd, and can be accessed via the 'worker' attribute.
-    # The related_name will be 'responses' to enable reverse lookups, e.g.
-    # worker = models.ForeignKey(CrowdWorker, related_name='responses')
-
-    # The content of the response (specific to the task type).
-    content = models.TextField()
-
-    # The assignment id of this response
-    assignment_id = models.CharField(max_length=200)
-
-    def __unicode__(self):
-        return self.task.task_id + " " + self.worker.worker_id
-
-    class Meta:
-        abstract = True
-
-
-# Register a set of models as a new crowd.
-class CrowdModelSpecification(object):
-    def __init__(self, crowd_name,
-                 task_model,
-                 group_model,
-                 worker_model,
-                 response_model):
-        self.name = crowd_name
-        self.task_model = task_model
-        self.group_model = group_model
-        self.worker_model = worker_model
-        self.response_model = response_model
-
-    @staticmethod
-    def add_rel(from_cls, to_cls, relation_cls, relation_name, related_name=None):
-        field = relation_cls(to_cls, related_name=related_name)
-        field.contribute_to_class(from_cls, relation_name)
-
-    def add_model_rels(self):
-        # tasks belong to groups
-        self.add_rel(self.task_model, self.group_model, models.ForeignKey,
-                     'group', 'tasks')
-
-        # workers work on many tasks, each task might have multiple workers
-        self.add_rel(self.worker_model, self.task_model, models.ManyToManyField,
-                     'tasks', 'workers')
-
-        # responses come from a worker
-        self.add_rel(self.response_model, self.worker_model, models.ForeignKey,
-                     'worker', 'responses')
-
-        # responses pertain to a task
-        self.add_rel(self.response_model, self.task_model, models.ForeignKey,
-                     'task', 'responses')
+from basecrowd.abstract_crowd_models import *
+from basecrowd.task_models import *
diff --git a/ampcrowd/basecrowd/task_models.py b/ampcrowd/basecrowd/task_models.py
new file mode 100644
index 0000000..7d57cb9
--- /dev/null
+++ b/ampcrowd/basecrowd/task_models.py
@@ -0,0 +1,40 @@
+from django.db import models
+
+
+class TemplateResource(models.Model):
+    name = models.CharField(max_length=200)
+    content = models.TextField()
+    direct_imports = models.ManyToManyField('self', symmetrical=False, related_name="downstream_imports")
+    direct_requirements = models.ManyToManyField('self', symmetrical=False, related_name="downstream_requirements")
+
+    @property
+    def imports(self):
+        query_set = list(self.direct_imports.all())
+        all_imports = set(query_set)
+        current_imports = list(query_set)
+        while True:
+            prior_size = len(all_imports)
+            new_imports = set()
+            for dep in current_imports:
+                deps = set(dep.direct_imports.all())
+                new_imports = new_imports.union(deps)
+                all_imports = all_imports.union(deps)
+            if prior_size == len(all_imports):
+                break
+            else:
+                current_imports = list(new_imports)
+        return all_imports
+
+    @property
+    def requirements(self):
+        pass
+
+    def __str__(self):
+        return self.name
+
+
+class TaskType(models.Model):
+    name = models.CharField(max_length=200)
+    iterator_template = models.ForeignKey(TemplateResource, related_name='iterator_task')
+    point_template = models.ForeignKey(TemplateResource, related_name='point_task')
+    renderer = models.ForeignKey(TemplateResource, related_name='renderer_task')
diff --git a/ampcrowd/basecrowd/templates/basecrowd/javascript.html b/ampcrowd/basecrowd/templates/basecrowd/javascript.html
new file mode 100644
index 0000000..71ce692
--- /dev/null
+++ b/ampcrowd/basecrowd/templates/basecrowd/javascript.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title></title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/ampcrowd/basecrowd/tests.py b/ampcrowd/basecrowd/tests.py
deleted file mode 100644
index 7ce503c..0000000
--- a/ampcrowd/basecrowd/tests.py
+++ /dev/null
@@ -1,3 +0,0 @@
-from django.test import TestCase
-
-# Create your tests here.
diff --git a/ampcrowd/basecrowd/tests/test_models.py b/ampcrowd/basecrowd/tests/test_models.py
new file mode 100644
index 0000000..6bd5f1f
--- /dev/null
+++ b/ampcrowd/basecrowd/tests/test_models.py
@@ -0,0 +1,63 @@
+from django.test import TestCase
+from basecrowd.task_models import TaskType, TemplateResource
+
+
+class TasksTestCase(TestCase):
+    def setUp(self):
+        html = TemplateResource.objects.create(name="html")
+        js = TemplateResource.objects.create(name="js")
+        css = TemplateResource.objects.create(name="css")
+        bootstrap = TemplateResource.objects.create(name="bootstrap")
+        bootstrap.direct_imports.add(html, js, css)
+
+        jquery = TemplateResource.objects.create(name="jquery")
+        jquery.direct_imports.add(html, js, css)
+
+        reactjs = TemplateResource.objects.create(name="reactjs")
+        reactjs.direct_imports.add(js)
+
+        jqueryui = TemplateResource.objects.create(name="jqueryui")
+        jqueryui.direct_imports.add(jquery)
+
+        bootstrap_react_gallery = TemplateResource.objects.create(name="bootstrap react gallery")
+        bootstrap_react_gallery.direct_imports.add(reactjs, bootstrap)
+
+        monolithic_app = TemplateResource.objects.create(name="monolithic app")
+        monolithic_app.direct_imports.add(
+            bootstrap_react_gallery, jqueryui, jquery, js, css, html, reactjs
+        )
+
+    def test_template_imports(self):
+        html = TemplateResource.objects.get(name="html")
+        css = TemplateResource.objects.get(name="css")
+        js = TemplateResource.objects.get(name="js")
+        jquery = TemplateResource.objects.get(name="jquery")
+        bootstrap = TemplateResource.objects.get(name="bootstrap")
+        reactjs = TemplateResource.objects.get(name="reactjs")
+        jqueryui = TemplateResource.objects.get(name="jqueryui")
+        bootstrap_react_gallery = TemplateResource.objects.get(name="bootstrap react gallery")
+        monolithic_app = TemplateResource.objects.get(name="monolithic app")
+        self.assertSetEqual(
+            jquery.imports,
+            {html, css, js}
+        )
+        self.assertSetEqual(
+            html.imports,
+            set()
+        )
+        self.assertSetEqual(
+            reactjs.imports,
+            {js}
+        )
+        self.assertSetEqual(
+            jqueryui.imports,
+            {jquery, html, js, css}
+        )
+        self.assertSetEqual(
+            bootstrap_react_gallery.imports,
+            {html, js, css, reactjs, bootstrap}
+        )
+        self.assertSetEqual(
+            monolithic_app.imports,
+            {html, js, css, reactjs, jquery, jqueryui, bootstrap, bootstrap_react_gallery}
+        )
diff --git a/ampcrowd/basecrowd/urls.py b/ampcrowd/basecrowd/urls.py
index e752862..45f8cc3 100644
--- a/ampcrowd/basecrowd/urls.py
+++ b/ampcrowd/basecrowd/urls.py
@@ -8,4 +8,6 @@
     url(r'^(\w+)/responses/$', views.post_response, name='post_response'),
     url(r'^(\w+)/tasks/$', views.create_task_group, name='create_tasks'),
     url(r'^(\w+)/purge_tasks/$', views.purge_tasks, name='purge_tasks'),
+    url(r'^(\w+)/summary/task_groups', views.get_task_groups, name='get_task_groups'),
+    url(r'^(\w+)/summary/tasks', views.get_tasks, name="get_tasks")
 )
diff --git a/ampcrowd/basecrowd/views.py b/ampcrowd/basecrowd/views.py
index 99c9cc7..ec0116d 100644
--- a/ampcrowd/basecrowd/views.py
+++ b/ampcrowd/basecrowd/views.py
@@ -5,6 +5,7 @@
 from django.views.decorators.http import require_GET, require_POST
 from django.http import HttpResponse
 from datetime import datetime
+from jsonview.decorators import json_view
 import pytz
 import json
 import os
@@ -16,6 +17,20 @@
 logger = logging.getLogger('crowd_server')
 
 
+@require_GET
+@json_view
+def get_task_groups(request, crowd_name):
+    interface, model_spec = CrowdRegistry.get_registry_entry(crowd_name)
+    return interface.get_task_groups()
+
+
+@require_GET
+@json_view
+def get_tasks(request, crowd_name):
+    interface, model_spec = CrowdRegistry.get_registry_entry(crowd_name)
+    return interface.get_tasks()
+
+
 @require_POST
 @csrf_exempt
 def create_task_group(request, crowd_name):
@@ -159,7 +174,7 @@ def get_assignment(request, crowd_name):
 
     # Load the template and render it.
     template = get_scoped_template(crowd_name, current_task.task_type + '.html',
-                            context=context)
+                                   context=context)
     return HttpResponse(template.render(RequestContext(request, context)))
 
 
@@ -182,7 +197,6 @@ def get_scoped_template(crowd_name, template_name, context=None):
 @require_POST
 @csrf_exempt
 def post_response(request, crowd_name):
-
     # get the interface implementation from the crowd name.
     interface, model_spec = CrowdRegistry.get_registry_entry(crowd_name)
 
@@ -216,9 +230,9 @@ def post_response(request, crowd_name):
     # Check if this task has been finished
     # If we've gotten too many responses, ignore.
     if (not current_task.is_complete
-        and current_task.responses.count() >= current_task.num_assignments):
+            and current_task.responses.count() >= current_task.num_assignments):
         current_task.is_complete = True
         current_task.save()
         gather_answer.delay(current_task.task_id, model_spec)
 
-    return HttpResponse('ok')  # AJAX call succeded.
+    return HttpResponse('ok')  # AJAX call succeeded.
diff --git a/ampcrowd/docker-entrypoint.sh b/ampcrowd/docker-entrypoint.sh
index 5dfdd62..c9dacb6 100644
--- a/ampcrowd/docker-entrypoint.sh
+++ b/ampcrowd/docker-entrypoint.sh
@@ -2,7 +2,7 @@
 
 # Migrate databases if necessary, sleep allows postgres container to finish launching
 sleep 3
-python ampcrowd/manage.py syncdb --noinput
+python ampcrowd/manage.py migrate --noinput
 
 # Generate static content
 python ampcrowd/manage.py collectstatic --noinput
@@ -13,16 +13,10 @@ SSL=0
 FOREGROUND=0
 while getopts "dsf" OPTION
 do
-	case $OPTION in
-		d)
-			DEVELOP=1
-			;;
-		s)
-			SSL=1
-			;;
-		f)
-			FOREGROUND=1
-			;;
+	case "$OPTION" in
+		d) DEVELOP=1;;
+		s) SSL=1;;
+		f) FOREGROUND=1;;
 	esac
 done
 
@@ -30,6 +24,14 @@ export DEVELOP
 export SSL
 export FOREGROUND
 
+ARG1=${@:OPTIND:1}
+
+if [ "$ARG1" = "test" ]
+then
+    (cd ampcrowd && python manage.py test **/tests/)
+    exit
+fi
+
 if [ "$DEVELOP" -eq  "1" ]
 then
 	echo "Celery launched in debug mode"
diff --git a/ampcrowd/internal/interface.py b/ampcrowd/internal/interface.py
index 2ce6ff3..f74e93f 100644
--- a/ampcrowd/internal/interface.py
+++ b/ampcrowd/internal/interface.py
@@ -1,11 +1,11 @@
 import uuid
-from numpy.random import geometric
+from random import randint
 
 from django.core.urlresolvers import reverse
 from django.db.models import Count, F, Q
 
 from basecrowd.interface import CrowdInterface
-from models import CrowdTask
+from models import CrowdTask, CrowdTaskGroup
 
 SLACK = 2
 ORDER_WEIGHT = 0.3
@@ -23,8 +23,7 @@ def get_assignment_context(request):
                           .order_by('create_time'))
 
         # Pick a random task, biased towards older tasks.
-        task_index = min(geometric(ORDER_WEIGHT) - 1,
-                         eligible_tasks.count() - 1)
+        task_index = randint(0, eligible_tasks.count() - 1)
 
         # generate a random assignment id for this assignment.
         assignment_id = uuid.uuid4()
@@ -64,4 +63,12 @@ def get_eligible_tasks(worker_id):
             # No duplicates
             .distinct())
 
+    @staticmethod
+    def get_task_groups():
+        return CrowdTaskGroup.objects.all()
+
+    @staticmethod
+    def get_tasks():
+        return map(CrowdTask.to_dict, CrowdTask.objects.all())
+
 INTERNAL_CROWD_INTERFACE = InternalCrowdInterface('internal')
diff --git a/ampcrowd/internal/models.py b/ampcrowd/internal/models.py
index f53ecf2..7ff5758 100644
--- a/ampcrowd/internal/models.py
+++ b/ampcrowd/internal/models.py
@@ -1,8 +1,5 @@
-from django.db import models
-from basecrowd.models import AbstractCrowdTaskGroup
-from basecrowd.models import AbstractCrowdTask
-from basecrowd.models import AbstractCrowdWorker
-from basecrowd.models import AbstractCrowdWorkerResponse
+from basecrowd.abstract_crowd_models import AbstractCrowdTask, AbstractCrowdWorker, AbstractCrowdWorkerResponse, \
+    AbstractCrowdTaskGroup
 
 # Inherited crowd models for the interface.
 # No need for special subclasses, we use the base implementations.
diff --git a/ampcrowd/internal/views.py b/ampcrowd/internal/views.py
index ad1ff31..2371ffc 100644
--- a/ampcrowd/internal/views.py
+++ b/ampcrowd/internal/views.py
@@ -50,7 +50,7 @@ def index(request):
                                 .values('task_type')
                                 .annotate(num_tasks=Count('task_id')))
 
-    task_types = { t['task_type'] :
+    task_types = {t['task_type']:
                    build_context(task_type_map, total_tasks_by_type,
                                  worker_id, task_type_obj=t)
                    for t in incomplete_tasks_by_type }
diff --git a/ampcrowd/results_dashboard/static/dashboard.css b/ampcrowd/results_dashboard/static/dashboard.css
new file mode 100644
index 0000000..e0e3632
--- /dev/null
+++ b/ampcrowd/results_dashboard/static/dashboard.css
@@ -0,0 +1,105 @@
+/*
+ * Base structure
+ */
+
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+  padding-top: 50px;
+}
+
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+/*
+ * Top navigation
+ * Hide default border to remove 1px line.
+ */
+.navbar-fixed-top {
+  border: 0;
+}
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+  display: none;
+}
+@media (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 51px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    display: block;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+  }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+  margin-right: -21px; /* 20px padding + 1px border */
+  margin-bottom: 20px;
+  margin-left: -20px;
+}
+.nav-sidebar > li > a {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+.nav-sidebar > .active > a,
+.nav-sidebar > .active > a:hover,
+.nav-sidebar > .active > a:focus {
+  color: #fff;
+  background-color: #428bca;
+}
+
+
+/*
+ * Main content
+ */
+
+.main {
+  padding: 20px;
+}
+@media (min-width: 768px) {
+  .main {
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+}
+.main .page-header {
+  margin-top: 0;
+}
+
+
+/*
+ * Placeholder dashboard ideas
+ */
+
+.placeholders {
+  margin-bottom: 30px;
+  text-align: center;
+}
+.placeholders h4 {
+  margin-bottom: 0;
+}
+.placeholder {
+  margin-bottom: 20px;
+}
+.placeholder img {
+  display: inline-block;
+  border-radius: 50%;
+}
diff --git a/ampcrowd/results_dashboard/static/holder.js b/ampcrowd/results_dashboard/static/holder.js
new file mode 100644
index 0000000..a04ecff
--- /dev/null
+++ b/ampcrowd/results_dashboard/static/holder.js
@@ -0,0 +1,12 @@
+/*!
+
+Holder - client side image placeholders
+Version 2.4.1+f2l1h
+© 2014 Ivan Malopinsky - http://imsky.co
+
+Site:     http://imsky.github.io/holder
+Issues:   https://github.com/imsky/holder/issues
+License:  http://opensource.org/licenses/MIT
+
+*/
+!function(e,t,r){t[e]=r}("onDomReady",this,function(e){"use strict";function t(e){if(!b){if(!a.body)return i(t);for(b=!0;e=S.shift();)i(e)}}function r(e){(y||e.type===s||a[c]===u)&&(n(),t())}function n(){y?(a[x](m,r,d),e[x](s,r,d)):(a[g](v,r),e[g](h,r))}function i(e,t){setTimeout(e,+t>=0?t:1)}function o(e){b?i(e):S.push(e)}null==document.readyState&&document.addEventListener&&(document.addEventListener("DOMContentLoaded",function E(){document.removeEventListener("DOMContentLoaded",E,!1),document.readyState="complete"},!1),document.readyState="loading");var a=e.document,l=a.documentElement,s="load",d=!1,h="on"+s,u="complete",c="readyState",f="attachEvent",g="detachEvent",p="addEventListener",m="DOMContentLoaded",v="onreadystatechange",x="removeEventListener",y=p in a,w=d,b=d,S=[];if(a[c]===u)i(t);else if(y)a[p](m,r,d),e[p](s,r,d);else{a[f](v,r),e[f](h,r);try{w=null==e.frameElement&&l}catch(C){}w&&w.doScroll&&!function k(){if(!b){try{w.doScroll("left")}catch(e){return i(k,50)}n(),t()}}()}return o.version="1.4.0",o.isReady=function(){return b},o}(this)),document.querySelectorAll||(document.querySelectorAll=function(e){var t,r=document.createElement("style"),n=[];for(document.documentElement.firstChild.appendChild(r),document._qsa=[],r.styleSheet.cssText=e+"{x-qsa:expression(document._qsa && document._qsa.push(this))}",window.scrollBy(0,0),r.parentNode.removeChild(r);document._qsa.length;)t=document._qsa.shift(),t.style.removeAttribute("x-qsa"),n.push(t);return document._qsa=null,n}),document.querySelector||(document.querySelector=function(e){var t=document.querySelectorAll(e);return t.length?t[0]:null}),document.getElementsByClassName||(document.getElementsByClassName=function(e){return e=String(e).replace(/^|\s+/g,"."),document.querySelectorAll(e)}),Object.keys||(Object.keys=function(e){if(e!==Object(e))throw TypeError("Object.keys called on non-object");var t,r=[];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.push(t);return r}),function(e){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";e.atob=e.atob||function(e){e=String(e);var r,n=0,i=[],o=0,a=0;if(e=e.replace(/\s/g,""),e.length%4===0&&(e=e.replace(/=+$/,"")),e.length%4===1)throw Error("InvalidCharacterError");if(/[^+/0-9A-Za-z]/.test(e))throw Error("InvalidCharacterError");for(;n<e.length;)r=t.indexOf(e.charAt(n)),o=o<<6|r,a+=6,24===a&&(i.push(String.fromCharCode(o>>16&255)),i.push(String.fromCharCode(o>>8&255)),i.push(String.fromCharCode(255&o)),a=0,o=0),n+=1;return 12===a?(o>>=4,i.push(String.fromCharCode(255&o))):18===a&&(o>>=2,i.push(String.fromCharCode(o>>8&255)),i.push(String.fromCharCode(255&o))),i.join("")},e.btoa=e.btoa||function(e){e=String(e);var r,n,i,o,a,l,s,d=0,h=[];if(/[^\x00-\xFF]/.test(e))throw Error("InvalidCharacterError");for(;d<e.length;)r=e.charCodeAt(d++),n=e.charCodeAt(d++),i=e.charCodeAt(d++),o=r>>2,a=(3&r)<<4|n>>4,l=(15&n)<<2|i>>6,s=63&i,d===e.length+2?(l=64,s=64):d===e.length+1&&(s=64),h.push(t.charAt(o),t.charAt(a),t.charAt(l),t.charAt(s));return h.join("")}}(this),function(){function e(t,r,n){t.document;var i,o=t.currentStyle[r].match(/([\d\.]+)(%|cm|em|in|mm|pc|pt|)/)||[0,0,""],a=o[1],l=o[2];return n=n?/%|em/.test(l)&&t.parentElement?e(t.parentElement,"fontSize",null):16:n,i="fontSize"==r?n:/width/i.test(r)?t.clientWidth:t.clientHeight,"%"==l?a/100*i:"cm"==l?.3937*a*96:"em"==l?a*n:"in"==l?96*a:"mm"==l?.3937*a*96/10:"pc"==l?12*a*96/72:"pt"==l?96*a/72:a}function t(e,t){var r="border"==t?"Width":"",n=t+"Top"+r,i=t+"Right"+r,o=t+"Bottom"+r,a=t+"Left"+r;e[t]=(e[n]==e[i]&&e[n]==e[o]&&e[n]==e[a]?[e[n]]:e[n]==e[o]&&e[a]==e[i]?[e[n],e[i]]:e[a]==e[i]?[e[n],e[i],e[o]]:[e[n],e[i],e[o],e[a]]).join(" ")}function r(r){var n,i=this,o=r.currentStyle,a=e(r,"fontSize"),l=function(e){return"-"+e.toLowerCase()};for(n in o)if(Array.prototype.push.call(i,"styleFloat"==n?"float":n.replace(/[A-Z]/,l)),"width"==n)i[n]=r.offsetWidth+"px";else if("height"==n)i[n]=r.offsetHeight+"px";else if("styleFloat"==n)i.float=o[n];else if(/margin.|padding.|border.+W/.test(n)&&"auto"!=i[n])i[n]=Math.round(e(r,n,a))+"px";else if(/^outline/.test(n))try{i[n]=o[n]}catch(s){i.outlineColor=o.color,i.outlineStyle=i.outlineStyle||"none",i.outlineWidth=i.outlineWidth||"0px",i.outline=[i.outlineColor,i.outlineWidth,i.outlineStyle].join(" ")}else i[n]=o[n];t(i,"margin"),t(i,"padding"),t(i,"border"),i.fontSize=Math.round(a)+"px"}window.getComputedStyle||(r.prototype={constructor:r,getPropertyPriority:function(){throw new Error("NotSupportedError: DOM Exception 9")},getPropertyValue:function(e){var t=e.replace(/-([a-z])/g,function(e){return e=e.charAt?e.split(""):e,e[1].toUpperCase()}),r=this[t];return r},item:function(e){return this[e]},removeProperty:function(){throw new Error("NoModificationAllowedError: DOM Exception 7")},setProperty:function(){throw new Error("NoModificationAllowedError: DOM Exception 7")},getPropertyCSSValue:function(){throw new Error("NotSupportedError: DOM Exception 9")}},window.getComputedStyle=function(e){return new r(e)})}(),Object.prototype.hasOwnProperty||(Object.prototype.hasOwnProperty=function(e){var t=this.__proto__||this.constructor.prototype;return e in this&&(!(e in t)||t[e]!==this[e])}),function(e,t){e.augment=t()}(this,function(){"use strict";var e=function(){},t=Array.prototype.slice,r=function(r,n){var i=e.prototype="function"==typeof r?r.prototype:r,o=new e,a=n.apply(o,t.call(arguments,2).concat(i));if("object"==typeof a)for(var l in a)o[l]=a[l];if(!o.hasOwnProperty("constructor"))return o;var s=o.constructor;return s.prototype=o,s};return r.defclass=function(e){var t=e.constructor;return t.prototype=e,t},r.extend=function(e,t){return r(e,function(e){return this.uber=e,t})},r}),function(e,t){function r(e,t,r,o){var a=n(r.substr(r.lastIndexOf(e.domain)),e);a&&i(null,o,a,t)}function n(e,t){for(var r={theme:p(A.settings.themes.gray,null),stylesheets:t.stylesheets,holderURL:[]},n=!1,i=String.fromCharCode(11),o=e.replace(/([^\\])\//g,"$1"+i).split(i),a=/%[0-9a-f]{2}/gi,l=o.length,s=0;l>s;s++){var d=o[s];if(d.match(a))try{d=decodeURIComponent(d)}catch(h){d=o[s]}var u=!1;if(A.flags.dimensions.match(d))n=!0,r.dimensions=A.flags.dimensions.output(d),u=!0;else if(A.flags.fluid.match(d))n=!0,r.dimensions=A.flags.fluid.output(d),r.fluid=!0,u=!0;else if(A.flags.textmode.match(d))r.textmode=A.flags.textmode.output(d),u=!0;else if(A.flags.colors.match(d)){var c=A.flags.colors.output(d);r.theme=p(r.theme,c),u=!0}else if(t.themes[d])t.themes.hasOwnProperty(d)&&(r.theme=p(t.themes[d],null)),u=!0;else if(A.flags.font.match(d))r.font=A.flags.font.output(d),u=!0;else if(A.flags.auto.match(d))r.auto=!0,u=!0;else if(A.flags.text.match(d))r.text=A.flags.text.output(d),u=!0;else if(A.flags.random.match(d)){null==A.vars.cache.themeKeys&&(A.vars.cache.themeKeys=Object.keys(t.themes));var f=A.vars.cache.themeKeys[0|Math.random()*A.vars.cache.themeKeys.length];r.theme=p(t.themes[f],null),u=!0}u&&r.holderURL.push(d)}return r.holderURL.unshift(t.domain),r.holderURL=r.holderURL.join("/"),n?r:!1}function i(e,t,r,n){var i=r.dimensions,a=r.theme,l=i.width+"x"+i.height;if(e=null==e?r.fluid?"fluid":"image":e,null!=r.text&&(a.text=r.text,"object"===t.nodeName.toLowerCase())){for(var d=a.text.split("\\n"),u=0;u<d.length;u++)d[u]=b(d[u]);a.text=d.join("\\n")}var f=r.holderURL,g=p(n,null);r.font&&(a.font=r.font,!g.noFontFallback&&"img"===t.nodeName.toLowerCase()&&A.setup.supportsCanvas&&"svg"===g.renderer&&(g=p(g,{renderer:"canvas"}))),r.font&&"canvas"==g.renderer&&(g.reRender=!0),"background"==e?null==t.getAttribute("data-background-src")&&c(t,{"data-background-src":f}):c(t,{"data-src":f}),r.theme=a,t.holderData={flags:r,renderSettings:g},("image"==e||"fluid"==e)&&c(t,{alt:a.text?(a.text.length>16?a.text.substring(0,16)+"…":a.text)+" ["+l+"]":l}),"image"==e?("html"!=g.renderer&&r.auto||(t.style.width=i.width+"px",t.style.height=i.height+"px"),"html"==g.renderer?t.style.backgroundColor=a.background:(o(e,{dimensions:i,theme:a,flags:r},t,g),r.textmode&&"exact"==r.textmode&&(A.vars.resizableImages.push(t),s(t)))):"background"==e&&"html"!=g.renderer?o(e,{dimensions:i,theme:a,flags:r},t,g):"fluid"==e&&("%"==i.height.slice(-1)?t.style.height=i.height:null!=r.auto&&r.auto||(t.style.height=i.height+"px"),"%"==i.width.slice(-1)?t.style.width=i.width:null!=r.auto&&r.auto||(t.style.width=i.width+"px"),("inline"==t.style.display||""===t.style.display||"none"==t.style.display)&&(t.style.display="block"),h(t),"html"==g.renderer?t.style.backgroundColor=a.background:(A.vars.resizableImages.push(t),s(t)))}function o(e,t,r,n){function i(){var e=null;switch(n.renderer){case"canvas":e=L(s);break;case"svg":e=O(s,n);break;default:throw"Holder: invalid renderer: "+n.renderer}return e}var o=null;switch(n.renderer){case"svg":if(!A.setup.supportsSVG)return;break;case"canvas":if(!A.setup.supportsCanvas)return;break;default:return}{var l={width:t.dimensions.width,height:t.dimensions.height,theme:t.theme,flags:t.flags},s=a(l);({text:l.text,width:l.width,height:l.height,textHeight:l.font.size,font:l.font.family,fontWeight:l.font.weight,template:l.theme})}if(o=i(),null==o)throw"Holder: couldn't render placeholder";"background"==e?(r.style.backgroundImage="url("+o+")",r.style.backgroundSize=l.width+"px "+l.height+"px"):("img"===r.nodeName.toLowerCase()?c(r,{src:o}):"object"===r.nodeName.toLowerCase()&&(c(r,{data:o}),c(r,{type:"image/svg+xml"})),n.reRender&&setTimeout(function(){var e=i();if(null==e)throw"Holder: couldn't render placeholder";"img"===r.nodeName.toLowerCase()?c(r,{src:e}):"object"===r.nodeName.toLowerCase()&&(c(r,{data:e}),c(r,{type:"image/svg+xml"}))},100)),c(r,{"data-holder-rendered":!0})}function a(e){function t(e,t,r,n){t.width=r,t.height=n,e.width=Math.max(e.width,t.width),e.height+=t.height,e.add(t)}switch(e.font={family:e.theme.font?e.theme.font:"Arial, Helvetica, Open Sans, sans-serif",size:l(e.width,e.height,e.theme.size?e.theme.size:A.defaults.size),units:e.theme.units?e.theme.units:A.defaults.units,weight:e.theme.fontweight?e.theme.fontweight:"bold"},e.text=e.theme.text?e.theme.text:Math.floor(e.width)+"x"+Math.floor(e.height),e.flags.textmode){case"literal":e.text=e.flags.dimensions.width+"x"+e.flags.dimensions.height;break;case"exact":if(!e.flags.exactDimensions)break;e.text=Math.floor(e.flags.exactDimensions.width)+"x"+Math.floor(e.flags.exactDimensions.height)}var r=new z({width:e.width,height:e.height}),n=r.Shape,i=new n.Rect("holderBg",{fill:e.theme.background});i.resize(e.width,e.height),r.root.add(i);var o=new n.Group("holderTextGroup",{text:e.text,align:"center",font:e.font,fill:e.theme.foreground});o.moveTo(null,null,1),r.root.add(o);var a=o.textPositionData=T(r);if(!a)throw"Holder: staging fallback not supported yet.";o.properties.leading=a.boundingBox.height;var s=null,d=null;if(a.lineCount>1){var h=0,u=0,c=e.width*A.setup.lineWrapRatio,f=0;d=new n.Group("line"+f);for(var g=0;g<a.words.length;g++){var p=a.words[g];s=new n.Text(p.text);var m="\\n"==p.text;(h+p.width>=c||m===!0)&&(t(o,d,h,o.properties.leading),h=0,u+=o.properties.leading,f+=1,d=new n.Group("line"+f),d.y=u),m!==!0&&(s.moveTo(h,0),h+=a.spaceWidth+p.width,d.add(s))}t(o,d,h,o.properties.leading);for(var v in o.children)d=o.children[v],d.moveTo((o.width-d.width)/2,null,null);o.moveTo((e.width-o.width)/2,(e.height-o.height)/2,null),(e.height-o.height)/2<0&&o.moveTo(null,0,null)}else s=new n.Text(e.text),d=new n.Group("line0"),d.add(s),o.add(d),o.moveTo((e.width-a.boundingBox.width)/2,(e.height-a.boundingBox.height)/2,null);return r}function l(e,t,r){t=parseInt(t,10),e=parseInt(e,10);var n=Math.max(t,e),i=Math.min(t,e),o=A.defaults.scale,a=Math.min(.75*i,.75*n*o);return Math.round(Math.max(r,a))}function s(e){var t;t=null==e||null==e.nodeType?A.vars.resizableImages:[e];for(var r in t)if(t.hasOwnProperty(r)){var n=t[r];if(n.holderData){var i=n.holderData.flags,a=d(n,k.invisibleErrorFn(s));if(a){if(i.fluid&&i.auto){var l=n.holderData.fluidConfig;switch(l.mode){case"width":a.height=a.width/l.ratio;break;case"height":a.width=a.height*l.ratio}}var h={dimensions:a,theme:i.theme,flags:i};i.textmode&&"exact"==i.textmode&&(i.exactDimensions=a,h.dimensions=i.dimensions),o("image",h,n,n.holderData.renderSettings)}}}}function d(e,t){var r={height:e.clientHeight,width:e.clientWidth};return r.height||r.width?(e.removeAttribute("data-holder-invisible"),r):(c(e,{"data-holder-invisible":!0}),t.call(this,e),void 0)}function h(e){if(e.holderData){var t=d(e,k.invisibleErrorFn(h));if(t){var r=e.holderData.flags,n={fluidHeight:"%"==r.dimensions.height.slice(-1),fluidWidth:"%"==r.dimensions.width.slice(-1),mode:null,initialDimensions:t};n.fluidWidth&&!n.fluidHeight?(n.mode="width",n.ratio=n.initialDimensions.width/parseFloat(r.dimensions.height)):!n.fluidWidth&&n.fluidHeight&&(n.mode="height",n.ratio=parseFloat(r.dimensions.width)/n.initialDimensions.height),e.holderData.fluidConfig=n}}}function u(e,t){return null==t?E.createElement(e):E.createElementNS(t,e)}function c(e,t){for(var r in t)e.setAttribute(r,t[r])}function f(e,t,r){if(null==e){e=u("svg",C);var n=u("defs",C);e.appendChild(n)}return e.webkitMatchesSelector&&e.setAttribute("xmlns",C),c(e,{width:t,height:r,viewBox:"0 0 "+t+" "+r,preserveAspectRatio:"none"}),e}function g(e,r){if(t.XMLSerializer){{var n=new XMLSerializer,i="",o=r.stylesheets;e.querySelector("defs")}if(r.svgXMLStylesheet){for(var a=(new DOMParser).parseFromString("<xml />","application/xml"),l=o.length-1;l>=0;l--){var s=a.createProcessingInstruction("xml-stylesheet",'href="'+o[l]+'" rel="stylesheet"');a.insertBefore(s,a.firstChild)}var d=a.createProcessingInstruction("xml",'version="1.0" encoding="UTF-8" standalone="yes"');a.insertBefore(d,a.firstChild),a.removeChild(a.documentElement),i=n.serializeToString(a)}var h=n.serializeToString(e);return h=h.replace(/\&amp;(\#[0-9]{2,}\;)/g,"&$1"),i+h}}function p(e,t){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);if(null!=t)for(var i in t)t.hasOwnProperty(i)&&(r[i]=t[i]);return r}function m(e){var t=[];for(var r in e)e.hasOwnProperty(r)&&t.push(r+":"+e[r]);return t.join(";")}function v(e){A.vars.debounceTimer||e.call(this),A.vars.debounceTimer&&clearTimeout(A.vars.debounceTimer),A.vars.debounceTimer=setTimeout(function(){A.vars.debounceTimer=null,e.call(this)},A.setup.debounce)}function x(){v(function(){s(null)})}function y(e){var r=null;return"string"==typeof e?r=E.querySelectorAll(e):t.NodeList&&e instanceof t.NodeList?r=e:t.Node&&e instanceof t.Node?r=[e]:t.HTMLCollection&&e instanceof t.HTMLCollection?r=e:null===e&&(r=[]),r}function w(e,t){var r=new Image;r.onerror=function(){t.call(this,!1)},r.onload=function(){t.call(this,!0)},r.src=e}function b(e){for(var t=[],r=0,n=e.length-1;n>=0;n--)r=e.charCodeAt(n),r>128?t.unshift(["&#",r,";"].join("")):t.unshift(e[n]);return t.join("")}function S(e){return e.replace(/&#(\d+);/g,function(e,t){return String.fromCharCode(t)})}var C="http://www.w3.org/2000/svg",E=t.document,k={addTheme:function(e,t){return null!=e&&null!=t&&(A.settings.themes[e]=t),delete A.vars.cache.themeKeys,this},addImage:function(e,t){var r=E.querySelectorAll(t);if(r.length)for(var n=0,i=r.length;i>n;n++){var o=u("img");c(o,{"data-src":e}),r[n].appendChild(o)}return this},run:function(e){e=e||{};var o={};A.vars.preempted=!0;var a=p(A.settings,e);o.renderer=a.renderer?a.renderer:A.setup.renderer,-1===A.setup.renderers.join(",").indexOf(o.renderer)&&(o.renderer=A.setup.supportsSVG?"svg":A.setup.supportsCanvas?"canvas":"html"),a.use_canvas?o.renderer="canvas":a.use_svg&&(o.renderer="svg");var l=y(a.images),s=y(a.bgnodes),d=y(a.stylenodes),h=y(a.objects);o.stylesheets=[],o.svgXMLStylesheet=!0,o.noFontFallback=a.noFontFallback?a.noFontFallback:!1;for(var c=0;c<d.length;c++){var f=d[c];if(f.attributes.rel&&f.attributes.href&&"stylesheet"==f.attributes.rel.value){var g=f.attributes.href.value,m=u("a");m.href=g;var v=m.protocol+"//"+m.host+m.pathname+m.search;o.stylesheets.push(v)}}for(c=0;c<s.length;c++){var x=t.getComputedStyle(s[c],null).getPropertyValue("background-image"),b=s[c].getAttribute("data-background-src"),S=null;S=null==b?x:b;var C=null,E="?"+a.domain+"/";if(0===S.indexOf(E))C=S.slice(1);else if(-1!=S.indexOf(E)){var k=S.substr(S.indexOf(E)).slice(1),T=k.match(/([^\"]*)"?\)/);null!=T&&(C=T[1])}if(null!=C){var L=n(C,a);L&&i("background",s[c],L,o)}}for(c=0;c<h.length;c++){var O=h[c],z={};try{z.data=O.getAttribute("data"),z.dataSrc=O.getAttribute("data-src")}catch(F){}var M=null!=z.data&&0===z.data.indexOf(a.domain),D=null!=z.dataSrc&&0===z.dataSrc.indexOf(a.domain);M?r(a,o,z.data,O):D&&r(a,o,z.dataSrc,O)}for(c=0;c<l.length;c++){var R=l[c],j={};try{j.src=R.getAttribute("src"),j.dataSrc=R.getAttribute("data-src"),j.rendered=R.getAttribute("data-holder-rendered")}catch(F){}var B=null!=j.src,P=null!=j.dataSrc&&0===j.dataSrc.indexOf(a.domain),N=null!=j.rendered&&"true"==j.rendered;B?0===j.src.indexOf(a.domain)?r(a,o,j.src,R):P&&(N?r(a,o,j.dataSrc,R):!function(e,t,n,i,o){w(e,function(e){e||r(t,n,i,o)})}(j.src,a,o,j.dataSrc,R)):P&&r(a,o,j.dataSrc,R)}return this},invisibleErrorFn:function(){return function(e){if(e.hasAttribute("data-holder-invisible"))throw"Holder: invisible placeholder"}}};k.add_theme=k.addTheme,k.add_image=k.addImage,k.invisible_error_fn=k.invisibleErrorFn;var A={settings:{domain:"holder.js",images:"img",objects:"object",bgnodes:"body .holderjs",stylenodes:"head link.holderjs",stylesheets:[],themes:{gray:{background:"#EEEEEE",foreground:"#AAAAAA"},social:{background:"#3a5a97",foreground:"#FFFFFF"},industrial:{background:"#434A52",foreground:"#C2F200"},sky:{background:"#0D8FDB",foreground:"#FFFFFF"},vine:{background:"#39DBAC",foreground:"#1E292C"},lava:{background:"#F8591A",foreground:"#1C2846"}}},defaults:{size:10,units:"pt",scale:1/16},flags:{dimensions:{regex:/^(\d+)x(\d+)$/,output:function(e){var t=this.regex.exec(e);return{width:+t[1],height:+t[2]}}},fluid:{regex:/^([0-9]+%?)x([0-9]+%?)$/,output:function(e){var t=this.regex.exec(e);return{width:t[1],height:t[2]}}},colors:{regex:/(?:#|\^)([0-9a-f]{3,})\:(?:#|\^)([0-9a-f]{3,})/i,output:function(e){var t=this.regex.exec(e);return{foreground:"#"+t[2],background:"#"+t[1]}}},text:{regex:/text\:(.*)/,output:function(e){return this.regex.exec(e)[1].replace("\\/","/")}},font:{regex:/font\:(.*)/,output:function(e){return this.regex.exec(e)[1]}},auto:{regex:/^auto$/},textmode:{regex:/textmode\:(.*)/,output:function(e){return this.regex.exec(e)[1]}},random:{regex:/^random$/}}},T=function(){var e=null,t=null,r=null;return function(n){var i=n.root;if(A.setup.supportsSVG){var o=!1,a=function(e){return E.createTextNode(e)};null==e&&(o=!0),e=f(e,i.properties.width,i.properties.height),o&&(t=u("text",C),r=a(null),c(t,{x:0}),t.appendChild(r),e.appendChild(t),E.body.appendChild(e),e.style.visibility="hidden",e.style.position="absolute",e.style.top="-100%",e.style.left="-100%");var l=i.children.holderTextGroup,s=l.properties;c(t,{y:s.font.size,style:m({"font-weight":s.font.weight,"font-size":s.font.size+s.font.units,"font-family":s.font.family,"dominant-baseline":"middle"})}),r.nodeValue=s.text;var d=t.getBBox(),h=Math.ceil(d.width/(i.properties.width*A.setup.lineWrapRatio)),g=s.text.split(" "),p=s.text.match(/\\n/g);h+=null==p?0:p.length,r.nodeValue=s.text.replace(/[ ]+/g,"");var v=t.getComputedTextLength(),x=d.width-v,y=Math.round(x/Math.max(1,g.length-1)),w=[];if(h>1){r.nodeValue="";for(var b=0;b<g.length;b++)if(0!==g[b].length){r.nodeValue=S(g[b]);var k=t.getBBox();w.push({text:g[b],width:k.width})}}return{spaceWidth:y,lineCount:h,boundingBox:d,words:w}}return!1}}(),L=function(){var e=u("canvas"),t=null;return function(r){null==t&&(t=e.getContext("2d"));var n=r.root;e.width=A.dpr(n.properties.width),e.height=A.dpr(n.properties.height),t.textBaseline="middle",t.fillStyle=n.children.holderBg.properties.fill,t.fillRect(0,0,A.dpr(n.children.holderBg.width),A.dpr(n.children.holderBg.height));{var i=n.children.holderTextGroup;i.properties}t.font=i.properties.font.weight+" "+A.dpr(i.properties.font.size)+i.properties.font.units+" "+i.properties.font.family+", monospace",t.fillStyle=i.properties.fill;for(var o in i.children){var a=i.children[o];for(var l in a.children){var s=a.children[l],d=A.dpr(i.x+a.x+s.x),h=A.dpr(i.y+a.y+s.y+i.properties.leading/2);t.fillText(s.properties.text,d,h)}}return e.toDataURL("image/png")}}(),O=function(){if(t.XMLSerializer){var e=f(null,0,0),r=u("rect",C);return e.appendChild(r),function(t,n){var i=t.root;f(e,i.properties.width,i.properties.height);for(var o=e.querySelectorAll("g"),a=0;a<o.length;a++)o[a].parentNode.removeChild(o[a]);c(r,{width:i.children.holderBg.width,height:i.children.holderBg.height,fill:i.children.holderBg.properties.fill});var l=i.children.holderTextGroup,s=l.properties,d=u("g",C);e.appendChild(d);for(var h in l.children){var p=l.children[h];for(var v in p.children){var x=p.children[v],y=l.x+p.x+x.x,w=l.y+p.y+x.y+l.properties.leading/2,b=u("text",C),S=E.createTextNode(null);c(b,{x:y,y:w,style:m({fill:s.fill,"font-weight":s.font.weight,"font-family":s.font.family+", monospace","font-size":s.font.size+s.font.units,"dominant-baseline":"central"})}),S.nodeValue=x.properties.text,b.appendChild(S),d.appendChild(b)}}var k="data:image/svg+xml;base64,"+btoa(unescape(encodeURIComponent(g(e,n))));return k}}}(),z=function(e){function t(e,t){for(var r in t)e[r]=t[r];return e}var r=1,n=augment.defclass({constructor:function(e){r++,this.parent=null,this.children={},this.id=r,this.name="n"+r,null!=e&&(this.name=e),this.x=0,this.y=0,this.z=0,this.width=0,this.height=0},resize:function(e,t){null!=e&&(this.width=e),null!=t&&(this.height=t)},moveTo:function(e,t,r){this.x=null!=e?e:this.x,this.y=null!=t?t:this.y,this.z=null!=r?r:this.z},add:function(e){var t=e.name;if(null!=this.children[t])throw"SceneGraph: child with that name already exists: "+t;this.children[t]=e,e.parent=this}}),i=augment(n,function(t){this.constructor=function(){t.constructor.call(this,"root"),this.properties=e}}),o=augment(n,function(e){function r(r,n){if(e.constructor.call(this,r),this.properties={fill:"#000"},null!=n)t(this.properties,n);else if(null!=r&&"string"!=typeof r)throw"SceneGraph: invalid node name"}this.Group=augment.extend(this,{constructor:r,type:"group"}),this.Rect=augment.extend(this,{constructor:r,type:"rect"}),this.Text=augment.extend(this,{constructor:function(e){r.call(this),this.properties.text=e},type:"text"})}),a=new i;return this.Shape=o,this.root=a,this};for(var F in A.flags)A.flags.hasOwnProperty(F)&&(A.flags[F].match=function(e){return e.match(this.regex)});A.setup={renderer:"html",debounce:100,ratio:1,supportsCanvas:!1,supportsSVG:!1,lineWrapRatio:.9,renderers:["html","canvas","svg"]},A.dpr=function(e){return e*A.setup.ratio},A.vars={preempted:!1,resizableImages:[],debounceTimer:null,cache:{}},function(){var e=1,r=1,n=u("canvas"),i=null;n.getContext&&-1!=n.toDataURL("image/png").indexOf("data:image/png")&&(A.setup.renderer="canvas",i=n.getContext("2d"),A.setup.supportsCanvas=!0),A.setup.supportsCanvas&&(e=t.devicePixelRatio||1,r=i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1),A.setup.ratio=e/r,E.createElementNS&&E.createElementNS(C,"svg").createSVGRect&&(A.setup.renderer="svg",A.setup.supportsSVG=!0)}(),e(k,"Holder",t),t.onDomReady&&t.onDomReady(function(){A.vars.preempted||k.run(),t.addEventListener?(t.addEventListener("resize",x,!1),t.addEventListener("orientationchange",x,!1)):t.attachEvent("onresize",x),"object"==typeof t.Turbolinks&&t.document.addEventListener("page:change",function(){k.run()})})}(function(e,t,r){var n="function"==typeof define&&define.amd;n?define(e):r[t]=e},this);
\ No newline at end of file
diff --git a/ampcrowd/results_dashboard/templates/results_dashboard/index.html b/ampcrowd/results_dashboard/templates/results_dashboard/index.html
index e4271dc..f5de869 100644
--- a/ampcrowd/results_dashboard/templates/results_dashboard/index.html
+++ b/ampcrowd/results_dashboard/templates/results_dashboard/index.html
@@ -1,494 +1,175 @@
+{% load staticfiles %}
+
 <html>
 <head>
-{% block jslibraries %}
-    <script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script>
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
-{% endblock jslibraries %}
-
-{% block customjs %}
-    <script type="text/javascript">
-        {% block chart_setup %}
-            function chart_setup(callback){
-                google.setOnLoadCallback(callback);
-                google.load("visualization", "1", {packages:["corechart"]});
-            }
-        {% endblock %}
-
-        {% block draw_chart %}
-            CHART_DATA = {};
-            CHARTS = {};
-            TOP_K_GROUPS = {};
-            QUERY_START = {};
-            NUM_GROUPS_FOR_CHART = 2;
-            function update_chart_data(results, query_id, is_grouped){
-                // Initialize the chart data if this is a new chart.
-                var chart_div = $("#" + query_id + "-chart");
-                var result_data = results.results;
-                var posted_at = new Date(results.posted_at);
-                var value_col_name = results.result_col_name;
-                if (CHART_DATA[query_id] == undefined) {
-                    var chart = new google.visualization.LineChart(chart_div[0]);
-                    var chart_data = new google.visualization.DataTable();
-                    var top_groups = {};
-                    chart_data.addColumn('number', 'Data Cleaning Progress (seconds)');
-                    top_groups[0] = 0;
-
-                    if (is_grouped) {
-                        for (j = 0; j < result_data.length; j++) {
-                            chart_data.addColumn('number', result_data[j].name);
-                            if (j < NUM_GROUPS_FOR_CHART) top_groups[j+1] = j+1;
-                        }
-                    } else {
-                        chart_data.addColumn('number', 'all');
-                    }
-                    CHART_DATA[query_id] = chart_data;
-                    CHARTS[query_id] = chart;
-                    TOP_K_GROUPS[query_id] = top_groups;
-                } else { var chart = CHARTS[query_id]; var chart_data = CHART_DATA[query_id]; }
-
-                // Build data for the new row, and record the top k columns for display.
-                var row = [];
-                row[0] = (posted_at - QUERY_START[query_id]) / 1000;
-                var view_indices = [];
-                if (is_grouped) {
-                    var top_k_column_labels = [];
-                    var top_k_indices = [];
-                    top_k_indices[0] = 0;
-                    var groups_map = {};
-                    for (var i = 0; i < result_data.length; i++) {
-                        groups_map[result_data[i].name] = result_data[i].value;
-                        if (i < NUM_GROUPS_FOR_CHART) { top_k_column_labels.push(result_data[i].name);}
-                    }
-                    var unseen_map = $.extend({}, groups_map);
-                    for (var i = 1; i < chart_data.getNumberOfColumns(); i++) {
-                        var label = chart_data.getColumnLabel(i);
-                        row[i] = groups_map[label];
-                        delete unseen_map[label];
-                        for (var j = 0; j < top_k_column_labels.length; j++) {
-                            if (top_k_column_labels[j] == label) {
-                                top_k_indices[j+1] = i;
-                                break;
-                            }
-                        }
-                    }
-
-                    // Add groups we haven't seen before to the data table.
-                    for (var new_group_name in unseen_map) {
-                        if (!unseen_map.hasOwnProperty(new_group_name)) continue;
-                        chart_data.addColumn('number', new_group_name);
-                        row.push(unseen_map[new_group_name]);
-                        for (var j = 0; j < top_k_column_labels.length; j++) {
-                            if (top_k_column_labels[j] == new_group_name) {
-                                top_k_indices[j+1] = chart_data.getNumberOfColumns() - 1;
-                                break;
-                            }
-                        }
-                    }
-
-                    // If we got fewer groups than we intend to plot, pick remaining groups based on the highest
-                    // values from last update.
-                    var num_to_plot = Math.min(chart_data.getNumberOfColumns()-1, NUM_GROUPS_FOR_CHART);
-                    var num_needed = num_to_plot - result_data.length;
-                    if (num_needed > 0) {
-                        var num_rows = chart_data.getNumberOfRows();
-                        if (num_rows == 0) { console.log("IMPOSSIBLE");}
-                        top_k = [];
-                        for (var i = 1; i < chart_data.getNumberOfColumns(); i++) {
-                            top_k.push(i);
-                        }
-                        top_k.sort(function(a,b){
-                            return chart_data.getValue(num_rows-1,b) - chart_data.getValue(num_rows-1, a)
-                        });
-
-                        var num_found = 0;
-                        for (var i = 0; i < top_k.length; i++) {
-                            if (top_k_indices.indexOf(top_k[i]) == -1) {
-                                num_found++;
-                                top_k_indices.push(top_k[i]);
-                            }
-                            if (num_found >= num_needed) break;
-                        }
-                    }
-
-                    // resolve the new top_k indices with the old to preserve line color.
-                    var new_indices = [];
-                    for (var i = 0; i < top_k_indices.length; i++) {
-                        var base_column_index = top_k_indices[i];
-
-                        // If a column was in the top k as of last update, preserve its position this time.
-                        var seen = false;
-                        for (var top_k_position in TOP_K_GROUPS[query_id]) {
-                            if (!TOP_K_GROUPS[query_id].hasOwnProperty(top_k_position)) continue;
-                            if (TOP_K_GROUPS[query_id][top_k_position] == base_column_index){
-                                view_indices[top_k_position] = base_column_index;
-                                seen = true;
-                                break;
-                            }
-                        }
-                        if (!seen) new_indices.push(base_column_index);
-                    }
-
-                    // Insert all of the new columns into an open slot in the top k, or at the end if necessary.
-                    for (var i = 0; i < new_indices.length; i++) {
-                        var inserted = false;
-                        for (var j = 0; j < view_indices.length; j++) {
-                            if (view_indices[j] == undefined) {
-                                view_indices[j] = new_indices[i];
-                                inserted = true;
-                                break;
-                            }
-                        }
-                        if (!inserted) view_indices.push(new_indices[i]);
-                    }
-
-
-
-                    if (view_indices.length != num_to_plot + 1) {
-                        console.log("ERROR");
-                    }
-
-                    // Record the new top k ordering for next time
-                    for (var i = 0; i < view_indices.length; i ++) {
-                        TOP_K_GROUPS[query_id][i] = view_indices[i];
-                    }
-
-                } else {
-                    row[1] = result_data;
-                    view_indices[0] = 0;
-                    view_indices[1] = 1;
-                }
-                chart_data.addRow(row);
-
-                var data_view = new google.visualization.DataView(chart_data);
-                data_view.setColumns(view_indices);
-
-                // Redraw the chart
-                var chart_options = {
-                    animation: {
-                        //duration: POLL_INTERVAL * 0.75
-                        duration: 0
-                    },
-                    chartArea: {
-                        width:"100%",
-                        left: "15%",
-                        height: "88%",
-                        top: "2%"
-                    },
-                    colors: COLORS,
-                    backgroundColor: "#F5F5F5",
-                    fontSize: "25px",
-                    hAxis: {
-                        textPosition: "none",
-                        title: "Data Cleaning Progress (seconds)",
-                        titleTextStyle: {
-                            fontSize: 20,
-                            bold: true,
-                            italic: true
-                        },
-                        minValue: 0
-                    },
-                    height: 280,
-                    width: "100%",
-                    legend: {
-                        alignment: "center",
-                        position: "none",
-                        maxLines: 1
-                    },
-                    lineWidth: 4,
-                    pointSize: 10 / Math.pow(chart_data.getNumberOfRows(), 0.1),
-                    vAxis: {
-                        title: value_col_name,
-                        titleTextStyle: {
-                            fontSize: 20,
-                            bold: true,
-                            italic: true
-                        },
-                        minValue: 5000
-                    }
-                };
-                chart.draw(data_view, chart_options);
-
-            }
-        {% endblock %}
-
-        {% block draw_table %}
-            NUM_GROUPS_FOR_TABLE = 10;
-            COLORS = [
-                "red",
-                "blue",
-                "orange",
-                "green",
-                "purple",
-                "black",
-                "yellow",
-                "gray",
-                "#e2431e",
-                "#e7711b"
-            ];
-            COLOR_MAP = {
-            };
-            for (var i = 0; i < COLORS.length; i++) {
-                COLOR_MAP[i+1] = COLORS[i];
-            }
-            function draw_table(results, query_id, is_grouped){
-                var table_div = $("#" + query_id + "-table");
-                var result_data = results.results;
-
-                // Build the table
-                var table = $("<table>").addClass("table table-striped");
-                var table_header = $("<thead>").appendTo(table);
-                $("<tr>")
-                        .append($("<th>"))
-                        .append($("<th>").text("Affiliation"))
-                        .append($("<th>").text(results.result_col_name))
-                        .appendTo(table_header);
-                var table_body = $("<tbody>").appendTo(table);
-
-                if (!is_grouped) {
-                    $("<tr>")
-                            .append($("<td>").append($("<div>")
-                                    .addClass("colored-box")
-                                    .css("background-color", "blue")
-                                    .css("vertical-align", "middle")))
-                            .append($("<td>").text('All'))
-                            .append($("<td>").text(result_data.toFixed(2)))
-                            .appendTo(table_body);
-                } else {
-                    for (var i = 0; i < Math.min(result_data.length, NUM_GROUPS_FOR_TABLE); i++) {
-                        var chart_data = CHART_DATA[query_id];
-                        var top_groups = TOP_K_GROUPS[query_id];
-
-                        var group_name = result_data[i].name;
-                        var color = "transparent";
-                        for (var j = 1; j < chart_data.getNumberOfColumns(); j++) {
-                            if (chart_data.getColumnLabel(j) == group_name) {
-                                for (color_key in top_groups) {
-                                    if (!top_groups.hasOwnProperty(color_key)) continue;
-                                    if (top_groups[color_key] == j) {
-                                        color = COLOR_MAP[color_key];
-                                        break;
-                                    }
-
-                                }
-                                break;
-                            }
-                        }
-
-                        var row = $("<tr>")
-                                .append($("<td>").append($("<div>")
-                                        .addClass("colored-box")
-                                        .css("background-color", color)
-                                        .css("vertical-align", "middle")))
-                                .append($("<td>").text(result_data[i].name))
-                                .append($("<td>").text(result_data[i].value.toFixed(2)))
-                                .appendTo(table_body);
-                    }
-                }
-
-                // render the table
-                table_div.html(table);
-            }
-        {% endblock draw_table %}
-
-        {% block polling_controls %}
-            POLLING = true;
-            function toggle_polling() {
-                var polling_control = $("#polling-control");
-                if (POLLING) {
-                    POLLING = false;
-                    polling_control.text("Resume Updating Results");
-                } else {
-                    POLLING = true;
-                    polling_control.text("Pause Updating Results");
-                }
-                polling_control.blur();
-            }
-        {% endblock %}
-
-        {% block poll_func %}
-            function poll_for_results() {
-                if (!POLLING) return;
-                var query_ids = $(".query-result").map(function() { return this.id; }).get();
-                get_queries(query_ids);
-                query_ids.forEach(get_results);
-            }
-        {% endblock poll_func %}
-
-        {% block get_queries_func %}
-            function get_queries(query_ids) {
-                var url = '/dashboard/queries/';
-                var data = {seen: JSON.stringify(query_ids)};
-                $.get(url, data, function(data) {
-                    data.forEach(function(el) {
-                        QUERY_START[el.query_id] = new Date(el.registered_at);
-                        build_query_panel(el.query_id, el.querystring);
-                        get_results(el.query_id);
-                    })
-                })
-
-            }
-        {% endblock get_queries_func %}
-
-        {% block get_results_func %}
-            var LAST_POLL = {};
-            function get_results(query_id) {
-                var url = '/dashboard/results/' + query_id;
-                var data = {};
-                if (LAST_POLL[query_id] != undefined) {
-                    data.as_of = LAST_POLL[query_id].toISOString();
-                }
-                LAST_POLL[query_id] = new Date();
-                $.get(url, data, function(results){
-                    update_results_display(query_id, results)
-                });
-            }
-        {% endblock get_results_func %}
-
-        {% block update_results_func %}
-            function update_results_display(query_id, data) {
-                var chart_div = $("#" + query_id + "-chart");
-                var table_div = $("#" + query_id + "-table");
-                var noresult_div = $("#" + query_id + "-no-result");
-                if (data.results == 'none') {
-                    chart_div.hide();
-                    table_div.hide();
-                    noresult_div.show();
-                } else if (data.results == 'old') {
-                    // do nothing, no new results.
-                }else {
-                    noresult_div.hide();
-                    chart_div.show();
-                    table_div.show();
-                    var is_grouped = isNaN(data.results);
-                    update_chart_data(data, query_id, is_grouped);
-                    draw_table(data, query_id, is_grouped);
-                }
-            }
-        {% endblock update_results_func %}
-
-        {% block build_query_panel_func %}
-            function build_query_panel(query_id, querystring) {
-                var panel_html = $("<div>").addClass("col-xs-12");
-                var close_button_html = $("<button>")
-                        .attr("type", "button")
-                        .css("padding-right", "4px")
-                        .addClass("close")
-                        .attr("id", query_id + "-delete")
-                        .append($("<span>")
-                                .attr("aria-hidden", "true")
-                                .html("&times;"))
-                        .append($("<span>")
-                                .addClass("sr-only")
-                                .text("Close"))
-                        .appendTo(panel_html);
-                var well_html = $("<div>").addClass("well").appendTo(panel_html);
-                $("<h4>")
-                        .css("font-weight", "bold")
-                        .css("text-decoration", "underline")
-                        .text(querystring)
-                        .appendTo(well_html);
-                var result_div = $("<div>")
-                        .addClass("query-result row")
-                        .attr("id", query_id)
-                        .appendTo(well_html);
-                $("<div>").addClass("col-xs-5 vcenter").attr("id", query_id + "-chart").appendTo(result_div);
-                $("<div>").addClass("col-xs-7 vcenter").attr("id", query_id + "-table").appendTo(result_div);
-                $("<div>").addClass("col-xs-12").attr("id", query_id + "-no-result").appendTo(result_div);
-                $("#panel-root").append(panel_html);
-                close_button_html.click(function() {delete_query(query_id);});
-            }
-        {% endblock build_query_panel_func %}
-
-        {% block delete_query_func %}
-            function delete_query(query_id) {
-                // delete from the database.
-                $.post("/dashboard/queries/" + query_id + "/delete", function(){
-                    $("#" + query_id).parent().parent().remove(); // delete from the interface.
-
-                    // delete from our global client state
-                    delete CHART_DATA[query_id];
-                    delete CHARTS[query_id];
-                    delete TOP_K_GROUPS[query_id];
-                    delete LAST_POLL[query_id];
-                    delete QUERY_START[query_id];
-                });
-            }
-        {% endblock delete_query_func %}
-
-        {% block ready_func %}
-            POLL_INTERVAL = 2000;
-            function ready_func() {
-                // get initial data
-                poll_for_results();
-
-                // set up polling
-                setInterval(poll_for_results, POLL_INTERVAL);
-            }
-
-            // set up charts, and start polling for data once they're ready.
-            chart_setup(ready_func);
-            $(document).ready(function() {
-            });
-        {% endblock ready_func %}
-    </script>
-{% endblock customjs %}
-
-{% block css_includes %}
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
-{%  endblock css_includes %}
-
-{% block custom_css %}
-    <style>
-        .task-container {
-            margin-top: 20px;
-            font-family: Verdana, Geneva, sans-serif;
-        }
-
-        .colored-box {
-            width: 15px;
-            height: 15px;
-        }
-
-        .vcenter {
-            display: inline-block;
-            vertical-align: middle;
-            float: none;
-        }
-    </style>
-{% endblock custom_css %}
-
-{% block misc_head_tags %}
-    <title>SampleClean Dashboard</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-{% endblock misc_head_tags %}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/JSXTransformer.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/react.js"></script>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>Dashboard Template for Bootstrap</title>
+
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+
+    <!-- Custom styles for this template -->
+    <link href="{% static 'dashboard.css' %}" rel="stylesheet">
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
 </head>
-
 <body>
-<div class="container" style="width:95%">
-    <div class="row task-container">
-        {% block page_header %}
-            <!--
-            <div class="jumbotron">
-                <h1>SampleClean Dashboard</h1>
-                <p>Monitor query results as the underlying data is cleaned.</p>
-            </div>-->
-        {% endblock page_header %}
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#">Project name</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+                <li><a href="#">Dashboard</a></li>
+                <li><a href="#">Settings</a></li>
+                <li><a href="#">Profile</a></li>
+                <li><a href="#">Help</a></li>
+            </ul>
+            <form class="navbar-form navbar-right">
+                <input type="text" class="form-control" placeholder="Search...">
+            </form>
+        </div>
     </div>
+</nav>
+
+<div class="container-fluid">
     <div class="row">
-        {% block main_panel %}
-            <div class="panel panel-primary">
-                <div class="panel-heading">
-                    <strong class="lead">Registered Queries:</strong>
-                    <button id="polling-control" type="button" class="btn btn-default pull-right"
-                            onclick="toggle_polling();">Pause Updating Results</button>
+        <div class="col-sm-3 col-md-2 sidebar">
+            <ul class="nav nav-sidebar">
+                <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
+                <li><a href="#">Reports</a></li>
+                <li><a href="#">Analytics</a></li>
+                <li><a href="#">Export</a></li>
+            </ul>
+            <ul class="nav nav-sidebar">
+                <li><a href="">Nav item</a></li>
+                <li><a href="">Nav item again</a></li>
+                <li><a href="">One more nav</a></li>
+                <li><a href="">Another nav item</a></li>
+                <li><a href="">More navigation</a></li>
+            </ul>
+            <ul class="nav nav-sidebar">
+                <li><a href="">Nav item again</a></li>
+                <li><a href="">One more nav</a></li>
+                <li><a href="">Another nav item</a></li>
+            </ul>
+        </div>
+        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+            <h1 class="page-header">Dashboard</h1>
+
+            <div class="row placeholders">
+                <div class="col-xs-6 col-sm-3 placeholder">
+                    <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+                    <h4>Label</h4>
+                    <span class="text-muted">Something else</span>
+                </div>
+                <div class="col-xs-6 col-sm-3 placeholder">
+                    <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+                    <h4>Label</h4>
+                    <span class="text-muted">Something else</span>
+                </div>
+                <div class="col-xs-6 col-sm-3 placeholder">
+                    <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+                    <h4>Label</h4>
+                    <span class="text-muted">Something else</span>
                 </div>
-                <div class="panel-body">
-                    <div class="row" id="panel-root">
-                    </div>
+                <div class="col-xs-6 col-sm-3 placeholder">
+                    <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+                    <h4>Label</h4>
+                    <span class="text-muted">Something else</span>
                 </div>
             </div>
-        {% endblock main_panel %}
+
+            <h2 class="sub-header">Crowd Task Groups</h2>
+            <script type="text/jsx">
+                var Rows = React.createClass({
+                    getInitialState: function() {
+                        return {data: []}
+                    },
+                    updateTaskStatus: function() {
+                        $.ajax({
+                            url: 'http://crowd_server:8000/crowds/internal/summary/tasks',
+                            success: function(data) {
+                                this.setState({data: data});
+                            }.bind(this)
+                        });
+                    },
+                    componentDidMount: function() {
+                        this.updateTaskStatus();
+                        setInterval(this.updateTaskStatus, 2000);
+                    },
+                    render: function() {
+                        var rows = this.state.data.map(function (row) {
+                            return (
+                                    <tr>
+                                        <td>{row.task_id}</td>
+                                        <td>{row.data}</td>
+                                        <td>{row.is_complete}</td>
+                                        <td>{row.completed_assignments}</td>
+                                        <td>{row.num_assignments}</td>
+                                        <td>{row.mv_answer}</td>
+                                        <td>{row.em_answer}</td>
+                                        <td>{row.task_type}</td>
+                                    </tr>
+                            );
+                        });
+                        return (
+                                <table className="table table-striped">
+                                    <thead>
+                                        <tr>
+                                            <th>Task ID</th>
+                                            <th>Data</th>
+                                            <th>Is Complete</th>
+                                            <th>Completed Assignments</th>
+                                            <th>Total Assignments</th>
+                                            <th>Majority Vote Answer</th>
+                                            <th>EM Answer</th>
+                                            <th>Task Type</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        {rows}
+                                    </tbody>
+                                </table>
+
+                        );
+                    }
+                });
+                React.render(
+                        <Rows />,
+                        document.getElementById("task_table")
+                );
+            </script>
+            <div id="task_table" class="table-responsive"></div>
+
+        </div>
     </div>
 </div>
+
+<!-- Bootstrap core JavaScript
+================================================== -->
+<!-- Placed at the end of the document so the pages load faster -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+<script src="{% static 'holder.js' %}" type="text/javascript"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/ampcrowd/results_dashboard/views.py b/ampcrowd/results_dashboard/views.py
index 8f995ca..2d7bdf1 100644
--- a/ampcrowd/results_dashboard/views.py
+++ b/ampcrowd/results_dashboard/views.py
@@ -1,6 +1,5 @@
 import json
 import pytz
-import uuid
 from datetime import datetime
 from django.http import HttpResponse
 from django.shortcuts import render
diff --git a/docker-test.sh b/docker-test.sh
new file mode 100755
index 0000000..270e5a4
--- /dev/null
+++ b/docker-test.sh
@@ -0,0 +1,3 @@
+docker-compose kill
+docker-compose build
+docker-compose run --rm --service-ports web test
diff --git a/requirements.txt b/requirements.txt
index cc0021b..f331425 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,22 +1,16 @@
 Django==1.7
 amqp==1.4.6
-anyjson==0.3.3
-billiard==3.3.0.18
 boto==2.29.1
 celery==3.1.15
 django-celery==3.1.16
+django-jsonview==0.4.3
 django-sslserver==0.12
 gunicorn==19.0.0
-kombu==3.0.23
-matplotlib==1.4.0
-mechanize==0.2.5
-mock==1.0.1
-multi-mechanize==1.2.0
 nose==1.3.4
-numpy==1.9.0
 psycopg2==2.5.3
 pyparsing==2.0.2
 python-dateutil==2.2
 pytz==2014.7
 six==1.8.0
 wsgiref==0.1.2
+
diff --git a/scripts/post.py b/scripts/post.py
index 9041774..e2d72ef 100755
--- a/scripts/post.py
+++ b/scripts/post.py
@@ -37,7 +37,7 @@ def send_request(data, crowds, num_requests, use_ssl):
     # Send request
     params = {'data' : json.dumps(data)}
     scheme = 'https' if use_ssl else 'http'
-    url = scheme + '://127.0.0.1:8000/crowds/%s/tasks/'
+    url = scheme + '://crowd_server:8000/crowds/%s/tasks/'
     for crowd in crowds:
         for i in range(num_requests):
             try:
@@ -105,11 +105,13 @@ def create_tasks(crowds, task_types, use_ssl):
         data['configuration']['amt'] = {'sandbox' : True}
 
         data['group_id'] = 'test2'
-        data['group_context'] = {'fields' : ['price', 'location']}
+        data['group_context'] = {'fields' : ['company', 'location']}
 
         # This configuration generates one task with two pairs of records.
-        data['content'] = {'pair1' : [['5', 'LA'], ['6', 'Berkeley']],
-                           'pair2' : [['80', 'London'], ['80.0', 'Londyn']]}
+        data['content'] = {
+                'pair1' : [['5', 'LA'], ['6', 'Berkeley']],
+-               'pair2' : [['80', 'London'], ['80.0', 'Londyn']]
+        }
         send_request(data, crowds, num_tasks, use_ssl)
         print "Done!"