diff options
author | luxagraf <sng@luxagraf.net> | 2012-09-22 22:27:04 -0400 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2012-09-22 22:27:04 -0400 |
commit | efb623af0bcb47d510501c282e1326b11343a29c (patch) | |
tree | 3a35fb19f5eba3b219c65277a5fb712cbe9604ac /design/templates/archives | |
parent | 0b481fd7931c2ae20ca21f89a87f2ba6a6c01e10 (diff) |
site reorg
Diffstat (limited to 'design/templates/archives')
-rw-r--r-- | design/templates/archives/guide.html | 51 | ||||
-rw-r--r-- | design/templates/archives/homepage.html | 31 | ||||
-rw-r--r-- | design/templates/archives/map.html | 35 | ||||
-rw-r--r-- | design/templates/archives/photos.html | 32 | ||||
-rw-r--r-- | design/templates/archives/projects.html | 29 | ||||
-rw-r--r-- | design/templates/archives/writing.html | 38 |
6 files changed, 216 insertions, 0 deletions
diff --git a/design/templates/archives/guide.html b/design/templates/archives/guide.html new file mode 100644 index 0000000..27ac756 --- /dev/null +++ b/design/templates/archives/guide.html @@ -0,0 +1,51 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Travel Guide {{region.name|title|smartypants|safe}}{%else%} Travel Guides, Tips, Tricks and Recommendations {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}A Travel Guide, Tips, Tricks and Recommendations for {{region.name|title|smartypants|safe}}{%else%}Travel Guides, Tips, Tricks and Recommendations {%endif%} Page {{page}}{% endblock %} +{%block bodyid%}id="guide-archive" class="guide"{%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> → </li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/guide/1/" title="See all Guides" itemprop="url"><span itemprop="title">Travel Guides</span></a> →</li> + <li itemprop="title">United States</li>{%else%}<li><a href="/guide/1/" title="See all Guides" itemprop="url"><span>Travel Guides</span></a> →</li> + <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Travel Guides</li>{%endif%} + </ul> + + <section class="intro"> + <h1>Travel Guides</h1> + <h2>What I Know About Where I've Been</h2> + <div class="formatted"> + <p>The essays on luxagraf rarely offer much travel advice. I don't often write about places I stay, where I eat, the gear I carry or even how to get from here to there. At the same time I always save business cards and write down addresses almost everywhere I go. + Until now I haven't really done anything with that information, save tell a few friends headed in similar directions. So I decided to created this, the <strong>travel guide</strong> section, so you can know what I know. I even busted out the video camera for a few of these. Just bear in mind that this is my experience, yours may be very different. That's okay.</p></div> + </section> + + + <section id="guides" class=""> {% autopaginate object_list 10 %} {% for object in object_list %} + <article id="guide-10{{object.id}}"> + <div class="meta bl"> + <div class="tags">Filed Under: <a href="{{object.get_absolute_url}}" title="{{object.title}}">General</a>, <a href="{{object.get_absolute_url}}" title="{{object.title}}">Gear</a></div> + <time pubdate class="hide" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" width="150" class="{{object.image_width}}" height="98" claaa="{{object.image_height}}" class="guide-thumb" /></a> + </div> + <div class="guide-dek"> + <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1> + <p class="hyphenate">{{object.dek|safe}}</p> + </div> + </article> {% endfor %} + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} + + + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} + + + +{% if object.location %}<p class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></p>{%endif%} diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html new file mode 100644 index 0000000..11cbf4b --- /dev/null +++ b/design/templates/archives/homepage.html @@ -0,0 +1,31 @@ +{% extends 'base.html' %} +{% load typogrify %} +{%block bodyid%}id="home"{%endblock%} + +{% block primary %}<section class="archive"> + <article> + <h1><a href="{{featured.get_absolute_url}}" title="{%if featured.title_keywords%}{{featured.title_keywords}}{%else%}{{featured.title}}{%endif%}">{{featured.title|smartypants|widont|safe}}</a></h1> + <div class="img"> + <a href="{{featured.get_absolute_url}}" title="{{featured.title}}"><img src="{{featured.get_image_url}}" alt="{{ featured.title }}" class="post-image" width="{{featured.image_width}}" height="{{featured.image_height}}" /></a> + </div> + <p class="dateline bl"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if featured.country_name == "United States" %}{{featured.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.state_name}}</a>{%else%}{{featured.location_name|smartypants|safe}}, <a href="/writing/{{featured.country_name|slugify}}/1/" title="travel writing from {{featured.country_name}}">{{featured.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{featured.latitude}}" /> + <meta itemprop="longitude" content="{{featured.longitude}}" /></span> + <time datetime="{{featured.pub_date|date:'c'}}" pubdate>{{featured.pub_date|date:"m/d/y"}}</time> + </p> + + <p class="hyphenate">{{featured.dek|safe}} <span class="button"><a href="{{featured.get_absolute_url}}" title="{{featured.title}}">More »</a></span> </p> + + </article> + </section> + {%comment%}<section id="currently"> + <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>– William Brandon III</cite></p></div> + </section>{%endcomment%} + <section class="home harchive"> + <h1 class="sh">From the Archive</h1> + {% include 'includes/recent_entries.html' %} + </section> +{% endblock %} + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/archives/map.html b/design/templates/archives/map.html new file mode 100644 index 0000000..effe150 --- /dev/null +++ b/design/templates/archives/map.html @@ -0,0 +1,35 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load truncateletters %} +{% load slugify_under %} + +{% block pagetitle %}Luxagraf | Map and Trips{% endblock %} +{% block metadescription %}Browse luxagraf by map, see trip routes and discover essays and dispatches from around the world{% endblock %} + +{#============================================== +Google Maps code +==============================================#} +{% block extrahead %} + +<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> +<script type="text/javascript" src="{{MEDIA_URL}}js/mainmap.js"></script> + + +{% endblock %} +{%block bodyid%}id="map" {%endblock%} +{% block bodyevents %}onload="initialize()"{% endblock %} + + + + + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" itemprop="url" title="luxagraf homepage"><span itemprop="title">Home</span></a> →</li> + <li>Map</li> + </ul> + <section> + <h1 class="hide">Browse luxagraf by map</h1> + <div id="map-canvas"></div> + {% include 'includes/map_sidebar.html' %} + </section> +{% endblock %} diff --git a/design/templates/archives/photos.html b/design/templates/archives/photos.html new file mode 100644 index 0000000..bc06f5c --- /dev/null +++ b/design/templates/archives/photos.html @@ -0,0 +1,32 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Photo Galleries: Images from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Photo Galleries from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} + + +{%block bodyid%}id="photo-archive"{%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> →</li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/photos/" title="See all Photos" itemprop="url"><span itemprop="title">Photos</span></a> →</li> + <li>the United States</li>{%else%}<li><a href="/photos/" title="See all Photos" itemprop="url"><span itemprop="title">Photos</span></a> →</li> <li>{{region.name|title|smartypants|safe}}{%endif%}{%else%}<li>Photos </li>{%endif%} + </ul> + <section> + <h1 class="hide">{% if region %}Photographs from {{region.name|title|smartypants|safe}}{%else%}Photographs from Around the World {%endif%}</h1> + <ul id="photo-galleries">{% autopaginate object_list 18 %} {% for object in object_list %} + <li> + <div class="figure"> + <a href="{{object.get_absolute_url}}" title="view images from {{ object.set_title }}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}" width="291" height="350" /></a> + <div class="legend"> + <h1>{{object.set_title}}</h1> + <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p> + </div> + </div> + </li>{% endfor %} + </ul> + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html new file mode 100644 index 0000000..f266c08 --- /dev/null +++ b/design/templates/archives/projects.html @@ -0,0 +1,29 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% 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> → </li> + <li>Projects</li> + </ul> + <div class="top"> + <p class="col hyphenate">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p> + <p class="col two hyphenate">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p> + </div> + <section id="projects-archive" class="archive"> + <h1 class="hide">Projects</h1>{%for object in object_list %} + <article> + <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 src="{{object.image.url}}" alt="{{ object.title }}" class="post-image" /></a> + </div> + <div class="hyphenate">{{object.lede|smartypants|safe}}</div> + <!--<span class="button"><a href="{{project.get_absolute_url}}">More »</a></span>--> + </article> {% endfor %} + </section> +{% endblock %} + +{% block js %}<script src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/archives/writing.html b/design/templates/archives/writing.html new file mode 100644 index 0000000..983b59a --- /dev/null +++ b/design/templates/archives/writing.html @@ -0,0 +1,38 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Travel Writing from {{region.name|title|smartypants|safe}}{%else%}Travel Writing from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Travel writing, essays and dispatches from {{region.name|title|smartypants|safe}}{%else%}Travel writing, essays and dispatches from around the world{%endif%} Page {{page}}{% endblock %} +{%block bodyid%}id="writing"{%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> → </li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/writing/" title="See all Writing" itemprop="url"><span itemprop="title">Writing</span></a> →</li> + <li itemprop="title">the United States</li>{%else%}<li><a href="/writing/" title="See all Writing" itemprop="url"><span>Writing</span></a> →</li> + <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Writing </li>{%endif%} + </ul> + <section id="writing-archive" class="archive"> + <h1 class="hide">{% if region %}Writing Archive from {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%}Writing Archive {%endif%}</h1>{% autopaginate object_list 10 %} {% for object in object_list %} + <article> + <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> + <div class="img"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" width="{{object.image_width}}" height="{{object.image_height}}" class="post-image" /></a> + </div> + <div class="dateline"> + <p class="location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></p> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time> + </div> + <p class="hyphenate">{{object.dek|safe}}</p> + </article> {% endfor %} + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} + + + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} |