summaryrefslogtreecommitdiff
path: root/app/locations/templates
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf>2021-01-15 14:54:30 -0500
committerluxagraf <sng@luxagraf>2021-01-15 14:54:30 -0500
commit47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch)
tree189381bfe0d81fdc1105679910114deaab3cdb58 /app/locations/templates
parente61f3d2c4537a2670c40b33eb02231a71dfb028a (diff)
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
Diffstat (limited to 'app/locations/templates')
-rw-r--r--app/locations/templates/locations/location_detail.html92
1 files changed, 92 insertions, 0 deletions
diff --git a/app/locations/templates/locations/location_detail.html b/app/locations/templates/locations/location_detail.html
new file mode 100644
index 0000000..81aeb97
--- /dev/null
+++ b/app/locations/templates/locations/location_detail.html
@@ -0,0 +1,92 @@
+{% 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 class="content">
+ <header class="archive-intro">
+ <h1>{{object.name}}</h1>
+ {{object.description_html}}
+ </header>
+ <div>
+ <h2 class="hedtinycaps">Journal entries from {{object.name}}</h2>
+ <div class="archive-grid">{% for object in entry_list %}
+ <article class="h-entry hentry archive-grid-card" itemscope itemType="http://schema.org/Article">
+ <div class="card-image">
+ <a href="{{object.get_absolute_url}}" title="{{object.title}}">{% 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 card-hed-it" 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 card-smcaps" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+ <p class="card-summary card-dek">
+ <span class="p-location h-adr adr card-smcaps" 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>
+ </div>
+ {% if notes_list %}<section id="field-notes" class="archive-list">
+ <h3 class="hedtinycaps">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 %}
+ <div class="section">
+ <h2 class="hedtinycaps">Birds and Mammals seen in {{object}}</h2> {% for object in sighting_list %}
+ <ul class="archive-list">
+ <li class="archive-list-card archive-list-card-sm">{% if object.ap.image%}
+ <div class="circle-img-wrapper">
+ <a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}">
+ {% include "lib/img_archive.html" with image=object.ap.image %}
+ </a>
+ </div>{% endif %}
+ <h3 class="card-hed"><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></h3>
+ <p class="card-lede">{{object.ap.scientific_name}}</p>
+ <time class="card-smcaps" datetime="{{object.pub_date|date:'c'}}">Last Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+ </li>
+ </ul> {% endfor %}
+ </div>{%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 %}