diff options
Diffstat (limited to 'templates/details')
25 files changed, 1553 insertions, 0 deletions
diff --git a/templates/details/5x5.html b/templates/details/5x5.html new file mode 100644 index 0000000..fc6b187 --- /dev/null +++ b/templates/details/5x5.html @@ -0,0 +1,19 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | Projects | 5x5 - Interviews from the road {% endblock %} +{% block metadescription %}{% endblock %} + +{%block bodyid%}id="projects"{%endblock%} + +{% block primary %} +<article> + <ul id="breadcrumbs"> + <li><a href="/" title="luxagraf homepage">Home</a> →</li> + <li><a href="/projects/" title="luxagraf projects page">Projects</a> →</li> + <li>5x5</li> + </ul> + + + +</article> +{% endblock %} diff --git a/templates/details/babyvideos.html b/templates/details/babyvideos.html new file mode 100644 index 0000000..a91136c --- /dev/null +++ b/templates/details/babyvideos.html @@ -0,0 +1,42 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %} +{% block extrahead %} +<style> +.vidwrap{ + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} +.vidwrap video, +.vidwrap embed, { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + +@media only screen and (max-width : 960px) { + .vidwrap video {width: 100%;} +} +@media only screen and (min-width : 1024px) {} + .vidwrap video {max-width: 960px;} +} + +</style> +<meta name="robots" content="noindex, nofollow"> +{% endblock %} +{% block metadescription %}{{object.metadescription}}{% endblock %} +{%block htmlclass%}class="dark"{%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>{{object.title}}</li> + </ul> + <div role="main"> + {{object.body_html|safe}} + </div> +{% endblock %} diff --git a/templates/details/code.html b/templates/details/code.html new file mode 100644 index 0000000..8b72a18 --- /dev/null +++ b/templates/details/code.html @@ -0,0 +1,52 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | Projects | Code and Other Experiments {% endblock %} +{%block htmlclass%}class="single"{%endblock%} +{% block metadescription %}Browser extentsions to block comments on onlineathens.com{% endblock %} +{% block extrahead %} +<style> +article[role="main"] a { color: #b53a04;} +#ffext, #chrext, #bkmklt { + display: block; + margin: 20px 0; +} +#ffext a, #chrext a, #bkmklt a { + padding: 10px 8px 10px 35px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + border: #d7d7d7 1px solid; + background: #f2f2f2; + width: auto; + font: 11px normal Helvetica, Verdana, sans-serif; + text-transform: uppercase; +} +#ffext a { + background: #f2f2f2 url("{{MEDIA_URL}}img/fficon.jpg") 2px 50% no-repeat; +} +#chrext a { + background: #f2f2f2 url("{{MEDIA_URL}}img/chricon.jpg") 2px 50% no-repeat; +} +#ffext a:hover, #chrext a:hover, #bkmklt a:hover { background-color: #e2e2e2;} +#bkmklt a { + padding: 10px 8px; +} +</style> +{% endblock %} +{%block bodyid%}id="code"{%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><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> + <li>Code</li> + </ul> + <article role="main">{% for object in object_list %} + <h1>{{object.name}}</h1> + <div class="post-body-single"> + {{object.body_html|smartypants|widont|safe}} + </div>{% endfor %} + </article> + + + +{% endblock %} diff --git a/templates/details/cv.html b/templates/details/cv.html new file mode 100644 index 0000000..0add257 --- /dev/null +++ b/templates/details/cv.html @@ -0,0 +1,144 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Scott Gilbertson - Curriculum Vitæ{%endblock%} +{% block extrahead%} + <meta name="twitter:card" content="summary"> + <meta name="twitter:title" content="Curriculum Vitæ"> + <meta name="twitter:description" content="luxagraf.net is the personal web site of Scott gilbertson."> + <meta name="twitter:site:id" content="9469062"> + <meta name="twitter:creator:id" content="9469062"> + <meta property="og:type" content="article"/> + <meta property="og:title" content="Scott Gilbertson - Curriculum Vitæ"/> + <meta property="og:url" content="http://luxagraf.net/resume/cv"/> + <meta property="og:description" content="luxagraf.net is the personal web site of Scott gilbertson."> + <meta property="article:author" content="Scott Gilbertson"/> + <meta property="og:site_name" content="luxagraf.net"/> + <meta property="og:locale" content="en_US"/> +<style> +</style>{%endblock%} +{%block bodyid%}class="resume"{%endblock%} +{% block primary %} +<main role="main" id="content"> +<article class="h-resume"> + <div class="h-card head"> + <header> + <h1 class="p-name"> + <span class="p-given-name">Scott</span> + <span class="p-additional-name hide">Nathan</span> + <span class="p-family-name">Gilbertson</span> + </h1> + <h2>Writer, Photographer, Web Developer</h2> + </header> + <ul class="contact"> + <li> + <h6>Phone</h6> + <span><a class="u-tel" href="tel:706-438-4297">706-438-4297</a></span> + </li> + <li> + <h6>Email</h6> + <a class="u-email" href="mailto:sng@luxagraf.net">sng@luxagraf.net</a> + </li> + <li> + <h6>Web</h6> + <span><a class="u-url" href="https://luxagraf.net/" rel="me">https://luxagraf.net/</a></span> + </li> + <li> + <h6>LinkedIn</h6> + <span><a class="u-url" href="https://www.linkedin.com/in/luxagraf" rel="me">luxagraf</a></span> + </li> + </ul> + </div> + <div class="profile"> + <h3>Profile</h3> + <p class="p-summary">I am a writer, producer and web developer based in Athens, GA. Clients include Wired, Webmonkey, Ars Technica, Pioneer and Boost Mobile, among others. I wrote for Wired.com’s Webmonkey.com for 13 years and served as head editor for three. I’ve been developing on the web and writing about web development for nearly two decades. For an up-to-date list of recent articles, please browse <a href="/resume/pubs/">the publications list</a>.</p> + </div> + + <div id="skills"> + <h3>Skills</h3> + + <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Writing">Writing</a></h2> + <p>Freelance writer, producer, journalist, editor and hand model at places like Wired, Ars Technica, Budget Travel. I’ve written blogs, features, news items, ad copy, technical documentation, tutorials, how-tos, wikis and probably other things I’ve forgotten about. I also served as editor-in-chief of Webmonkey.com.</p> + + <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Web_development">Web Development</a></h2> + <p>Expert front-end engineer in <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Web_standards">standards-based web development</a> using <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/HTML"><abbr title="Hypertext Markup Language">HTML</abbr></a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets"><abbr title="Cascading Style Sheets">CSS</abbr></a>, and high performance <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Microformats">microformats</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/ARIA">ARIA</a> and more. </p> + <p>Experience maintaining large-scale web applications and tools with <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Python_(programming_language)">Python</a> and <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/PHP">PHP</a> in conjunction with databases like <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/PostgreSQL">PostgreSQL</a> (including numerous PostGIS, geographic database projects), <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/MySQL">MySQL</a>, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Sqlite">Sqlite</a>. Experience administering <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Linux">Linux </a> servers and running web servers like <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Apache_HTTP_Server">Apache</a>, and <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Nginx">Nginx</a>.</p> + <p>Advocate and evangelist for free software and open web standards technologies such as <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/HTML5">HTML5</a>, related APIs, <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">CSS3</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a> (including <a href="https://longhandpixels.net/books/responsive-web-design">a 350 page book on the subject</a>) and <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>.</p> + + <h2><a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Graphic_design">Photography/Video/Design</a></h2> + <p>Good design eye specializing in fluid, clean layouts with strong <a class="p-skill" rel="tag" href="http://en.wikipedia.org/wiki/Typography">typographic style</a>. </p> + <p>Photo and video editing using <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/GIMP">GIMP</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop_Lightroom">Lightroom</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Darktable">Darktable</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Final_Cut_Pro">Final Cut Pro</a>, and <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Kdenlive">Kdenlive</a>.</p> + + </div> + + <div class="h-calendar" id="experience"> + <h3>Experience</h3> + + <div class="p-experience h-event"> + <h2 class="p-name">Freelance Writer</h2> + <ul class="meta"> + <li>(<time class="dt-start" datetime="2006-06-01">June 2006</time>–Present)</li> + </ul> + <p class="e-description">Regular contributor to <a class="p-organization-name" href="http://www.wired.com/reviews/author/scott-gilbertson/">Wired</a> (also, <a href="http://www.wired.com/author/luxagraf/">here</a>), <a class="p-organization-name" href="http://www.arstechnica.com/">Ars Technica</a>, <a class="p-organization-name" href="http://theregister.co.uk/Author/1785">The Register</a> and elsewhere, covering Linux, open source software, web browsers and web technology.</p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Web Developer</h2> + <ul class="meta"> + <li>(<time class="dt-start" datetime="2004-06-01">June 2004</time>–Present) + </li> + </ul> + <p class="e-description">Co-founded a small design company where I serve as front-end web developer. I work closely with my co-founder (lead UI/UX), transforming visual designs into valid, semantic HTML/CSS/JavaScript. We specialize in responsive designs and mobile-friendly content that works across browsers and devices. Clients included Wired, Pioneer Entertainment, Boost Mobile, Co-op Credit Union and others.</p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Founder, LongHandPixels Press</h2> + <ul class="meta"> + <li>(<time class="dt-start" datetime="2013-09-01">September 2013</time>–Present) + </li> + </ul> + <p class="e-description">Founded an ebook publishing company, <a href="http://longhandpixels.net/" class="p-organization-name">LongHandPixels Press</a> and launched my first book, <em><a href="https://longhandpixels.net/books/responsive-web-design">Build a Better Web with Responsive Web Design</a></em>. The book covers responsive design, mobile-first web development, progressive enhancement and how modern tools like Sass, Grunt, Node, the Chrome developer tools and more can speed up workflows. + </p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Writer/Editor Webmonkey.com</h2> + <ul class="meta"> + <li class="h-location h-card"> + <a class="u-url p-name" href="http://webmonkey.com"> + <span class="p-organization-name">Wired.com</span>/ + <span class="p-organization-unit">Webmonkey.com</span></a> + </li> + <li>(<time class="dt-start" datetime="2006-06-01">June 2006</time> + –<time class="dt-end" datetime="2013-04-31">April 2013</time>) + </li> + </ul> + <p class="e-description">I started contributing tutorials to Wired.com’s Webmonkey.com in 1999, became a full time employee in 2006 and served as editor-in-chief from 2010 to 2013. I was in charge of creating resources for web developers, including how-to guides on the latest in web standards, code libraries, server technologies and authoring resources. Wrote roughly 3 million words on various web development tools. I also helped cultivate and manage a global team of freelance contributors.</p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Photography and Video Editing</h2> + <ul class="meta"> + <li class="h-location h-card"><a class="u-url p-name" href="http://barrelmanproductions.com"><span class="p-organization-name">barrelmanproductions.com</span></a></li> + <li>(<time class="dt-start" datetime="2006-06-01">June 2014</time> - Present)</li> + </ul> + <p class="e-description">Co-founded a video editing company, Barrelman Productions, specializing in HD aerial video. Portfolio and highlights reel available at <a href="http://www.barrelmanproductions.com/">http://www.barrelmanproductions.com/</a>. Skills include editing in <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Final_Cut_Pro">Final Cut Pro</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop_Lightroom">Lightroom</a> and production of web-optimized video.</p> + </div> + + </div> + <div class="h-calendar" id="education"> + <h3>Education</h3> + + <div class="p-education h-event"> + <h2 class="p-name">Bachelor of Arts, English</h2> + <ul class="meta"> + <li>Undergraduate degree from <a class="p-location h-card" href="http://uga.edu/">The University of <span class="p-locality">Georgia</span>.</a></li> + <li>(<time class="dt-start" title="2001-08-01">2001</time>–<time class="dt-end" title="2003-12-16">2003</time>)</li> + </ul> + </div> + + </div> + +</article> + +</main> +{%endblock%} diff --git a/templates/details/elliottvideos.html b/templates/details/elliottvideos.html new file mode 100644 index 0000000..6568d64 --- /dev/null +++ b/templates/details/elliottvideos.html @@ -0,0 +1,44 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %} +{% block extrahead %} +<style> +.vidwrap{ + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} +.vidwrap video, +.vidwrap embed, { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + +@media only screen and (max-width : 960px) { + .vidwrap video {width: 100%;} +} +@media only screen and (min-width : 1024px) {} + .vidwrap video {max-width: 960px;} +} + +</style> +<meta name="robots" content="noindex, nofollow"> +{% endblock %} +{% block metadescription %}{{object.metadescription}}{% endblock %} +{%block htmlclass%}class="dark"{%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>{{object.title}}</li> + </ul> + <main> + <div class="videos"> + {{object.body_html|safe}} + </div> + </main> +{% endblock %} diff --git a/templates/details/expenses.html b/templates/details/expenses.html new file mode 100644 index 0000000..a7e5547 --- /dev/null +++ b/templates/details/expenses.html @@ -0,0 +1,117 @@ +{% extends 'base.html' %} +{% load expense_total%} +{% load typogrify_tags %} + +{% block pagetitle %}Luxagraf: Expenses{% endblock %} + +{% block metadescription %}Think is costs a lot to drive around North America in a vintage Dodge Travco? Well, judge for yourself, here's how much is costs us.{% endblock %} + +{% block primary %} + <main role="main"> + <article class="post--article"> + <header class="post--header"> + <h1 class="p-name entry-title post--title">Travco Trip Costs</h1> + <time class="dt-updated post--date" datetime="{%now 'c'%}">Last updated: {%now "F"%} <span>{%now "j, Y"%}</span></time> + </header> + <div id="article" class="post--body post--body--single expense-wrapper"> + <p>We're extremely fortunate to be able to do this. We afford it because we saved for a long time and I continue to work on the road. At the same time, people are usually surprised at how little it costs to live this way. When we were planning this trip the people who posted their finances were invaluably helpful for calculating how much we needed to make this work so in the spirit of (hopefully, maybe) inspiring someone else to get out there, here is a rough breakdown of costs.</p> + <h2>Upfront Costs</h2> +<table class="expense upfront"> + <caption>Initial Investments</caption> + <thead> + <tr> + <td>Category</td> + <td>Amount</td> + </tr> + </thead> + <tbody> + + + <tr class="row odd"> + <td>1969 Dodge Travco Motorhome</td> + <td class="cat-value">$7250.00 </td> + </tr> + <tr class="row even"> + <td>Travco restoration</td> + <td class="cat-value">$3000.00*</td> + </tr> + + <tr class="row odd"> + <td>New wheels and Tires</td> + <td class="cat-value">$3041.00</td> + </tr> + <tr class="row even"> + <td>Reupholstered Seats</td> + <td class="cat-value">$3600.00</td> + </tr> + + <tr class="row odd"> + <td>DMV and insurance (taxes, title, plates -- $25 annual for tags)</td> + <td class="cat-value">$125.00 (annual)</td> + </tr> + + <tr class="total even"> + <td>Total</td> + <td>$16,891.00</td> + </tr> + </tbody> + <tfoot> + <tr> + <td colspan="2"><small>*This is a rough estimate, I did not itemize everything, so this figure is give or take $300</small></td> + </tr> + </tfoot> + </table> + <p class="end">Here's how much we've spent each month we've spent on the road since we left in April 2017.</p> + + <h2>Monthly Expenses</h2> +{% regroup object_list by month as expenses_by_month %}{% for expenses in expenses_by_month %} +<table class="expense"> + <caption>{{ expenses.grouper.date|date:"F Y" }}</caption> + <thead> + <tr> + <td>Category</td> + <td>Amount</td> + </tr> + </thead> + <tbody> +{% regroup expenses.list|dictsort:"category" by category as category_list %} + {% for cat in categories %} + <tr class="row {%cycle 'odd' 'even' %}"> + <td>{{cat.1}} </td> + <td class="cat-value">{% for clist in category_list %}{%if clist.grouper == cat.0%}${{clist.list|cat_total}} {%endif %}{%endfor%}</td> + </tr> +{% endfor %} + <tr class="total"> + <td>Total</td> + <td>${{category_list|expense_total}}</td> + </tr> + </tbody> + <tfoot> + <tr> + <td colspan="2">{% for clist in category_list %}{% for item in clist.list %}{% if item.notes %}<small>*{{item.notes|safe}}</small>{%endif %}{%endfor%}{%endfor%}</td> + </tr> + + <tr> + <td colspan="2"><small>{{ expenses.grouper.notes}}</small></td> + </tr> + </tfoot> + </table> +{% endfor %} + </div> + </article> + </main> +{%endblock%} + +{% block js %} +<script type="text/javascript"> +window.onload = function() { + //delay loading + zchk = document.getElementsByClassName("cat-value"); + for(var i=0; i<zchk.length; i++) { + if (zchk[i].innerHTML == "") { + zchk[i].innerHTML = "–"; + }; + } +} +</script> +{%endblock%} diff --git a/templates/details/fck_digg.html b/templates/details/fck_digg.html new file mode 100644 index 0000000..4a4be88 --- /dev/null +++ b/templates/details/fck_digg.html @@ -0,0 +1,21 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html lang="en"> +<head> + <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <style> + body { text-align: center; } + </style> +</head> +<body> + +<p>Dear Digg,</p> + +<p><b>PISS OFF</b></p> + +<p>—your friend, luxagraf</p> + +<p style="font-size: 80%; width: 100px;">Framing breaks bookmarking, it breaks copy-and-paste from the location field, it breaks your browser history, it breaks bookmarklets. There’s nothing OK about it.</p> +</body> +</html>
\ No newline at end of file diff --git a/templates/details/figments.html b/templates/details/figments.html new file mode 100644 index 0000000..ae8dd33 --- /dev/null +++ b/templates/details/figments.html @@ -0,0 +1,55 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{%block bodyid%}class="detail"{%endblock%} + + +{%block extrahead%} + <meta property="og:type" content="article" /> + <meta property="og:site_name" content="luxagraf"/> + <meta property="og:title" content="{{object.title|safe}}" /> + <meta property="og:url" content="https://luxagraf.net{{object.get_absolute_url}}" /> + <meta property="og:description" content="{{object.meta_description}}" /> + <meta property="article:published_time" content="{{object.pub_date|date:'c'}}" /> + <meta property="article:author" content="Luxagraf" /> + <meta property="og:site_name" content="Luxagraf" /> + <meta property="og:locale" content="en_US" /> + <meta name="twitter:card" content="summary"/> + <meta name="twitter:site" content="@luxagraf"/> + <meta name="twitter:creator" content="@luxagraf"/> + +{%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><a href="/figments/" title="Figments" itemprop="url"><span itemprop="title">Figments</span></a> → </li> + <li>{{object.title}}</li> + </ul> + <main> + <article class="h-entry hentry post-article{% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %} post--article--double{%endif%}{%endwith%}" itemscope itemType="http://schema.org/Article"> + <header id="header" class="post--header {% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %}post--header--double{%endif%}{%endwith%}"> + <h1 class="p-name entry-title post-title" itemprop="headline">{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|widont|safe}}{%endif%}</h1> + <time class="hide dt-published published dt-updated post--date" datetime="{{object.pub_date|date:'c'}}" itemprop="datePublished">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + <ul class="downloads"> + <li class="kindle"><a href="javascript:(%0A%28function%28%29%7Bwindow.baseUrl%3D%27//www.readability.com%27%3Bwindow.readabilityToken%3D%27%27%3Bvar%20s%3Ddocument.createElement%28%27script%27%29%3Bs.setAttribute%28%27type%27%2C%27text/javascript%27%29%3Bs.setAttribute%28%27charset%27%2C%27UTF-8%27%29%3Bs.setAttribute%28%27src%27%2CbaseUrl%2B%27/bookmarklet/send-to-kindle.js%27%29%3Bdocument.documentElement.appendChild%28s%29%3B%7D%29%28%29)">Send to Kindle</a></li> + <li class="epub"><a href="{{object.get_absolute_url}}.epub">Download for iBooks (epub)</a></li> + </ul> + <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> + </header> + <div id="article" class="e-content entry-content post-body post--body--{% with object.template_name as t %}{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%endwith%}" itemprop="articleBody"> + {{object.body_html|safe|smartypants|widont}} + </div> + </article> + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li id="prev"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="next"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + </main> +{%endblock%} diff --git a/templates/details/for-sale-412-holman-ave.html b/templates/details/for-sale-412-holman-ave.html new file mode 100644 index 0000000..4631522 --- /dev/null +++ b/templates/details/for-sale-412-holman-ave.html @@ -0,0 +1,79 @@ +{% load typogrify_tags %} +<!DOCTYPE html> +<html class="single house" dir="ltr" lang="en-US"> + +<head> + <title>For Sale: 412 Holman Ave, Athens, GA</title> + <meta charset="utf-8"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content=" 412 Holman is 1434 sq ft of bright and cheery Normaltown charm. The house is move in ready with the option to convey washer, dryer and refrigerator. List price: $232,000"> + <meta name="author" content="Scott Gilbertson"> + <!--[if IE]> + <script src="/js/html5css3ie.min.js"></script> + <![endif]--> + <link rel="stylesheet" href="/media/screenv8.css" media="screen"> + <!--[if IE]> + <link rel="stylesheet" + href="/media/css/ie.css" + media="screen"> + <![endif]--> + <link rel="canonical" href="https://412Holman.com/" /> + + <meta property="og:type" content="article"/> + <meta property="og:title" content="For Sale: 412 Holman Ave, Athens GA"/> + <meta property="og:url" content="https://412Holman.com/"/> + <meta property="og:description" content="412 Holman is 1434 sq ft of bright and cheery Normaltown charm. The house is move in ready with the option to convey washer, dryer and refrigerator. List price: $232,000"/> + <meta property="article:published_time" content="2016-11-10T20:53:01"/> + <meta property="article:author" content="Luxagraf"/> + <meta property="og:site_name" content="Luxagraf"/> + <meta property="og:image" content="https://412Holman.com/media/images/original/2016/2016-10-20_175109_412-Holman-Ave.jpg"/> + <meta property="og:locale" content="en_US"/> + <meta name="twitter:card" content="summary_large_image"/> + <meta name="twitter:description" content="412 Holman is 1434 sq ft of bright and cheery Normaltown charm. The house is move in ready with the option to convey washer, dryer and refrigerator. List price: $232,000"/> + <meta name="twitter:title" content="For Sale: 412 Holman Ave, Athens GA"/> + <meta name="twitter:site" content="@luxagraf"/> + <meta name="twitter:domain" content="luxagraf"/> + <meta name="twitter:image:src" content="https://412Holman.com/media/images/original/2016/2016-10-20_175109_412-Holman-Ave.jpg"/> + <meta name="twitter:creator" content="@luxagraf"/> + + + + +</head> +<body> + <div class="wrapper"> + <main> + <article class="h-entry hentry post--article" itemscope="" itemtype="http://schema.org/Article"> + <h1 class="">For Sale: 412 Holman Ave, Athens, GA</h1> + {{object.body_html|safe|smartypants|widont}} + </article> + </main> + </div> +<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwtF_4OvkTKl058VEHrwezMJS2gYXNys4&callback=initMap" type="text/javascript"></script> +<script type="text/javascript">function initMap(){var myOptions={zoom:17,center:new google.maps.LatLng(33.957897,-83.40810199999999),mapTypeId:google.maps.MapTypeId.ROADMAP};map=new google.maps.Map(document.getElementById("gmap_canvas"),myOptions);marker=new google.maps.Marker({map:map,position:new google.maps.LatLng(33.957897,-83.40810199999999)});infowindow=new google.maps.InfoWindow({content:"<b>For Sale</b><br/>412 Holman Ave<br/>30606 Athens"});google.maps.event.addListener(marker,"click",function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window,'load',init_map);</script> +<script src="/media/js/lightbox.js" type="text/javascript"></script> +<script>var opts={captions:true,onload:function(){var im=document.getElementById("jslghtbx-contentwrapper");var link=im.appendChild(document.createElement('a')) +link.href=im.firstChild.src;link.innerHTML="open ";link.target="_blank";link.setAttribute('class','p-link');im.appendChild(link);}};var lightbox=new Lightbox();lightbox.load(opts);</script> + + +<!-- Piwik --> +<script type="text/javascript"> + var _paq = _paq || []; + _paq.push(["setDomains", ["*.412holman.com"]]); + _paq.push(['trackPageView']); + _paq.push(['enableLinkTracking']); + (function() { + var u="//stats.luxagraf.net/"; + _paq.push(['setTrackerUrl', u+'piwik.php']); + _paq.push(['setSiteId', '2']); + var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; + g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); + })(); +</script> +<noscript><p><img src="//stats.luxagraf.net/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript> +<!-- End Piwik Code --> + + +</body> +</html> diff --git a/templates/details/gifs.html b/templates/details/gifs.html new file mode 100644 index 0000000..5519a89 --- /dev/null +++ b/templates/details/gifs.html @@ -0,0 +1,83 @@ +<!DOCTYPE html> +<html dir="ltr" lang="en-US"> +<head> + <meta charset="utf-8" /> + <title>{{object.title|safe}}</title> + <style> + body { + background: #222; + } + + .overlay { + background-color: #000; + opacity: .9; + position: absolute; top: 0; left: 0; + width: 100%; height: 100%; + z-index: 10; + } + .btn { + position: absolute; + z-index: 11; + left: 35%; + top: 40%; + } + @media only screen and (max-device-width: 1024px) { + img#giffy { + width: 100%; + } + } + </style> + <script src="http://luxagraf.net/media/js/jquery.js" type="text/javascript"></script> + <script> + var isiPad = false; + var playing = true; + if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)) { + isiPad = true; + } + $(function() { + function togglebtn() { + if (playing) { + document.getElementById('snd').pause(); + playing = false + } else { + document.getElementById('snd').play(); + playing = true + } + } + document.body.onclick=togglebtn + if (isiPad) { + var overlay = document.createElement("div"); + overlay.setAttribute("id","overlay"); + overlay.setAttribute("class", "overlay"); + document.body.appendChild(overlay); + + // create image and append to page + var img = document.createElement("img"); + img.setAttribute("id","img"); + img.src = "btn.png"; + img.setAttribute("class","btn"); + + // click to restore page + img.onclick=restore; + document.body.appendChild(img); + + function restore() { + document.body.removeChild(document.getElementById("overlay")); + document.body.removeChild(document.getElementById("img")); + playing = false; + document.getElementById('snd').play(); + } + + } + }); + + </script> +</head> +<body id="home"> +{%if object.music_ogg %}<audio id="snd" preload="auto" loop autoplay autobuffer> + <source src="{{object.music_ogg.url}}" type="video/ogg"/> + <source src="{{object.music_mp3.url}}" /> +</audio>{%endif%} +<img id="giffy" src="{{object.gif.url}}" alt="{{object.title}}" /> +</body> +</html> diff --git a/templates/details/guide.html b/templates/details/guide.html new file mode 100644 index 0000000..a749083 --- /dev/null +++ b/templates/details/guide.html @@ -0,0 +1,65 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} + +{% block pagetitle %}{{object.title|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}}" /> + <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" /> + <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" /> + <meta name="geo.placename" content="{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}"> + <meta name="geo.region" content="{{object.country_iso}}{%if object.state_iso != None %}-{{object.state_iso}}{%endif%}"> +{%endblock%} +{%block htmlclass%}{% with object.template_name as t %} +class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%if t == 2 or t == 3 %} dark{%endif%}"{%endwith%}{%endblock%} + + +{% block primary %} + <article role="main"> + <header> + <h1>{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|widont|safe}}{%endif%}</h1> + <aside class="geo bl"> + <span 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}}" /></span> + {%comment%} (<a href="" title="">Map</a>, <a href="" title="">Photos</a>){%endcomment%} + </aside> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + </header> + <div class="post-body{% with object.template_name as t %}{%if t == 0 or t == 2 %}-single{%endif%}{%if t == 1 or t == 3 %}-double{%endif%}{%endwith%}"> + {{object.body_html|smartypants|widont|safe}} + </div>{%if object.template_name == 1 %} + <div class="clearfix"></div>{%endif%}{%if object.template_name == 3 %}<div class="clearfix"></div>{%endif%} + {%comment%} + <footer id="post-metadata"> + <h4 class="hide">About {{object.title|smartypants|safe}}</h4> + <p>Posted <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F j, Y"}}</time>, from {% 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%}. + Follow along on <a href="http://twitter.com/luxagraf" title="twitter" rel="me">Twitter</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about me, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> + </footer> + {% endcomment %} + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + + {%comment%} + <section id="comments"> + <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> + <div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/luxagraf/embed.js"></script><noscript><a href="http://luxagraf.disqus.com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> + </section> + {%endcomment%} + </article> +{% endblock %} +{% block js %} +{% with object.template_name as t %}{%if t == 1 or t == 3 %} +<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script> +{%endif%}{%endwith%}{%endblock%} diff --git a/templates/details/invoice.html b/templates/details/invoice.html new file mode 100644 index 0000000..1a812c8 --- /dev/null +++ b/templates/details/invoice.html @@ -0,0 +1,97 @@ +{% load typogrify_tags %} + +<!DOCTYPE html> +<html dir="ltr" lang="en-US"> +<head> + <title>Invoice for {{object.title}}</title> + <meta charset="utf-8"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" + content=""> +<style> + @page { + @bottom-left { + content: ""; + } + } +</style> +</head> + {% load static %} +<body id="quote"> + <div class="row"> + <div class="print-box" id="bill-from"> + <h5>Bill From:</h5> + <p>Scott Gilbertson <br /> + 1806 Dover Dr. <br /> + Newport Beach, CA 92660<br /> + 706-438-4297</p> + </div> + <div class="print-box" id="bill"> + <h4>Invoice {{invoice_number}}</h4> + <h5>Invoice For: {{object.title}}</h5> + <h5>Amount Due: ${{total_billed}}</h5> + <h5>Sent on: {% now "M j, Y"%}</h5> + </div> + </div> + <div class="row"> + <div class="print-box" id="bill-to"> + <h5>Bill To:</h5> + <p>Enterprise Data Resources, Inc.<br /> + 1089 Culpepper Drive <br /> + Conyers, GA 30094 <br /> + 707-973-2862</p> + </div> + </div> + </div> +<table class="quote-table" id="items_list"> +<thead> + <caption>Items</caption> +<tr> +<th scope="col" class="sortable column-status"> + <div class="text">Date</div> +</th> +<th scope="col" class="sortable column-created_at sorted descending"> + <div class="text">Time</div> +</th> +<th scope="col" class="sortable column-repair_state"> + <div class="text">Hours</div> +</th> +<th scope="col" class="sortable column-order_id"> + <div class="text">Tasks</div> +</th> +</tr> +</thead> +<tbody> + {% for obj in object_list %} + <tr class="row{{forloop.counter}} {% cycle 'odd' 'even' %}"> + <td class="smfield" data-label="">{{obj.time_start|date:"m/d/y"}}</td> + <td class="smfield" data-label="Serial" >{{obj.time_start|date:"g:i"}} - {{obj.time_end|date:"g:i"}}</td> + <td class="smfield" data-label="Serial" >{{obj.rounded_total}}</td> + <td class="field" data-label="Issue" >{{obj.work_done|capfirst}}</td> + </tr> + {%endfor%} + <tr class="row gap"> + </tr> + <tr class="row2"> + <td class="field-payment_status"></td> + <td class="field-pub_date nowrap"></td> + <th class="field-title">Total Hours:</th> + <td class="field-status">{{total_hours}}</td> + </tr> + <tr class="row2"> + <td class="field-payment_status"></td> + <td class="field-pub_date nowrap"></td> + <th class="field-title">Rate:</th> + <td class="field-status">$100/hr</td> + </tr> + <tr class="row2"> + <td class="field-payment_status"></td> + <td class="field-pub_date nowrap"></td> + <th class="field-title total">Total for Invoice:</th> + <td class="field-status total"><b>${{total_billed}}</b></td> + </tr> +</tbody> +</table> +<p class="thanks">Thank you for your prompt payment</p> +</body> diff --git a/templates/details/jrnl-export.html b/templates/details/jrnl-export.html new file mode 100644 index 0000000..c3f2aac --- /dev/null +++ b/templates/details/jrnl-export.html @@ -0,0 +1,13 @@ +--- +template: {{object.get_template_name_display}} +point: {{object.point.y}},{{object.point.x}} +location: {{object.location}},{{object.location.state}},{{object.location.state.country}} +image: {{image}} +desc: {{object.meta_description}} +dek: {{object.dek|safe}} +pub_date: {{object.pub_date|date:"c"}} +slug: {{object.slug}} +title: {{object.title}} +--- + +{{body|safe}}
\ No newline at end of file diff --git a/templates/details/link.html b/templates/details/link.html new file mode 100644 index 0000000..6ba0619 --- /dev/null +++ b/templates/details/link.html @@ -0,0 +1,19 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{%block bodyid%}class="links"{%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><a href="/links/" title="links" itemprop="url"><span itemprop="title">links</span></a> → </li> + </ul> + <main> + <h2 title="link-title">{{object.title|smartypants|widont|safe}}</h2> + <h3>{{object.url|urlize}}</h3> + <article class="h-entry hentry post--article book" itemscope itemType="http://schema.org/Article"> + {{object.render_description|amp|smartypants|safe}} + <ul>{% for tag in object.tags.all %} + <li><a href="/links/tag/{{tag.slug}}/">{{tag}}</a></li> + {%endfor%}</ul> + </article> +</main> +{% endblock %} + diff --git a/templates/details/location.html b/templates/details/location.html new file mode 100644 index 0000000..8f906e5 --- /dev/null +++ b/templates/details/location.html @@ -0,0 +1,92 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load get_image_by_size %} +{% load get_image_width %} + +{% 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 htmlclass%}{% with object.template_name as t %} +class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%if t == 2 or t == 3 %} dark{%endif%}"{%endwith%}{%endblock%} +{% block primary %} + <article role="main"> + <header> + <h1>{{object.name}}</h1> + </header> + <div class="post-body"> + {% for object in entry_list %} + {% if forloop.first %}<div class="featured-entry"> + <article class="h-entry hentry" itemscope itemType="http://schema.org/Article"> + <div class="post--image"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}">{% if object.featured_image %} + <img src="{% for size in object.featured_image.sizes.all%}{% if size.name == 'featured_jrnl'%}{% get_image_by_size object.featured_image size.name %}{%endif%}{%endfor%}" alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" /> + </a>{%else%} + <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" /> + </a>{%endif%} + </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> + <span class="p-location h-adr adr post--location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place"> + {% if object.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.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.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%} + </span> – + <span class="p-summary entry-summary hyphenate" itemprop="description"> + {{object.dek|safe}} + </span> + </p> + </article> + </div> {% else %} + <article class="h-entry hentry {% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}" itemscope itemType="http://schema.org/Article"> + <div class="post--image"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" /></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> + <span class="p-location h-adr adr post--location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place"> + {% if object.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.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.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%} + </span> – + <span class="p-summary entry-summary hyphenate" itemprop="description"> + {{object.dek|safe}} + </span> + </p> + </article> {% endif %}{% endfor %} + </div> + {% if entry.field_notes %}<div id="field-notes" class="" > + <h3>Field Notes</h3> + <ul>{% for entry in entry_list %} + {% for obj in entry.field_notes.all %} + <li><a href="{% url 'sketches:detail' year=obj.pub_date.year month=obj.pub_date|date:"m" slug=obj.slug %}">{{obj}}</a></li> + {% endfor %} {% endfor %}</ul> + </div>{% endif %} + {% if sighting_list %} + <div class="sightings"> + <h2 class="hed">Birds and Mammals seen {{object}}</h2> {% for object in sighting_list %} + <article class="{% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}"> + {% if object.ap.image %}<div class="post--image"> + <a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}"> + <img src="{% get_image_by_size object.ap.image 'pic5' %}" /> + </a> + </div>{%endif%} + <h3 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>)</h3> + <time class="post--date" datetime="{{object.pub_date|date:'c'}}">Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + <p> + <span class="hide sighting location place post--location" itemscope itemtype="http://schema.org/Place">Loc: + {% 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> + </p> + </article> {% endfor %} + </div>{%endif%} + {% for entry in entry_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 %} +{% endblock %} diff --git a/templates/details/national-parks.html b/templates/details/national-parks.html new file mode 100644 index 0000000..84c1205 --- /dev/null +++ b/templates/details/national-parks.html @@ -0,0 +1,55 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | Projects | National Parks {% endblock %} +{% block metadescription %}{% endblock %} +{% block extrahead %} + <script src="/media/js/leaflet-master/leaflet-mod.js"></script> + <style> + #map-canvas img{ border: none;} + </style> +{% endblock %} + +{%block bodyid%}id="projects-detail"{%endblock%} + +{% block htmlclass %}class="dark"{% 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><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> + <li>National Parks</li> + </ul> + <main role="main" class="main--full"> + <h1 class="hide">The National Parks Project</h1>{% for object in object_list %} + <article id="park-{{forloop.counter}}" class="park"> + <h1 class="park--title">{{object.name}}</h1> + <figure class="fig"> + <img src="{{object.get_image_url}}" alt="{{object.name}}" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">{{object.tag_line}}</h2> + <ul class="buttons"> + <li><a href="{{object.post.get_absolute_url}}" title="{{object.post.title}}">Read Journal</a></li> + {%if object.gallery%}<li><a href="{{object.gallery.get_absolute_url}}" title="Photos of {{object.unit_name}}">View Photos</a></li>{%endif%} + <li><a href="#" class="map-link" data-latitude="{{object.mpoly.centroid.y}}" data-longitude="{{object.mpoly.centroid.x}}" data-zoom="{{object.zoom}}" data-id="{{object.id}}">Map</a></li> + <li><a href="#" id="more-{{forloop.counter}}" class="more-link" title="More about {{object.unit_name}}">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>{{object.date_visited_begin|date:"m/d/y"}} - {{object.date_visited_end|date:"m/d/y"}}</dd> + <dt>State:</dt> + <dd>{{object.state}}</dd> + <dt>Size:</dt> + <dd>{{object.size}} sq miles</dd> + <dt>Cost:</dt> + <dd>${{object.fee}} / ${{object.camping_fee}} (entry/camping)</dd> + <dt>Link:</dt> + <dd>{{object.url|urlize}}</dd> + </dl> + </figcaption> + </figure> + </article>{% endfor %} + </main> +{% endblock %} +{% block js %} + <script type="text/javascript" src="/media/js/jquery.js"></script> + <script type="text/javascript" src="/media/js/natparks.min.js" ></script> +{% endblock %} diff --git a/templates/details/note.html b/templates/details/note.html new file mode 100644 index 0000000..4b52537 --- /dev/null +++ b/templates/details/note.html @@ -0,0 +1,106 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load html5_datetime %} +{% load month_number_to_name %} +{% block pagetitle %}{{object.title|title|smartypants|safe}} - Luxagraf, Field Notes{% endblock %} + +{% block metadescription %}{{object.body_html|striptags|safe|truncatewords:30}}{% endblock %} +{%block extrahead%} + <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" /> + <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" /> + <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" /> + <meta name="geo.placename" content="{% if object.location.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.country.name}}{%endif%}"> + <meta name="geo.region" content="{{object.country.iso2}}{%if object.state.code != '' %}-{{object.state.code}}{%endif%}"> +{%endblock%} +{% block bodyid %}class="notes--permalin detail" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%} +{% block breadcrumbs %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList"> + <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> + <a href="/" title="luxagraf homepage" itemprop="item"> + <span itemprop="title">Home</span> + </a> → + <meta itemprop="position" content="1" /> + </li> + <li itemscope itemtype="http://schema.org/ListItem"> + <a href="/field-notes/" itemprop="item"> + <span itemprop="title">Field Notes</span> + </a> → + <meta itemprop="position" content="2" /> + </li> + <li itemscope itemtype="http://schema.org/ListItem"> + <a href="/field-notes/{{object.pub_date|date:"Y"}}/"> + <span itemprop="title">{{object.pub_date|date:"Y"}}</span> + </a> → + <meta itemprop="position" content="3" /> + </li> + <li itemprop="title">Walks</li> + </ul>{% endblock %} + +{% block primary %}<ul class="bl crumbs" 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><a href="/field-notes/" itemprop="url"><span itemprop="title">Field Notes</span></a> →</li> + <li><a href="/field-notes/{{object.pub_date|date:"Y"}}/">{{object.pub_date|date:"Y"}}</a> →</li> + <li itemprop="title"><a href="/field-notes/{{object.pub_date|date:"Y"}}/{{object.pub_date|date:"m"}}/">{{object.pub_date|date:"F"}}</a></li> + </ul> + <main role="main"> + <article class="h-entry post--article"> + {% if object.title %}<h1 class="p-name note--title">{{object.title|safe|amp|smartypants}}</h1>{%endif%} + <div class="note--date-container"> + {% if object.location %} + <p class="p-location h-adr note--location bl" 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.state.country.name}}</span> + <data class="p-latitude" value="{{object.latitude}}"></data> + <data class="p-longitude" value="{{object.longitude}}"></data> + </p>{% endif %} + + <p class="note--date"> + <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a> + </p> + </div> + <div class="e-content"> + {{object.body_html|safe|smartypants}} + </div> + <span class="p-author h-card"> + <data class="p-name" value="Scott Gilbertson"></data> + <data class="u-url" value="https://luxagraf.net/"></data> + </span> + <footer> + {%comment%}<p class="note--date"> + <a class="u-url" href="{{object.get_absolute_url}}" rel="bookmark"><time class="dt-published" datetime="{{object.pub_date|html5_datetime}}">{{object.pub_date|date:"F j, Y"}}</time></a> + </p>{%endcomment%} + {% comment %} {% if object.twitter_id %} + <ul class="note--actions"> + <li><a rel="syndication" class="u-syndication" href="https://twitter.com/luxagraf/status/{{object.twitter_id}}">View on Twitter</a></li> + <li> + <indie-action do="reply" with="{{SITE_URL}}{{object.get_absolute_url}}"><a href="https://twitter.com/intent/tweet?in_reply_to={{object.twitter_id}}">Reply</a></indie-action> + </li> + <li> + <indie-action do="post" with="{{SITE_URL}}{{object.get_absolute_url}}"> + <a href="https://twitter.com/intent/retweet?tweet_id={{object.twitter_id}}">Retweet</a> + </indie-action> + </li> + <li> + <indie-action do="bookmark" with="{{SITE_URL}}{{object.get_absolute_url}}"> + <a href="https://twitter.com/intent/favorite?tweet_id={{object.twitter_id}}">Favourite</a> + </indie-action> + </li> + </ul>{% endif %}{% endcomment %} + </footer> + + + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li rel="previous" id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li rel="next" id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + </article> +</main> +{% endblock %} diff --git a/templates/details/note.txt b/templates/details/note.txt new file mode 100644 index 0000000..c5b1c2e --- /dev/null +++ b/templates/details/note.txt @@ -0,0 +1,8 @@ +{{object.title|safe}} +{% for letter in object.title %}={%endfor%} + + by Scott Gilbertson + <{{SITE_URL}}{{object.get_absolute_url}}> + {{object.date_created|date:"l, d F Y"}} + +{{object.body_markdown|safe}} diff --git a/templates/details/photo.html b/templates/details/photo.html new file mode 100644 index 0000000..e477c73 --- /dev/null +++ b/templates/details/photo.html @@ -0,0 +1,85 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Luxagraf | {{object.title|title|smartypants|safe}}{% endblock %} +{% block metadescription %}Luxagraf: Photo, {{object.title}}, Photographer: Scott Gilbertson, Published: {{ object.pub_date|date:"N j, Y" }} {{ object.pub_date|date:"h:i a" }}Camera:{%if object.exif_make%}{%if object.exif_make != 'Canon'%}{{ object.exif_make }}{%endif%} {{ object.exif_model }}{% else %}Canon Powershot S45{%endif%}, Aperture: {%if object.exif_aperture%}{{ object.exif_aperture }}{%else%}Not Recorded{%endif%}, Shutter Speed: {%if object.exif_shutter%}{{ object.exif_shutter }} sec{%else%}Not Recorded{%endif%}, Film Speed: {%if object.exif_iso%}{{ object.exif_iso }} ISO{%else%}Not Recorded{%endif%}.{% endblock %} +{% block date %}{{object.pub_date|date:"F j, Y"}}<span class="small byline">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.location.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.location.state.country.name}}{%endif%}</span>{% endblock %} + + + + {% block title %}{{object.title|smartypants|safe}}{% endblock %} + + + {% block primary %} + + <a href="http://flickr.com/photos/luxagraf/{{object.flickr_id}}/" title="View {{object.flickr_title}} on Flickr.com"><img class="flickr-image" src="{{ object.get_medium_url }}" alt="{{object.title}}" title="{{object.title}}" /></a> + {% if object.description != 'None' %} + <p>{{ object.description|smartypants|widont|safe }}</p> + {%endif %} + <p>Other Sizes: <a href="{{object.get_large_url}}" title="see large image">Large</a> and + <a href="http://flickr.com/photo_zoom.gne?id={{object.flickr_id}}&size=o" title="see original image">Original</a></p> + + + + <div id="extra"> + + + + <p>If you enjoy this photo, you can follow along on <a href="http://flickr.com/photos/luxagraf/" title="Flickr" rel="me">Flickr</a>, <a href="http://www.facebook.com/profile.php?id=730956404" title="Facebook" rel="me">Facebook</a>, <a href="http://friendfeed.com/luxagraf" title="friendfeed" rel="me">FriendFeed</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about luxagraf, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> + </div> + + <div id="nav"> + <ul> + {% if object.get_previous_published%} + <li> + <a href="{{ object.get_previous_published.get_absolute_url }}" title=" {{object.get_previous_published.title}}">«previous</a> + </li> + {%endif%} + {% if object.get_next_published%} + <li class="next"> + <a href="{{ object.get_next_published.get_absolute_url }}" title=" {{object.get_next_published.title}}">next»</a> + + </li> + {%endif%} + </ul> + </div> + <h4 id="comment-header">comments</h4> + <p>If you'd like to leave a comment, you may do so on <a href="http://flickr.com/photos/luxagraf/{{object.flickr_id}}/" title="leave a comment on Flickr">Flickr</a>.</p> + + {% endblock %} + + + +{% block sidebar %} + <div id="sidebar"> + <div id="nav"> + <ul> + {% if object.get_previous_published%} + <li> + <a href="{{ object.get_previous_published.get_absolute_url }}" title=" {{object.get_previous_published.title}}">« previous</a> + </li> + {%endif%} + {% if object.get_next_published%} + <li class="next"> + <a href="{{ object.get_next_published.get_absolute_url }}" title=" {{object.get_next_published.title}}">next »</a> + + </li> + {%endif%} + </ul> + </div> + + <div class="blok"> + <h4>Image Data</h4> + + <dl class="sidebar meta"> + <dt>Camera:</dt> + <dd>{%if object.exif_make%}{%if object.exif_make != 'Canon'%}{{ object.exif_make }}{%endif%} {{ object.exif_model }}{% else %}Canon Powershot S45{%endif%}</dd> + <dt>Aperture:</dt> + <dd>{%if object.exif_aperture%}{{ object.exif_aperture }}{%else%}Not Recorded{%endif%}</dd> + <dt>Shutter Speed:</dt> + <dd>{%if object.exif_shutter%}{{ object.exif_shutter }} sec{%else%}Not Recorded{%endif%}</dd> + <dt>Film Speed:</dt> + <dd>{%if object.exif_iso%}{{ object.exif_iso }} ISO{%else%}Not Recorded{%endif%}</dd> + </dl> + </div> + </div> +{% endblock %} diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html new file mode 100644 index 0000000..34b7eb4 --- /dev/null +++ b/templates/details/photo_galleries.html @@ -0,0 +1,56 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load number_to_word %} + +{% block pagetitle %}{{object.set_title}} - Luxagraf, Photos{% endblock %} +{%block htmlclass%}class="black"{%endblock%} + + +{% block metadescription %}{{object.set_desc|truncatewords:30|smartypants|safe}}{% endblock %} + +{% block extrahead %} + <script src="/media/js/leaflet-master/leaflet-mod.js"></script> + <style> + #map-canvas img{ border: none;} + </style> +{% endblock %} +{%block bodyid%}class="image_gallery"{%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><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> →</li> + <li>{{object.set_title}}</li> + </ul> + <p class="directions">Use left/right arrow keys to navigate through photos</p> + <main id="slides" class="image-gallery--wrapper"> + <h1 class="hide">Photos from {{object.set_title}}</h1>{%for photo in object.photos.all reversed %} + <article id="image-{{forloop.counter}}"> + <h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">∞ {{forloop.counter|number_to_word}} ∞</a></h6> + <figure class="fig"><img src="{{photo.get_local_slideshow_url}}" {% if photo.has_retina %}srcset="{{photo.get_retina_slideshow_url}} 2x"{% endif %} alt="{{photo.title}}" {%if photo.is_portait %}class="v"{%endif%} /> + <figcaption class="figcaption"> + <div class="caption" id="id-{{photo.id}}"> + <h3 class="figcaption--title">{{photo.title}}</h3> + <time class="figcaption--date" datetime="{{photo.exif_date|date:'c'}}">{{photo.exif_date|date:"M j, Y"}}</time> + <a class="map-link" href="#" data-latitude="{{photo.lat}}" data-longitude="{{photo.lon}}" data-imgid="id-{{photo.id}}">Map</a> + {%if photo.description %}<p class="figcaption--desc">{{photo.description|safe}}</p> {%endif%} + </div> + <div class="photo-options"> + <p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 with {%endif%} {%if photo.exif_lens == 'LUMIX G VARIO 14-45/F3.5-5.6' %}<a href="http://amzn.to/azIr5w" title="buy the {{photo.exif_lens}} on Amazon">Lumix 14-45mm lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}<a href="http://amzn.to/daMYOm" title="buy the {{photo.exif_lens}} on Amazon">Lumix 20mm prime lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}<a href="http://amzn.to/a9DfV7" title="buy the {{photo.exif_lens}} on Amazon">Lumix 45-200mm lens</a>{%endif%}{%if photo.exif_lens == 'OLYMPUS M.9-18mm F4.0-5.6' %}<a href="http://amzn.to/mGNVkl" title="buy the {{photo.exif_lens}} on Amazon">Olympus 9-18mm lens</a>{%endif%}{%if photo.exif_lens == None %}{%endif%}</p> + <p>{{photo.exif_exposure}} sec at f/{{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p> + <!--<p><a href="{{photo.flickr_link}}" title="View this Photo on Flickr.com">View on Flickr</a></p>--> + <!--<a href="#" class="exif-link" title="{{photo.id}}">Camera</a>--> + </div> + </figcaption> + </figure> + </article> + {% endfor %} + </section> +{%endblock%} + +{% block js %} + <script type="text/javascript" src="/media/js/jquery.js"></script> + <script type="text/javascript" src="/media/js/jquery.scrollTo-1.4.2-min.js"></script> + <script type="text/javascript" src="/media/js/photos.min.js" ></script> +{% endblock%} + + diff --git a/templates/details/photo_gallery.html b/templates/details/photo_gallery.html new file mode 100644 index 0000000..be25326 --- /dev/null +++ b/templates/details/photo_gallery.html @@ -0,0 +1,67 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load get_image_by_size %} +{% load number_to_word %} + +{% block pagetitle %}{{object.title}} - Luxagraf, Photos{% endblock %} +{%block htmlclass%}class="black"{%endblock%} + + +{% block metadescription %}{{object.description|truncatewords:30|smartypants|safe}}{% endblock %} + +{% block extrahead %} + <script src="/media/js/leaflet-master/leaflet-mod.js"></script> + <style> + #map-canvas img{ border: none;} + video { max-width: 50%;} + </style> +{% endblock %} +{%block bodyid%}class="image_gallery"{%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><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> →</li> + <li>{{object.title}}</li> + </ul> + <p class="directions">Use left/right arrow keys to navigate through photos</p> + <main id="slides" class="image-gallery--wrapper"> + <h1 class="hide">Photos from {{object.title}}</h1>{%for photo in object.images.all reversed %} + <article id="image-{{forloop.counter}}"> + <h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">∞ {{forloop.counter|number_to_word}} ∞</a></h6> + <figure class="fig"> + {% if not photo.is_video %}<a href="{% get_image_by_size photo "original" %}">{%endif%} + {% if photo.is_video %}<video src="{% get_image_by_size photo "original" %}" controls> + Your browser does not support the <code>video</code> element. + </video> + {% else %} + <img sizes="(max-width: 1140px) 100vw, (min-width: 1141px) 1140px" + srcset="{% for size in photo.sizes.all %}{%spaceless%} + {% get_image_by_size photo size.width %} {{size.width}}w{% if forloop.last%}"{%else%},{%endif%}{%endspaceless%} {%endfor%} + {% for size in photo.sizes.all %}{%spaceless%}{% if size.width > 720 and size.width < 2000 %}src="{% get_image_by_size photo size.width %}"{%endif%}{%endspaceless%}{%endfor%} alt="{% if photo.alt %}{{photo.alt}}{%else%}{{photo.title}}{%endif%}" p="{{photo.is_portait}}" {%if photo.is_portait %}class="v"{%endif%} > + {%endif%}{% if not photo.is_video %}</a>{%endif%} + <figcaption class="figcaption"> + <div class="caption" id="id-{{photo.id}}"> + <h3 class="figcaption--title">{{photo.title}}</h3> + <time class="figcaption--date" datetime="{{photo.exif_date|date:'c'}}">{{photo.exif_date|date:"M j, Y"}}</time> + {% if object.is_public %}{%if object.latitude %}<a class="map-link" href="#" data-latitude="{{photo.latitude}}" data-longitude="{{photo.longitude}}" data-imgid="id-{{photo.id}}">Map</a>{%endif%}{%endif%} + {%if photo.caption%}<p class="figcaption--desc">{{photo.caption|safe}}</p> {%endif%} + </div> + <div class="photo-options"> + {% if object.is_public %}<p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 with {%endif%} {%if photo.exif_lens == 'LUMIX G VARIO 14-45/F3.5-5.6' %}Lumix 14-45mm lens{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}Lumix 20mm lens{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}Lumix 45-200mm lens{%endif%}{%if photo.exif_lens == 'OLYMPUS M.9-18mm F4.0-5.6' %}Olympus 9-18mm lens{%endif%}{%if photo.exif_lens == None %}{%endif%}</p> + <p>{{photo.exif_exposure}} sec at f/{{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p>{% endif %} + <!--<p><a href="{{photo.flickr_link}}" title="View this Photo on Flickr.com">View on Flickr</a></p>--> + <!--<a href="#" class="exif-link" title="{{photo.id}}">Camera</a>--> + </div> + </figcaption> + </figure> + </article> + {% endfor %} +{%endblock%} + +{% block js %} + <script type="text/javascript" src="/media/js/jquery.js"></script> + <script type="text/javascript" src="/media/js/jquery.scrollTo-1.4.2-min.js"></script> + <script type="text/javascript" src="/media/js/photos.min.js" ></script> +{% endblock%} + + diff --git a/templates/details/pubs.html b/templates/details/pubs.html new file mode 100644 index 0000000..c196a8d --- /dev/null +++ b/templates/details/pubs.html @@ -0,0 +1,23 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} + +{% block pagetitle %}{% endblock %} +{% block metadescription %}{% endblock %} + +{%block htmlclass%}class="detail{%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><a href="/work">Work</a>{% if object.title != "Resume" %} → {%endif%}</li> + {% if object.title != "Resume" %}<li><a href="/work/pubs/">Publications</a></li>{%endif%} + </ul> + <main> + <article> + {% if object.title != "Resume" %}<h1 class="post-header">{{object.title|safe|smartypants|widont}}</h1>{% endif %} + {% if object.publisher %}<p><i>This article was published in {{object.publisher}}, you can view <a href="{{object.url}}">the original</a> there, complete with graphics, comments and other fun stuff.</i></p>{% endif %} + <div class="post-article" style="margin-top: 3em"> + {{object.body_html|safe|smartypants|widont}} + </div> + </article> + </main> + {%endblock%} diff --git a/templates/details/readme.html b/templates/details/readme.html new file mode 100644 index 0000000..4d42804 --- /dev/null +++ b/templates/details/readme.html @@ -0,0 +1,8 @@ +{% load typogrify_tags %} + + <article role="main"> + <h1 class="page--title">{{object.title|safe}}</h1> + <div class="post--article"> + {{object.body_html|safe|smartypants|widont}} + </div> + </article> diff --git a/templates/details/resume.html b/templates/details/resume.html new file mode 100644 index 0000000..1608934 --- /dev/null +++ b/templates/details/resume.html @@ -0,0 +1,141 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% block pagetitle %}Scott Gilbertson - Curriculum Vitæ{%endblock%} +{% block extrahead%} + <meta name="twitter:card" content="summary"> + <meta name="twitter:title" content="Resume of Scott Gilbertson"> + <meta name="twitter:description" content="luxagraf.net is the personal web site of Scott gilbertson."> + <meta name="twitter:site:id" content="9469062"> + <meta name="twitter:creator:id" content="9469062"> + <meta property="og:type" content="article"/> + <meta property="og:title" content="Scott Gilbertson - Resume"/> + <meta property="og:url" content="http://luxagraf.net/work/resume/"/> + <meta property="og:description" content="luxagraf.net is the personal web site of Scott gilbertson."> + <meta property="article:author" content="Scott Gilbertson"/> + <meta property="og:site_name" content="luxagraf.net"/> + <meta property="og:locale" content="en_US"/> +<style> +</style>{%endblock%} +{%block bodyid%}class="resume"{%endblock%} +{%block htmlclass %}class="detail"{%endblock%} +{% block primary %} +<main role="main" id="content"> + <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><a href="/work/">Work</a> → </li> + <li>Resume</li> + </ul> +<article class="h-resume"> + <div class="h-card head"> + <header> + <h1 class="p-name"> + <span class="p-given-name">Scott</span> + <span class="p-additional-name hide">Nathan</span> + <span class="p-family-name">Gilbertson</span> + </h1> + <h2>Writer, Photographer, Web Developer</h2> + </header> + <ul class="contact"> + <li> + <h6>Phone</h6> + <span><a class="u-tel" href="tel:706-438-4297">706-438-4297</a></span> + </li> + <li> + <h6>Email</h6> + <a class="u-email" href="mailto:sng@luxagraf.net">sng@luxagraf.net</a> + </li> + <li> + <h6>Web</h6> + <span><a class="u-url" href="https://luxagraf.net/" rel="me">https://luxagraf.net/</a></span> + </li> + <li> + <h6>LinkedIn</h6> + <span><a class="u-url" href="https://www.linkedin.com/in/luxagraf" rel="me">luxagraf</a></span> + </li> + </ul> + </div> + <div class="profile"> + <h3>Profile</h3> + <p class="p-summary">{{resume.profile_html|smartypants|widont|safe}}</p> + </div> + + <div id="skills"> + <h3>Skills</h3> + {{resume.skills_html|smartypants|widont|safe}} + + </div> + + <div class="h-calendar" id="experience"> + <h3>Experience</h3>{% for job in resume.jobs.all %} + <div class="p-experience h-event"> + <h2 class="p-name">{{job.title}}</h2> + <ul class="meta"> + <li><time class="dt-start" datetime="{{job.date_start}}">{{job.date_start|date:"M Y"}}</time>–{% if job.date_end %}<time class="dt-end" datetime="{{job.date_end}}">{{job.date_end|date:"M Y"}}</time>{%else%}<span class="dt-end">present</span>{%endif%}</li> + </ul> + {% if job.employer %}<p class="p-organization">Employer: {{job.employer}}</p>{%endif%} + <p class="e-description">{{job.body_html|safe}}</p> + </div>{% endfor %} + + {%comment%} + <div class="p-experience h-event"> + <h2 class="p-name">Web Developer</h2> + <ul class="meta"> + <li>(<time class="dt-start" datetime="2004-06-01">June 2004</time>–Present) + </li> + </ul> + <p class="e-description">Co-founded a small design company where I serve as front-end web developer. I work closely with my co-founder (lead UI/UX), transforming visual designs into valid, semantic HTML/CSS/JavaScript. We specialize in responsive designs and mobile-friendly content that works across browsers and devices. Clients included Wired, Pioneer Entertainment, Boost Mobile, Co-op Credit Union and others.</p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Founder, LongHandPixels Press</h2> + <ul class="meta"> + <li>(<time class="dt-start" datetime="2013-09-01">September 2013</time>–Present) + </li> + </ul> + <p class="e-description">Founded an ebook publishing company, <a href="http://longhandpixels.net/" class="p-organization-name">LongHandPixels Press</a> and launched my first book, <em><a href="https://longhandpixels.net/books/responsive-web-design">Build a Better Web with Responsive Web Design</a></em>. The book covers responsive design, mobile-first web development, progressive enhancement and how modern tools like Sass, Grunt, Node, the Chrome developer tools and more can speed up workflows. + </p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Writer/Editor Webmonkey.com</h2> + <ul class="meta"> + <li class="h-location h-card"> + <a class="u-url p-name" href="http://webmonkey.com"> + <span class="p-organization-name">Wired.com</span>/ + <span class="p-organization-unit">Webmonkey.com</span></a> + </li> + <li>(<time class="dt-start" datetime="2006-06-01">June 2006</time> + –<time class="dt-end" datetime="2013-04-31">April 2013</time>) + </li> + </ul> + <p class="e-description">I started contributing tutorials to Wired.com’s Webmonkey.com in 1999, became a full time employee in 2006 and served as editor-in-chief from 2010 to 2013. I was in charge of creating resources for web developers, including how-to guides on the latest in web standards, code libraries, server technologies and authoring resources. Wrote roughly 3 million words on various web development tools. I also helped cultivate and manage a global team of freelance contributors.</p> + </div> + + <div class="p-experience h-event"> + <h2 class="p-name">Photography and Video Editing</h2> + <ul class="meta"> + <li class="h-location h-card"><a class="u-url p-name" href="http://barrelmanproductions.com"><span class="p-organization-name">barrelmanproductions.com</span></a></li> + <li>(<time class="dt-start" datetime="2006-06-01">June 2014</time> - Present)</li> + </ul> + <p class="e-description">Co-founded a video editing company, Barrelman Productions, specializing in HD aerial video. Portfolio and highlights reel available at <a href="http://www.barrelmanproductions.com/">http://www.barrelmanproductions.com/</a>. Skills include editing in <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Final_Cut_Pro">Final Cut Pro</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a>, <a class="p-skill" rel="tag" href="https://en.wikipedia.org/wiki/Adobe_Photoshop_Lightroom">Lightroom</a> and production of web-optimized video.</p> + </div> + {%endcomment%} + + </div> + <div class="h-calendar" id="education"> + <h3>Education</h3> + + <div class="p-education h-event"> + <h2 class="p-name">Bachelor of Arts, English</h2> + <ul class="meta"> + <li>Undergraduate degree from <a class="p-location h-card" href="http://uga.edu/">The University of <span class="p-locality">Georgia</span>.</a></li> + <li>(<time class="dt-start" title="2001-08-01">2001</time>–<time class="dt-end" title="2003-12-16">2003</time>)</li> + </ul> + </div> + + </div> + +</article> + +</main> +{%endblock%} diff --git a/templates/details/src_book.html b/templates/details/src_book.html new file mode 100644 index 0000000..8b92bd2 --- /dev/null +++ b/templates/details/src_book.html @@ -0,0 +1,62 @@ +{% extends 'src_base.html' %} +{% load typogrify_tags %} +{%block bodyid%}id="book-page"{%endblock%} +{%block metadescription%}Buy the Book: {{object.title}}{%endblock%} +{%block extrahead%} + <meta property="og:site_name" content="luxagraf:src"/> + <meta property="og:locale" content="en_US"/> + <meta property="og:type" content="book"/> + <meta property="og:title" content="{{object.title}}"/> + <meta property="og:url" content="https://luxagraf.net{{object.get_absolute_url}}"/> + <meta property="og:description" content="It's time to stop fighting the web's flexible nature. Discover how simple tools like CSS media queries, fluid layouts and flexible media can transform your website from fixed-width failure to responsive success."/> + <meta property="book:release_date" content="{{object.pub_date}}"/> + <meta property="book:tag" content="Responsive Web Design"> + <meta property="book:tag" content="Web Development"> + <meta property="og:image" content="{{object.get_image_url}}"/> + <meta name="twitter:card" content="summary_large_image"/> + <meta name="twitter:description" content="It's time to stop fighting the web's flexible nature. Discover how simple tools like CSS media queries, fluid layouts and flexible media can transform your website from fixed-width failure to responsive success."/> + <meta name="twitter:title" content="{{object.title}}"/> + <meta name="twitter:site" content="@luxagraf"/> + <meta name="twitter:domain" content="luxagraf"/> + <meta name="twitter:image:src" content="{{object.get_image_url}}"/> + <meta name="twitter:creator" content="@luxagraf"/> +{%endblock%} +{%block pagetitle%}{{object.title}} | Books | luxagraf:src{%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><a href="/src/" title="luxagraf:src" itemprop="url"><span itemprop="title"><code>src</code></span></a> → </li> + <li><a href="/src/books/" title="luxagraf:src books" itemprop="url"><span itemprop="title">Books</span></a> </li> + </ul> + <main role="main" itemprop="mainEntity" itemscope itemtype="http://schema.org/Book"> + <h1 class="book-title" itemprop="name">{{object.title|smartypants|widont|safe}}</h1> + <div class="book-cover-wrapper"><img src="{{object.get_image_url}}" alt="{{object.title}} cover" /></div> + <div class="meta-cover"> + <dl class="book-metadata"> + <dt>Published</dt> + <dd>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></dd> + <dt>Last Updated</dt> + <dd>{{object.last_updated|date:"F"}} <span>{{object.last_updated|date:"j, Y"}}</span></dd> + <dt>Pages</dt> + <dd>{{object.pages}}</dd> + <dt>Buy it</dt> + <dd>{%if object.price_sale < object.price%}<span class="strike">${{object.price|floatformat:"0"}}</span> <span class="alert">${{object.price_sale|floatformat:"0"}}</span>{%else%}${{object.price|floatformat:"0" }}{%endif%}</dd> + </dl> + </div> + <div class="paypal-form-wrapper"> +<script src="https://gumroad.com/js/gumroad.js"></script> +<a target="_blank" class="gumroad-button btn-top" href="https://gum.co/rwd-b">Buy it Now</a> +{%comment%}{{paypal_form.render}}{%endcomment%} + </div> + <div class="highlights"> + <h4>Learn Responsive Design:</h4> + <article class="h-entry hentry post--article book" itemscope itemType="http://schema.org/Article"> + {{object.body_html|safe|amp|smartypants}} + +<script src="https://gumroad.com/js/gumroad.js"></script> +<a target="_blank" class="gumroad-button btn-bottom" href="https://gum.co/rwd-b">Buy it Now</a> +{%comment%}{{paypal_form.render}}{%endcomment%} + </article> + </div> +</main> +{% endblock %} + |