2 files changed, 53 insertions, 0 deletions
diff --git a/design/sass/_birds.scss b/design/sass/_birds.scss
index d491f1d..c50b22e 100644
--- a/design/sass/_birds.scss
+++ b/design/sass/_birds.scss
@@ -132,5 +132,31 @@
         }
     }
 }
+.life-list {
+    @include constrain_wide;
+    text-align: left;
+    h4 { @include fancy_sans;}
+    ul {
+        @include breakpoint(beta){
+            height: 1200px;
+            display: flex;
+            flex-direction: column;
+            flex-wrap: wrap;
+        }
+        @include breakpoint(gamma){
+            height: 1000px;
+        }
+        @include breakpoint(epsilon){
+            height: 800px;
+        }
+    }
+    li {
+      margin-bottom: .35rem;
+    }
+    a {
+        color: $body_font;
+        text-decoration: none;
 
+    }
+}
 
diff --git a/design/templates/archives/life-list.html b/design/templates/archives/life-list.html
new file mode 100644
index 0000000..9b92725
--- /dev/null
+++ b/design/templates/archives/life-list.html
@@ -0,0 +1,27 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% load pagination_tags %}
+
+{% block pagetitle %}Luxagraf | Birding Life List {% if region %}in {{region.name|title|smartypants|safe}}{%else%}by {{user}}{%endif%}{% if page != "1" %} -- Page {{page}}{%endif%}{% endblock %}
+{% block metadescription %}Briding Life List {% if region %} in {{region.name|title|smartypants|safe}}{%else%}by {{user}}{%endif%} Page {{page}}{% endblock %}
+{%block bodyid%}id="birds"{%endblock%}
+
+
+{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
+        <li>Life List</li>
+    </ul>
+    <main role="main" class="archive">
+    <h1 class="hide">Brids Life List {% if region %}in {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%} by {{user}}{%endif%}</h1> 
+    <div class="life-list">
+    <h4>Current Life List Total: {{object_list|length}}</h4>
+    <ul>{% for object in object_list %}
+    <li><a href="{{object.get_absolute_url}}">{{object.ap.common_name}}</a></li>
+    {%endfor%}</ul>
+    </div>
+    </main>
+{% endblock %}
+
+
+
+{% block js %}<script src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%}