Proj: Massive design overhaul to simplify code

Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.

Reduced CSS file size by 2/3

1 files changed, 104 insertions, 0 deletions

diff --git a/design/templates/locationsold/location_detail.html b/design/templates/locationsold/location_detail.html
new file mode 100644
index 0000000..334fa9d
--- /dev/null
+++ b/design/templates/locationsold/location_detail.html
@@ -0,0 +1,104 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% load get_image_by_size %}
+{% load get_image_width %}
+{% load pagination_tags %}
+
+{% block pagetitle %}{{object.name|title|smartypants|safe}} | Luxagraf, a travelogue | {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}){% endblock %}
+
+{% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %}
+{%block extrahead%}
+     <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" />
+{%endblock%}
+{%block bodyid%}id="location" class="archive"{%endblock%}
+{% block primary %}		
+    <main>
+        <header>
+            <h1>{{object.name}}</h1>
+        </header>
+
+        <section>
+            <h2 class="">Journal entries from {{object.name}}</h2>
+            <div class="archive-grid">{% for object in entry_list %}
+                <article class="h-entry hentry archive-card" itemscope itemType="http://schema.org/Article">
+                    <div class="post-image">
+                        <a href="{{object.get_absolute_url}}" title="{{object.title}}" class="u-url">{% if object.featured_image %}
+                            {% include "lib/img_archive.html" with image=object.featured_image %}
+                            {%else%}
+                            <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" />{%endif%}</a>
+                    </div>
+                    <h2 class="p-name entry-title post-title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h2>
+                    <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
+                    <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+                    <p class="post-summary">
+                        <span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
+                            {% if object.location.country_name == "United States" %}<span class="p-locality locality">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/jrnl/united-states/" title="travel writing from the United States">{{object.location.state_name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.location.country_slug}}/" title="travel writing from {{object.location.country_name}}">{{object.location.country_name}}</a>{%endif%}
+                        </span> &ndash;
+                        <span class="p-summary" itemprop="description">
+                            {{object.dek|safe}}
+                        </span>
+                    </p>
+                </article> {% endfor %}
+            </div>
+        </section>
+
+
+
+
+
+
+
+        {% if notes_list %}<section id="field-notes" class="essay-archive archive-list">
+                <h3>Field Notes</h3>
+        <ul class="fancy-archive-list">{% for object in notes_list %}
+        <li class="h-entry hentry" itemscope itemType="http://schema.org/Article">
+            <a href="{{object.get_absolute_url}}" class="u-url">
+            {% if object.featured_image %}<div class="circle-img-wrapper"><img src="{{object.featured_image.get_thumbnail_url}}" alt="{{object.featured_image.alt}}" class="u-photo" /></div>{%endif%}
+            <span class="date dt-published">{{object.pub_date|date:"F d, Y"}}</span>
+                <a href="{{object.get_absolute_url}}">
+                    <h2>{{object.title|safe|smartypants|widont}}</h2>
+                    {% if object.subtitle %}<h3 class="p-summary">{{object.subtitle|safe|smartypants|widont}}</h3>{%endif%}
+                </a>
+            {% if object.location %}<h4 class="p-location h-adr post-location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">
+                <span class="p-locality">{{object.location.name|smartypants|safe}}</span>, 
+                <span class="p-region">{{object.location.state_name}}</span>,
+                <span class="p-country-name">{{object.location.country_name}}</span>
+                <data class="p-latitude" value="{{object.latitude}}"></data>
+                <data class="p-longitude" value="{{object.longitude}}"></data>
+            </h4>{% endif %}
+        </li>
+        {%endfor%}</ul>
+        </section>{% endif %}
+        
+
+
+        {% if sighting_list %}
+        <section class="sightings dialogue-grid">
+            <h2>Birds and Mammals seen {{object}}</h2> {% for object in sighting_list %}
+            <article class="archive-card">{% if object.ap.image%} 
+            <div class="post--image">
+                <a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}">
+                    {% include "lib/img_archive.html" with image=object.ap.image  %}
+                </a>
+            </div>{% endif %}
+            <h2 class="post-title"><a href="{{object.ap.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.ap}}{%endif%}">{{object.ap|safe|smartypants|widont}}</a> (<span class="sci">{{object.ap.scientific_name}}</span>)</h2>
+            <time class="post-date" datetime="{{object.pub_date|date:'c'}}">Last Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+            <div class="post-summary">
+                <span class="post-location" itemscope itemtype="http://schema.org/Place">
+                    {% if object.country_name == "United States" %}<span class="p-locality locality">{{object.location_name|smartypants|safe}}</span>, {{object.state_name}}, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location_name|smartypants|safe}}</span>, {{object.country_name}}</a>{%endif%}
+                </span>
+            </div>
+        </article> {% endfor %}
+        </section>{%endif%}
+
+        {% comment %}
+        {% for entry in book_list %}{% if forloop.first %}
+        <div id="recommended-reading" >
+            <h3 class="hed">Recommended Reading</h3>
+            <ul>{% endif %}{% for obj in entry.books.all %}
+                <li><a href="{% url 'books:detail' slug=obj.slug %}"><img src="{{obj.get_small_image_url}}" /></a></li>{% endfor %}
+            {% if forloop.last%}</ul>
+        </div>{%endif%}{% endfor %}
+        {% endcomment %}
+    </main>
+{% endblock %}