diff options
author | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
---|---|---|
committer | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
commit | 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch) | |
tree | 189381bfe0d81fdc1105679910114deaab3cdb58 /app/locations/templates | |
parent | e61f3d2c4537a2670c40b33eb02231a71dfb028a (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.html | 92 |
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> – + <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 %} |