design/templates/archives/projects.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

{% extends 'base.html' %}
{% load typogrify_tags %}
{% block pagetitle %}Luxagraf | Projects {% endblock %}
{% block metadescription %}Travel Themes and Experiments {% endblock %}

{%block bodyid%}id="projects-page"{%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>Projects</li>
    </ul>
    <main role="main" class="projects">
    <div class="projects--intro">
        <p>Luxagraf has become a bit like an iceberg over the years. I keep adding things to it, but never actually make them public. So I decided to try making some of it more public. </p>
        <p>This will lead you to some of the previously submerged stuff that doesn't always neatly fit in with the travel narrative portion of luxagraf. </p>
    </div>
    <ul id="projects-archive" class="projects--list">{%for object in object_list %}
        <li>
            <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1>
            <div class="img">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img sizes="(max-width: 640px) 100vw, (min-width: 641px) 640px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
            </div>
            <div class="hyphenate">{{object.lede|safe|smartypants}}</div>
            <p class="projects--button"><a href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a></p>
        </li> {% endfor %}
    </ul>
    </main>
{% endblock %}

{% block js %}<script src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%}