diff options
author | luxagraf <sng@luxagraf.net> | 2011-04-05 10:38:52 -0400 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2011-04-05 10:38:52 -0400 |
commit | 8e2e31965126bee7992d26428d42c1631d29786f (patch) | |
tree | 2ed3fc9b9898e9c381fe5c03cd04996b62d06c11 | |
parent | 79101240da1e0331c00e7b616a7a32b55d81e5cc (diff) |
fixed image sprties, updated photo gallery codeand changed contact/about pages
30 files changed, 295 insertions, 138 deletions
diff --git a/apps/blog/signals.py b/apps/blog/signals.py index 798a78f..55f2efa 100644 --- a/apps/blog/signals.py +++ b/apps/blog/signals.py @@ -6,32 +6,16 @@ from django.conf import settings from locations.models import Region,Country,Route +from build.base import BuildWriting + def update_recent(sender, instance, signal, *args, **kwargs): if not settings.DEVELOPMENT: - # Update recent entries static file - model = get_model('blog', 'entry') - qs = {'object_list': model.objects.filter(status__exact=1).order_by('-pub_date')[1:4]} - c = Context(qs) - t = render_to_string('bin/recent_entries.html',c) - fpath = '%s%s' %(settings.PROJ_ROOT,'templates/includes/recent_entries.html') - file = open(fpath, 'w') - file.write(t) - file.close() - # Update map template - import codecs - qs = model.objects.filter(status__exact=1) - cl = Country.objects.filter(visited=True).exclude(name='default') - rl = Region.objects.all() - rtl = Route.objects.all() - c = Context({'object_list':qs, 'country_list':cl,'region_list':rl, 'route_list':rtl}) - t = render_to_string('bin/map_entry_list.html',c) - fpath = '%s%s' %(settings.PROJ_ROOT,'media/js/mainmap.js') - file = codecs.open(fpath, 'w','utf8') - file.write(t) - file.close() - c = Context({'country_list':cl,'region_list':rl,'route_list':rtl}) - t = render_to_string('bin/map_sidebar.html',c) - fpath = '%s%s' %(settings.PROJ_ROOT,'templates/includes/map_sidebar.html') - file = codecs.open(fpath, 'w','utf8') - file.write(t) - file.close()
\ No newline at end of file + if instance.status == 1: + #update homepage, archives and details + b = BuildWriting() + b.build_homepage() + b.build_archive_pages() + b.build_detail_pages() + #update map + b = BuildMap() + b.build()
\ No newline at end of file diff --git a/apps/build/base.py b/apps/build/base.py index d8e4cdc..9ba6dfb 100644 --- a/apps/build/base.py +++ b/apps/build/base.py @@ -17,6 +17,14 @@ class Build(): class BuildWriting(Build): + + + def build(self): + self.build_detail_pages() + self.build_archive_pages() + self.build_location_archive_pages() + self.build_homepage() + def get_model_querset(self): model = get_model('blog', 'entry') qs = model.objects.filter(status__exact=1) @@ -28,9 +36,9 @@ class BuildWriting(Build): ''' qs = self.get_model_querset() for entry in qs: - c = Context({'object':entry,'MEDIA_URL':settings.MEDIA_URL}) + c = Context({'object':entry,'MEDIA_URL':settings.BAKED_MEDIA_URL}) t = render_to_string('details/entry.html',c).encode('utf-8') - path = '%s%s/%s/' %(settings.STATIC_ROOT, entry.pub_date.strftime("%Y/%b/%d").lower(), entry.slug) + path = '%s%s/%s/' %(settings.BAKED_ROOT, entry.pub_date.strftime("%Y/%b/%d").lower(), entry.slug) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -43,7 +51,7 @@ class BuildWriting(Build): pages = ceil(Decimal(qs.count())/Decimal(paginate_by)) print pages for page in range(int(pages)): - base_path = '%s%s' %(settings.STATIC_ROOT, extra) + base_path = '%s%s' %(settings.BAKED_ROOT, extra) path = '%s%s/' %(base_path, page+1) if not os.path.isdir(path): os.makedirs(path) @@ -77,13 +85,18 @@ class BuildWriting(Build): def build_homepage(self): self.build_recent_entries() qs = get_model('blog', 'entry').objects.filter(status__exact=1).latest() - c = Context({'featured':qs,'MEDIA_URL':settings.MEDIA_URL}) + c = Context({'featured':qs,'MEDIA_URL':settings.BAKED_MEDIA_URL}) t = render_to_string('archives/homepage.html',c).encode('utf-8') - fpath = '%s%s' %(settings.STATIC_ROOT,'index.html') + fpath = '%s%s' %(settings.BAKED_ROOT,'index.html') self.write_file(fpath,t) class BuildPhotos(BuildWriting): + + def build(self): + self.build_photo_archive_pages() + self.build_detail_pages() + def build_photo_archive_pages(self): qs = get_model('photos', 'PhotoGallery').objects.all() path = 'photos/' @@ -96,9 +109,9 @@ class BuildPhotos(BuildWriting): Grab all the blog posts, render them to a template string and write that out to the filesystem ''' for photo in qs: - c = Context({'object':photo,'MEDIA_URL':settings.MEDIA_URL}) + c = Context({'object':photo,'MEDIA_URL':settings.BAKED_MEDIA_URL}) t = render_to_string('details/photo_galleries.html',c).encode('utf-8') - path = '%sphotos/galleries/%s/' %(settings.STATIC_ROOT, photo.set_slug) + path = '%sphotos/galleries/%s/' %(settings.BAKED_ROOT, photo.set_slug) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -113,10 +126,10 @@ class BuildAbout(Build): c = Context({ 'object_list': qs, 'IMAGES_URL' : settings.IMAGES_URL, - 'MEDIA_URL':settings.MEDIA_URL + 'MEDIA_URL':settings.BAKED_MEDIA_URL }) t = render_to_string('details/about.html',c).encode('utf-8') - path = '%sabout/' %(settings.STATIC_ROOT) + path = '%sabout/' %(settings.BAKED_ROOT) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -130,20 +143,20 @@ class BuildMap(Build): cl = get_model('locations', 'Country').objects.filter(visited=True).exclude(name='default') rl = get_model('locations', 'Region').objects.all() rtl = get_model('locations', 'Route').objects.all() - c = Context({'object_list':qs, 'country_list':cl,'region_list':rl, 'route_list':rtl, 'MEDIA_URL':settings.MEDIA_URL}) + c = Context({'object_list':qs, 'country_list':cl,'region_list':rl, 'route_list':rtl, 'MEDIA_URL':settings.BAKED_MEDIA_URL}) t = render_to_string('bin/map_entry_list.html',c).encode('utf-8') fpath = '%s%s' %(settings.PROJ_ROOT,'media/js/mainmap.js') self.write_file(fpath,t) - c = Context({'country_list':cl,'region_list':rl,'route_list':rtl,'MEDIA_URL':settings.MEDIA_URL}) + c = Context({'country_list':cl,'region_list':rl,'route_list':rtl,'MEDIA_URL':settings.BAKED_MEDIA_URL}) t = render_to_string('bin/map_sidebar.html',c).encode('utf-8') fpath = '%s%s' %(settings.PROJ_ROOT,'templates/includes/map_sidebar.html') self.write_file(fpath,t) def build(self): self.build_map_templates() - c = Context({'MEDIA_URL':settings.MEDIA_URL,}) + c = Context({'MEDIA_URL':settings.BAKED_MEDIA_URL,}) t = render_to_string('archives/map.html', c).encode('utf-8') - path = '%smap/' %(settings.STATIC_ROOT) + path = '%smap/' %(settings.BAKED_ROOT) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -153,10 +166,16 @@ class BuildContact(Build): def build(self): c = Client() response = c.get('/contact/') - fpath = '%scontact/index.html' %(settings.STATIC_ROOT) + fpath = '%scontact/index.html' %(settings.BAKED_ROOT) self.write_file(fpath,str(response.content)) class BuildProjects(Build): + + def build(self): + self.build_project_archive() + self.build_project_details() + self.build_project_data() + def get_projects(self): all_proj = [] projects = get_model('projects', 'Project').objects.filter(status__exact=1).order_by('-pub_date') @@ -167,9 +186,9 @@ class BuildProjects(Build): def build_project_archive(self): qs = get_model('projects', 'Project').objects.filter(status__exact=1).order_by('-pub_date') - c = Context({'object_list': qs,'MEDIA_URL':settings.MEDIA_URL,}) + c = Context({'object_list': qs,'MEDIA_URL':settings.BAKED_MEDIA_URL,}) t = render_to_string('archives/projects.html', c).encode('utf-8') - path = '%sprojects/' %(settings.STATIC_ROOT) + path = '%sprojects/' %(settings.BAKED_ROOT) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -183,9 +202,9 @@ class BuildProjects(Build): qs = model.objects.filter(visited__exact=True).order_by("-date_visited_begin") else: qs = model.objects.filter(status__exact=1) - c = Context({'object_list': qs,'MEDIA_URL':settings.MEDIA_URL,}) + c = Context({'object_list': qs,'MEDIA_URL':settings.BAKED_MEDIA_URL,}) t = render_to_string('details/%s.html' %(proj['slug']), c).encode('utf-8') - path = '%sprojects/%s/' %(settings.STATIC_ROOT, proj['slug']) + path = '%sprojects/%s/' %(settings.BAKED_ROOT, proj['slug']) if not os.path.isdir(path): os.makedirs(path) fpath = '%sindex.html' %(path) @@ -205,7 +224,7 @@ class BuildProjects(Build): json = str(json) json ="\n".join(json.splitlines()[3:]) #print json - path = '%sprojects/data/' %(settings.STATIC_ROOT) + path = '%sprojects/data/' %(settings.BAKED_ROOT) if not os.path.isdir(path): os.makedirs(path) fpath = '%s%s.json' %(path, park.id) diff --git a/apps/photos/retriever.py b/apps/photos/retriever.py index 8d7b07c..2a98d09 100644 --- a/apps/photos/retriever.py +++ b/apps/photos/retriever.py @@ -166,7 +166,7 @@ def slideshow_image(photo): img.save(filename) else: #image portrait - new_height = 600 + new_height = 800 #check to make sure we aren't upsizing if cur_height > new_height: ratio = float(new_height)/cur_height diff --git a/base_urls.py b/base_urls.py index 24acc93..67ebd86 100644 --- a/base_urls.py +++ b/base_urls.py @@ -48,7 +48,7 @@ urlpatterns += patterns('', (r'^feeds/(?P<url>.*)/$', 'django.contrib.syndication.views.feed', {'feed_dict': feeds}), (r'^robots.txt$', direct_to_template, {'template': 'archives/robots.html'}), (r'^googleb11655cd59dacf3c.html$', direct_to_template, {'template': 'static/gverify.html'}), - (r'^contact/', include('contact_form.urls')), + (r'^contact/', direct_to_template, {'template': 'details/contact.html'}), (r'^sitemap.xml$', 'django.contrib.sitemaps.views.sitemap', {'sitemaps': sitemaps}), (r'^writing/', include('blog.urls')), (r'^projects/', include('projects.urls')), diff --git a/media/css/base.css b/media/css/base.css index b0c96ff..f430cf1 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav[role="navigation"]{margin:1em auto 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.875em}nav:after,footer:before,.archive article:after,#archive:after{content:".";display:block;height:0;clear:both;visibility:hidden}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] li{display:block;margin:0.5em 0}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.button{display:block;font-family:Helvetica, Verdana, sans-serif !important;margin:10px 10px 0 0;width:auto;font-size:10px}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;background-position:left bottom;margin:0 !important}header[role="banner"] h2{padding-top:3.5em;background:url("../img/text-wide.png") left bottom no-repeat !important;margin-left:1.7em !important}nav[role="navigation"]{width:25em;border:none;padding-top:7.3em;padding-left:15em}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .mid{margin:0 2.5em}article img{width:auto !important}.img{float:right}.img img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.875em;margin:0 40px 0 0;width:360px}#projects-page .two{margin:0 0 0 3.5em;width:32em}#projects-page .top{padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #e3e3e3}#projects-page article p{margin:1em 0 0 0}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:1.875em}article[role="main"] p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{text-transform:uppercase;font:normal 1.125em Helvetica, Verdana, sans-serif}article[role="main"] #page-navigation a{color:#b53a04}article[role="main"] #page-navigation li#next{float:right;padding-right:9em}article[role="main"] #page-navigation li#prev{float:left;padding-left:6em}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] #post-body{margin:2em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{font-family:Helvetica, Verdana, sans-serif;background:#201a11;height:3em;color:#888;margin:80px auto 0;font-size:1em;padding:0}footer[role="contentinfo"] li{float:left;text-transform:uppercase;line-height:3em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] a{color:#888 !important}footer[role="contentinfo"] a:hover{color:#b53a04 !important}footer[role="contentinfo"] nav{border:none;margin:0 1em 0 0;padding:0;float:right}footer[role="contentinfo"] p{float:left;padding-left:8px;line-height:4em;margin-top:0.75em}.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}.postpic,.postpicright{display:block;margin:0.3em 0.6em}.postpic{float:left;margin-left:0;margin-top:0.3em}.postpicright{float:right;margin-right:0}.postpicleft{float:left;margin:5px}.picfull{margin-top:20px}.picwide{border:10px solid #201a11;clear:both;margin:30px 0 30px -200px}}.ie8 .drop{padding-top:28px}.ie7 footer[role="contentinfo"],.ie7 #projects-archive,.ie7 #writing-archive article,.ie7 #pagination,.ie7 #projects-archive .button{clear:both}.ie7 .top{height:90px}.ie7 nav[role="navigation"]{padding-top:6.2em;padding-left:3.5em;margin-left:90px !important} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}small{font:normal 0.75em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3,time{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}header time span{font-size:1.125em}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] h2{background:url("../img/text-centered.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav[role="navigation"]{margin:1em auto 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.875em}nav:after,footer:before,footer:after,.archive article:after,#archive:after,article[role="main"] header:after{content:".";display:block;height:0;clear:both;visibility:hidden}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] header h1{margin-bottom:0.675em}article[role="main"] li{display:block;margin:0.5em 0}td{vertical-align:top;line-height:1em}tr{margin-bottom:2em !important}td strong{display:block;text-align:right;margin-top:1px}#page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}#page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}#page-navigation a{font-style:italic}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.button{display:block;font-family:Helvetica, Verdana, sans-serif !important;margin:10px 10px 0 0;width:auto;font-size:10px}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}#post-body > p:last-of-type:after{content:" " url(../img/stop.gif)}#post-body hr{display:none}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;position:relative;top:2.2em;background-position:0 0px no-repeat !important;margin:0 !important;height:18px}header[role="banner"] h2{position:relative;top:3.3em;background:url("../img/text.png") 0 0px no-repeat !important;height:0px !important;margin-left:1.7em !important}nav[role="navigation"]{width:25em;border:none;padding-top:7.3em;padding-left:15em}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .mid{margin:0 2.5em}#home .archive{margin-top:3em}#home .dateline time{font-size:1.125em}article img{width:auto !important}.img{float:right}.img img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.875em;margin:0 40px 0 0;width:360px}#projects-page .two{margin:0 0 0 3.5em;width:32em}#projects-page .top{padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #e3e3e3}#projects-page article p{margin:1em 0 0 0}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments,article[role="main"] #page-navigation,article[role="main"] #post{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:2em}article[role="main"] #post-body p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}article[role="main"] #page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}article[role="main"] #page-navigation a{font-style:italic}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0;margin-top:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] header time{display:block;text-align:right !important}.double article[role="main"] #post-body{margin:0em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-body .hyphenate{margin-top:0}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] .content small{font-style:italic}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{height:2em;color:#201a11;margin:4em auto 2em;font-size:1em;padding:0}footer[role="contentinfo"] li{line-height:1.5em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] nav{border:none;margin:0 auto;padding:0;text-align:center}footer[role="contentinfo"] p{padding-left:8px;line-height:2em;margin-top:0.75em;color:#888}footer[role="contentinfo"] p a{color:#888 !important}footer[role="contentinfo"] p a:hover{color:#b53a04 !important}.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}.postpic,.postpicright{display:block;margin:0.3em 0.6em}.postpic{float:left;margin-left:0;margin-top:0.3em}.postpicright{float:right;margin-right:0}.postpicleft{float:left;margin:5px}.picfull{margin-top:20px}.picwide{border:10px solid #201a11;clear:both;margin:30px 0 30px -200px}}.ie8 .drop{padding-top:28px}.ie7 footer[role="contentinfo"],.ie7 #projects-archive,.ie7 #writing-archive article,.ie7 #pagination,.ie7 #projects-archive .button{clear:both}.ie7 .top{height:90px}.ie7 nav[role="navigation"]{padding-top:6.2em;padding-left:3.5em;margin-left:90px !important} diff --git a/media/css/dark.css b/media/css/dark.css index 08eb80d..efa90a4 100644 --- a/media/css/dark.css +++ b/media/css/dark.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav[role="navigation"]{margin:1em auto 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.875em}nav:after,footer:before,.archive article:after,#archive:after{content:".";display:block;height:0;clear:both;visibility:hidden}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] li{display:block;margin:0.5em 0}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.button{display:block;font-family:Helvetica, Verdana, sans-serif !important;margin:10px 10px 0 0;width:auto;font-size:10px}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;background-position:left bottom;margin:0 !important}header[role="banner"] h2{padding-top:3.5em;background:url("../img/text-wide.png") left bottom no-repeat !important;margin-left:1.7em !important}nav[role="navigation"]{width:25em;border:none;padding-top:7.3em;padding-left:15em}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .mid{margin:0 2.5em}article img{width:auto !important}.img{float:right}.img img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.875em;margin:0 40px 0 0;width:360px}#projects-page .two{margin:0 0 0 3.5em;width:32em}#projects-page .top{padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #e3e3e3}#projects-page article p{margin:1em 0 0 0}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:1.875em}article[role="main"] p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{text-transform:uppercase;font:normal 1.125em Helvetica, Verdana, sans-serif}article[role="main"] #page-navigation a{color:#b53a04}article[role="main"] #page-navigation li#next{float:right;padding-right:9em}article[role="main"] #page-navigation li#prev{float:left;padding-left:6em}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] #post-body{margin:2em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{font-family:Helvetica, Verdana, sans-serif;background:#201a11;height:3em;color:#888;margin:80px auto 0;font-size:1em;padding:0}footer[role="contentinfo"] li{float:left;text-transform:uppercase;line-height:3em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] a{color:#888 !important}footer[role="contentinfo"] a:hover{color:#b53a04 !important}footer[role="contentinfo"] nav{border:none;margin:0 1em 0 0;padding:0;float:right}footer[role="contentinfo"] p{float:left;padding-left:8px;line-height:4em;margin-top:0.75em}.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}.postpic,.postpicright{display:block;margin:0.3em 0.6em}.postpic{float:left;margin-left:0;margin-top:0.3em}.postpicright{float:right;margin-right:0}.postpicleft{float:left;margin:5px}.picfull{margin-top:20px}.picwide{border:10px solid #201a11;clear:both;margin:30px 0 30px -200px}}.ie8 .drop{padding-top:28px}.ie7 footer[role="contentinfo"],.ie7 #projects-archive,.ie7 #writing-archive article,.ie7 #pagination,.ie7 #projects-archive .button{clear:both}.ie7 .top{height:90px}.ie7 nav[role="navigation"]{padding-top:6.2em;padding-left:3.5em;margin-left:90px !important}*:focus{outline:#b53a04 dotted thin}body{background:#201a11}a{text-decoration:none;color:#b53a04}a:visited{color:#fff;text-decoration:none}a:hover{color:#fff;text-decoration:none}header[role="banner"]{border-bottom:#ccc 1px solid;margin-bottom:1em}header[role="banner"] a{color:#fff !important}header[role="banner"] a:hover{color:#b53a04 !important}header[role="banner"] h1{background:url("../img/tree-dark.png") left bottom no-repeat !important}header[role="banner"] h2{background:url("../img/text-dark.png") left bottom no-repeat !important}#breadcrumbs{color:#fff}#breadcrumbs a{color:#fff}#breadcrumbs a:hover{color:#b53a04}article[role="main"] .geo a{color:#fff}article[role="main"] .geo a:hover{color:#b53a04}footer{color:#ccc}footer a{color:#ccc !important}footer a:hover{color:#b53a04 !important}img.postpic,img.postpicright{border:none}img.picfull{border:none}#post-body{color:#ccc}aside,header{color:#ccc}aside section a{color:#ccc !important}aside section a:hover{color:#b53a04 !important}#post-metadata{border-top:#555 1px dotted;border-bottom:#555 1px dotted}#post-metadata p{color:#ccc}.addendum dt{margin-left:-30px !important}h4 a.disqus-link-count{color:#ccc !important}#writing-detail img{border:none}#writing-detail .legend{padding:8px}#parks article{position:relative;display:block;margin:0 0 2em 0}#parks article h1{display:block;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;color:#fff;margin:0 0 0 10px;width:100%;text-align:left}#parks article .figure{position:relative;border:none}#parks article .legend{position:relative;width:100%;padding:0;margin:0}#parks article .legend h2{font:normal 0.875em Helvetica, Verdana, sans-serif;color:#fff;margin:0 0 1.3em 1em}#parks article .buttons{display:block;padding:0;background:#201a11;font-size:10px;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 auto}#parks article .buttons li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}#parks article .buttons a{font-weight:bold}#parks article .map-container{width:469px;height:392px;position:absolute;right:20px;bottom:60px;z-index:2000;margin:0;padding:0;background:url("../img/mapbg-dark.png") no-repeat top left}#parks article .map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}#parks article .meta{height:0}#parks article .more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url("../img/parkbg.png") no-repeat top left}#parks article .more-container dl{margin-top:45px;margin-left:45px}#parks article .more-container dl dt,#parks article .more-container dl dd{font-size:0.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif;color:#fff}#parks article .more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase}#parks article .more-container dl dd{float:left;width:250px;overflow:hidden}#parks article .more-container dl dd a:hover{color:#b53a04}body.image_gallery{background:#14100b !important}body.image_gallery .directions{font:normal 0.675em Helvetica, Verdana, sans-serif;color:#414144;text-align:center;margin-bottom:1.75em}body.image_gallery article{clear:both;margin-bottom:5em}body.image_gallery h6{text-align:center;text-transform:uppercase;font-size:0.625em;margin:0 0 1.25em 0}body.image_gallery h6 a{color:#b5b5b5}body.image_gallery h6 a:hover{color:#b53a04}body.image_gallery #slides{width:62.5em}body.image_gallery #slides img{border:none;margin:0 auto;text-align:center;padding:0;float:left}body.image_gallery .figcaption{clear:both;background:#1a1713;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em;border-radius:0 0 0.5em 0.5em;color:#fff;margin:-0.25em 0 0 0;padding:1em 0 1em 0}body.image_gallery .figcaption h3{float:left;margin:0 0 1em 1em;padding:0;font-weight:normal}body.image_gallery .figcaption .caption{border-right:1px solid #1f1f21;width:70%;float:left;padding-right:1em}body.image_gallery .figcaption .caption p{clear:both}body.image_gallery .figcaption .map-link{float:right;background:#211d19;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 0.25em;font:normal 0.75em Helvetica, Verdana, sans-serif;padding:0.5em 1em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}body.image_gallery .figcaption .map-link:hover{background:#b53a04}body.image_gallery .figcaption .photo-options{float:left;margin-left:1em}body.image_gallery .figcaption li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}body.image_gallery .figcaption a{font-weight:bold}body.image_gallery .figcaption p{margin:0 1em;color:#74757a;font-size:1em}body.image_gallery .figcaption .details,body.image_gallery .figcaption .camera{font:normal 0.75em Helvetica, Verdana, sans-serif;color:#414144}body.image_gallery .figcaption .details a,body.image_gallery .figcaption .camera a{color:#414144;font-weight:normal}body.image_gallery .figcaption .details a:hover,body.image_gallery .figcaption .camera a:hover{color:#b53a04}body.image_gallery .figcaption:after{content:".";display:block;height:0;clear:both;visibility:hidden}body.image_gallery .meta{margin:43px 0 0 37px;color:#000}body.image_gallery .meta dl{font-size:13px}body.image_gallery .meta dt{clear:left;float:left;line-height:16px;margin:4px 0;width:100px}body.image_gallery .meta dd{float:left;width:125px;margin:4px 0 4px 4px;line-height:16px}body.image_gallery .meta dd a{color:#000 !important}body.image_gallery .meta dd a:hover{color:#b53a04 !important}body.image_gallery .map-container{width:469px;height:392px;position:relative;bottom:-180px;left:280px;z-index:2000;margin:0;padding:0;background:url("../img/mapbg.png") no-repeat top left}body.image_gallery .map-wrapper{width:400px;height:328px;margin:37px 0 0 44px;position:relative;top:-525px}@media only screen and (max-width: 480px){body.image_gallery #slides{width:100%}body.image_gallery h3{margin-left:0.5em !important;margin-bottom:0.5em !important}body.image_gallery h6{display:none}body.image_gallery #slides img{width:100%}body.image_gallery .photo-options,body.image_gallery .map-link{display:none}body.image_gallery .figcaption{padding:1em 0 0.5em 0}body.image_gallery .caption{width:100% !important;float:none !important}body.image_gallery .caption p{font:normal 0.75em Helvetica, Verdana, sans-serif;margin:0 0 0 0.75em;padding-bottom:0.25em}}@media only screen and (min-width: 800px){#parks article h1{margin:0;font-size:2em;padding-left:0.25em;position:absolute;top:10px;left:10px;line-height:2em;z-index:1000}#parks article .legend{position:absolute;padding:0.25em 1em;height:4em}#parks article .legend h2{float:left;font-size:1.2em;margin:0;line-height:2.6em}#parks article .buttons{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;float:right;margin:2em 2em 0 0}#parks article .buttons a{padding:0.875em 1.75em 0.75em;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}#parks article .buttons a:hover{background:#b53a04;color:#fff}#post-body .legend{width:100% !important}}.ie :focus{outline:0}.ie header[role="banner"]{border-bottom:#ccc 1px solid !important}.ie header[role="banner"] h2{background:url("../img/text-dark.png") left bottom no-repeat !important}.ie #parks .buttons a{padding:10px;line-height:2em} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}small{font:normal 0.75em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3,time{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}header time span{font-size:1.125em}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] h2{background:url("../img/text-centered.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav[role="navigation"]{margin:1em auto 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.875em}nav:after,footer:before,footer:after,.archive article:after,#archive:after,article[role="main"] header:after{content:".";display:block;height:0;clear:both;visibility:hidden}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] header h1{margin-bottom:0.675em}article[role="main"] li{display:block;margin:0.5em 0}td{vertical-align:top;line-height:1em}tr{margin-bottom:2em !important}td strong{display:block;text-align:right;margin-top:1px}#page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}#page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}#page-navigation a{font-style:italic}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.button{display:block;font-family:Helvetica, Verdana, sans-serif !important;margin:10px 10px 0 0;width:auto;font-size:10px}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}#post-body > p:last-of-type:after{content:" " url(../img/stop.gif)}#post-body hr{display:none}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;position:relative;top:2.2em;background-position:0 0px no-repeat !important;margin:0 !important;height:18px}header[role="banner"] h2{position:relative;top:3.3em;background:url("../img/text.png") 0 0px no-repeat !important;height:0px !important;margin-left:1.7em !important}nav[role="navigation"]{width:25em;border:none;padding-top:7.3em;padding-left:15em}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .mid{margin:0 2.5em}#home .archive{margin-top:3em}#home .dateline time{font-size:1.125em}article img{width:auto !important}.img{float:right}.img img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.875em;margin:0 40px 0 0;width:360px}#projects-page .two{margin:0 0 0 3.5em;width:32em}#projects-page .top{padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #e3e3e3}#projects-page article p{margin:1em 0 0 0}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments,article[role="main"] #page-navigation,article[role="main"] #post{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:2em}article[role="main"] #post-body p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}article[role="main"] #page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}article[role="main"] #page-navigation a{font-style:italic}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0;margin-top:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] header time{display:block;text-align:right !important}.double article[role="main"] #post-body{margin:0em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-body .hyphenate{margin-top:0}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] .content small{font-style:italic}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{height:2em;color:#201a11;margin:4em auto 2em;font-size:1em;padding:0}footer[role="contentinfo"] li{line-height:1.5em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] nav{border:none;margin:0 auto;padding:0;text-align:center}footer[role="contentinfo"] p{padding-left:8px;line-height:2em;margin-top:0.75em;color:#888}footer[role="contentinfo"] p a{color:#888 !important}footer[role="contentinfo"] p a:hover{color:#b53a04 !important}.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}.postpic,.postpicright{display:block;margin:0.3em 0.6em}.postpic{float:left;margin-left:0;margin-top:0.3em}.postpicright{float:right;margin-right:0}.postpicleft{float:left;margin:5px}.picfull{margin-top:20px}.picwide{border:10px solid #201a11;clear:both;margin:30px 0 30px -200px}}.ie8 .drop{padding-top:28px}.ie7 footer[role="contentinfo"],.ie7 #projects-archive,.ie7 #writing-archive article,.ie7 #pagination,.ie7 #projects-archive .button{clear:both}.ie7 .top{height:90px}.ie7 nav[role="navigation"]{padding-top:6.2em;padding-left:3.5em;margin-left:90px !important}*:focus{outline:#b53a04 dotted thin}body{background:#201a11}a{text-decoration:none;color:#b53a04}a:visited{color:#fff;text-decoration:none}a:hover{color:#fff;text-decoration:none}header[role="banner"]{border-bottom:#ccc 1px solid;margin-bottom:1em}header[role="banner"] a{color:#fff !important}header[role="banner"] a:hover{color:#b53a04 !important}header[role="banner"] h1{background:url("../img/tree.png") left -84px no-repeat !important}header[role="banner"] h2{background:url("../img/text-centered.png") 0 -60px no-repeat !important}#breadcrumbs{color:#fff}#breadcrumbs a{color:#fff}#breadcrumbs a:hover{color:#b53a04}article[role="main"] .geo a{color:#fff}article[role="main"] .geo a:hover{color:#b53a04}footer{color:#ccc}footer a{color:#ccc !important}footer a:hover{color:#b53a04 !important}img.postpic,img.postpicright{border:none}img.picfull{border:none}#post-body,#page-navigation strong{color:#ccc}aside,header{color:#ccc}aside section a{color:#ccc !important}aside section a:hover{color:#b53a04 !important}#post-metadata{border-top:#555 1px dotted;border-bottom:#555 1px dotted}#post-metadata p{color:#ccc}.addendum dt{margin-left:-30px !important}h4 a.disqus-link-count{color:#ccc !important}#writing-detail img{border:none}#writing-detail .legend{padding:8px}#parks article{position:relative;display:block;margin:0 0 2em 0}#parks article h1{display:block;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;color:#fff;margin:0 0 0 10px;width:100%;text-align:left}#parks article .figure{position:relative;border:none}#parks article .legend{position:relative;width:100%;padding:0;margin:0}#parks article .legend h2{font:normal 0.875em Helvetica, Verdana, sans-serif;color:#fff;margin:0 0 1.3em 1em}#parks article .buttons{display:block;padding:0;background:#201a11;font-size:10px;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 auto}#parks article .buttons li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}#parks article .buttons a{font-weight:bold}#parks article .map-container{width:469px;height:392px;position:absolute;right:20px;bottom:60px;z-index:2000;margin:0;padding:0;background:url("../img/mapbg-dark.png") no-repeat top left}#parks article .map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}#parks article .meta{height:0}#parks article .more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url("../img/parkbg.png") no-repeat top left}#parks article .more-container dl{margin-top:45px;margin-left:45px}#parks article .more-container dl dt,#parks article .more-container dl dd{font-size:0.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif;color:#fff}#parks article .more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase}#parks article .more-container dl dd{float:left;width:250px;overflow:hidden}#parks article .more-container dl dd a:hover{color:#b53a04}body.image_gallery{background:#14100b !important}body.image_gallery header[role="banner"] h1{background:url("../img/tree.png") 0 -168px no-repeat !important}body.image_gallery header[role="banner"] h2{background:url("../img/text.png") 0 -121px no-repeat !important}body.image_gallery .directions{font:normal 0.675em Helvetica, Verdana, sans-serif;color:#414144;text-align:center;margin-bottom:1.75em}body.image_gallery article{clear:both;margin-bottom:5em;position:relative}body.image_gallery h6{text-align:center;text-transform:uppercase;font-size:0.625em;margin:0 0 1.25em 0}body.image_gallery h6 a{color:#b5b5b5}body.image_gallery h6 a:hover{color:#b53a04}body.image_gallery #slides{width:62.5em}body.image_gallery #slides img{border:none;margin:0 auto;text-align:center;padding:0}body.image_gallery .figcaption{clear:both;background:#1a1713;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em;border-radius:0 0 0.5em 0.5em;color:#fff;margin:-0.25em 0 0 0;padding:1em 0 1em 0;z-index:100}body.image_gallery .figcaption h3{float:left;margin:0 0 1em 1em;padding:0;font-weight:normal}body.image_gallery .figcaption .caption{border-right:1px solid #1f1f21;width:70%;float:left;padding-right:1em}body.image_gallery .figcaption .caption p{clear:both}body.image_gallery .figcaption .map-link{float:right;background:#211d19;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 0.25em;font:normal 0.75em Helvetica, Verdana, sans-serif;padding:0.5em 1em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}body.image_gallery .figcaption .map-link:hover{background:#b53a04}body.image_gallery .figcaption .photo-options{float:left;margin-left:1em}body.image_gallery .figcaption .photo-options p{font:normal 0.75em Helvetica, Verdana, sans-serif;color:#414144;line-height:1.5em}body.image_gallery .figcaption .photo-options p a{color:#414144;font-weight:normal}body.image_gallery .figcaption .photo-options p a:hover{color:#b53a04}body.image_gallery .figcaption li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}body.image_gallery .figcaption a{font-weight:bold}body.image_gallery .figcaption p{margin:0 1em;color:#74757a;font-size:1em}body.image_gallery .figcaption:after{content:".";display:block;height:0;clear:both;visibility:hidden}body.image_gallery .meta{margin:43px 0 0 37px;color:#000}body.image_gallery .meta dl{font-size:13px}body.image_gallery .meta dt{clear:left;float:left;line-height:16px;margin:4px 0;width:100px}body.image_gallery .meta dd{float:left;width:125px;margin:4px 0 4px 4px;line-height:16px}body.image_gallery .meta dd a{color:#000 !important}body.image_gallery .meta dd a:hover{color:#b53a04 !important}body.image_gallery .map-container{width:469px;height:392px;position:absolute;bottom:100px;left:293px;z-index:2000;margin:0;padding:0;background:url("../img/mapbg.png") no-repeat top left}body.image_gallery .map-wrapper{width:400px;height:328px;position:absolute;bottom:27px;margin:0px 0 0 44px}@media only screen and (max-width: 480px){body.image_gallery header[role="banner"] h2{background:url("../img/text-centered.png") 0 -121px no-repeat !important}body.image_gallery #slides{width:100%}body.image_gallery h3{margin-left:0.5em !important;margin-bottom:0.5em !important}body.image_gallery h6{display:none}body.image_gallery #slides img{width:100%;margin-left:0px !important}body.image_gallery .photo-options,body.image_gallery .map-link{display:none}body.image_gallery .figcaption{padding:1em 0 0.5em 0}body.image_gallery .caption{width:100% !important;float:none !important}body.image_gallery .caption p{font:normal 0.75em Helvetica, Verdana, sans-serif;margin:0 0 0 0.75em;padding-bottom:0.25em}}@media only screen and (min-width: 800px){header[role="banner"] h2{background:url("../img/text.png") 0 -63px no-repeat !important}#parks article h1{margin:0;font-size:2em;padding-left:0.25em;position:absolute;top:10px;left:10px;line-height:2em;z-index:1000}#parks article .legend{position:absolute;padding:0.25em 1em;height:4em}#parks article .legend h2{float:left;font-size:1.2em;margin:0;line-height:2.6em}#parks article .buttons{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;float:right;margin:2em 2em 0 0}#parks article .buttons a{padding:0.875em 1.75em 0.75em;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}#parks article .buttons a:hover{background:#b53a04;color:#fff}#post-body .legend{width:100% !important}}.ie :focus{outline:0}.ie header[role="banner"]{border-bottom:#ccc 1px solid !important}.ie header[role="banner"] h2{background:url("../img/text-dark.png") left bottom no-repeat !important}.ie #parks .buttons a{padding:10px;line-height:2em} diff --git a/media/img/bio.jpg b/media/img/bio.jpg Binary files differnew file mode 100644 index 0000000..5ac5b10 --- /dev/null +++ b/media/img/bio.jpg diff --git a/media/img/logo-dark.gif b/media/img/logo-dark.gif Binary files differdeleted file mode 100644 index 75b0dca..0000000 --- a/media/img/logo-dark.gif +++ /dev/null diff --git a/media/img/logo.png b/media/img/logo.png Binary files differdeleted file mode 100644 index bc5ffdb..0000000 --- a/media/img/logo.png +++ /dev/null diff --git a/media/img/pause.png b/media/img/pause.png Binary files differdeleted file mode 100644 index a87cd1e..0000000 --- a/media/img/pause.png +++ /dev/null diff --git a/media/img/play.png b/media/img/play.png Binary files differdeleted file mode 100644 index e94b94f..0000000 --- a/media/img/play.png +++ /dev/null diff --git a/media/img/slideshow-arrow-left.png b/media/img/slideshow-arrow-left.png Binary files differdeleted file mode 100644 index facb4d5..0000000 --- a/media/img/slideshow-arrow-left.png +++ /dev/null diff --git a/media/img/slideshow-arrow-right.png b/media/img/slideshow-arrow-right.png Binary files differdeleted file mode 100644 index 34d45a5..0000000 --- a/media/img/slideshow-arrow-right.png +++ /dev/null diff --git a/media/img/stop.gif b/media/img/stop.gif Binary files differnew file mode 100644 index 0000000..e8f861f --- /dev/null +++ b/media/img/stop.gif diff --git a/media/img/text-centered.png b/media/img/text-centered.png Binary files differnew file mode 100644 index 0000000..469be86 --- /dev/null +++ b/media/img/text-centered.png diff --git a/media/img/text-dark.png b/media/img/text-dark.png Binary files differdeleted file mode 100644 index 2cb86af..0000000 --- a/media/img/text-dark.png +++ /dev/null diff --git a/media/img/text-wide.png b/media/img/text-wide.png Binary files differdeleted file mode 100644 index e688ecd..0000000 --- a/media/img/text-wide.png +++ /dev/null diff --git a/media/img/text.png b/media/img/text.png Binary files differindex 3c66a99..f5cd960 100644 --- a/media/img/text.png +++ b/media/img/text.png diff --git a/media/img/tree-dark.png b/media/img/tree-dark.png Binary files differdeleted file mode 100644 index 0334802..0000000 --- a/media/img/tree-dark.png +++ /dev/null diff --git a/media/img/tree.png b/media/img/tree.png Binary files differindex 83ae27a..d42aabd 100644 --- a/media/img/tree.png +++ b/media/img/tree.png diff --git a/media/js/slideshow.js b/media/js/slideshow.js index b8c1921..32e262f 100644 --- a/media/js/slideshow.js +++ b/media/js/slideshow.js @@ -45,14 +45,14 @@ function create_map(obj) { imgid = obj.title.split(',')[2]; //create container divs $('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent()); - //$(obj).parent().parent().parent().append('<div id="map-container">'); + //$(obj).parent().parent().parent().prepend('<div class="map-container" id="mc-'+imgid+'">'); $('#mc-'+imgid).append('<div class="map-wrapper" id="mw-'+imgid+'">'); //deal with the variable height of div.legend - //$('#map-container').css({ - // bottom: function(index, value) { - // return parseFloat($(obj).parent().parent().height())-2; - // } - //}); + $('#mc-'+imgid).css({ + bottom: function(index, value) { + return parseFloat($(obj).parent().parent().height())+20; + } + }); mapit(obj.title); } diff --git a/media/js/slideshow.pack.js b/media/js/slideshow.pack.js index 5565fec..b99b0e2 100644 --- a/media/js/slideshow.pack.js +++ b/media/js/slideshow.pack.js @@ -1,7 +1,7 @@ function mapit(latlontitle){lat=parseFloat(latlontitle.split(',')[0]);lon=parseFloat(latlontitle.split(',')[1]);elid=latlontitle.split(',')[2];centerCoord=new google.maps.LatLng(lat,lon);var mapitinit;if(mapitinit==true){mapPanTo();}else{mapInit();} function mapInit(){var mapOptions={zoom:8,center:centerCoord,disableDefaultUI:true,navigationControl:true,mapTypeId:google.maps.MapTypeId.TERRAIN,navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}};map=new google.maps.Map(document.getElementById("mw-"+elid),mapOptions);var marker=new google.maps.Marker({position:centerCoord,map:map});mapitinit=true;} function mapPanTo(){var marker=new google.maps.Marker({position:centerCoord,map:map});map.panTo(centerCoord);}} -function create_map(obj){imgid=obj.title.split(',')[2];$('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent());$('#mc-'+imgid).append('<div class="map-wrapper" id="mw-'+imgid+'">');mapit(obj.title);} +function create_map(obj){imgid=obj.title.split(',')[2];$('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent());$('#mc-'+imgid).append('<div class="map-wrapper" id="mw-'+imgid+'">');$('#mc-'+imgid).css({bottom:function(index,value){return parseFloat($(obj).parent().parent().height())+20;}});mapit(obj.title);} function remove_map(imgid){$('#mc-'+imgid).remove();} $(document).ready(function(){$('.map-link').click(function(){imgid=this.title.split(',')[2];if($('#mc-'+imgid).is(":visible")){remove_map(imgid);}else{create_map(this);} return false;});var $ele=$('#slides').children() diff --git a/media/sass/base.sass b/media/sass/base.sass index 0b2f66e..a85f091 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -48,6 +48,8 @@ strong sup font: normal .625em Helvetica, Verdana, sans-serif +small + font: normal .75em Helvetica, Verdana, sans-serif ul li display: inline margin: 0 .125em @@ -62,12 +64,15 @@ div[role="main"] ul li display: block margin: .5em 0 -.dateline, nav li, .breadcrumbs li, .geo, .legend h3 +.dateline, nav li, .breadcrumbs li, .geo, .legend h3, time text-transform: uppercase font-size: .75em letter-spacing: .0625em .geo text-align: center +header time + span + font-size: 1.125em img border: 10px $brown solid width: 100% @@ -132,7 +137,7 @@ header[role="banner"] height: 84px margin: 0 auto h2 - background: url('../img/text.png') 0 0 no-repeat + background: url('../img/text-centered.png') 0 0 no-repeat text-indent: -9999px width: 184px height: 54px @@ -145,7 +150,8 @@ nav[role="navigation"] width: 100% padding: .25em 0 font-size: .875em -nav:after, footer:before, .archive article:after, #archive:after +nav:after, footer:before, +footer:after, .archive article:after, #archive:after, article[role="main"] header:after content: "." display: block height: 0 @@ -171,9 +177,36 @@ article object, article embed font-size: .875em article[role="main"] + header h1 + margin-bottom: .675em li display: block margin: .5em 0 +td + vertical-align: top + line-height: 1em +tr + margin-bottom: 2em !important +td + strong + display: block + text-align: right + margin-top: 1px +#page-navigation + max-width: 20.9375em + margin: 4em auto + line-height: 1.5em + + letter-spacing: .025em + strong + text-transform: uppercase + margin-right: 1em + text-align: right + font-weight: normal + letter-spacing: .125em + font-size: .75em + a + font-style: italic /* misc classes */ .hide display: none @@ -305,7 +338,11 @@ footer[role="contentinfo"] width: 95% margin: 10px font-size: .875em +#post-body>p:last-of-type:after + content: " " url(../img/stop.gif) +#post-body hr + display: none //special cases for the various strange formatting tricks on individual posts over the years //numbered posts @@ -369,11 +406,16 @@ footer[role="contentinfo"] h1, h2 float: left padding-top: 2.2em - background-position: left bottom + position: relative + top: 2.2em + background-position: 0 0px no-repeat !important margin: 0 !important + height: 18px h2 - padding-top: 3.5em - background: url('../img/text-wide.png') left bottom no-repeat !important + position: relative + top: 3.3em + background: url('../img/text.png') 0 0px no-repeat !important + height: 0px !important margin-left: 1.7em !important nav[role="navigation"] width: 25em @@ -409,7 +451,10 @@ footer[role="contentinfo"] .mid margin: 0 2.5em - + #home .archive + margin-top: 3em + #home .dateline time + font-size: 1.125em article img width: auto !important @@ -523,7 +568,7 @@ footer[role="contentinfo"] margin: 1em 0 0 0 //Permalink pages article[role="main"] - header, #post-body, footer, #comments + header, #post-body, footer, #comments, #page-navigation, #post width: 35.625em margin: 3.5em 0 0 12em #post-body @@ -536,10 +581,11 @@ footer[role="contentinfo"] text-align: left margin: 0 0 .4em 0 h1 - font-size: 1.875em - p:nth-of-type(1) - font-size: 1.25em - line-height: 28px + font-size: 2em + #post-body + p:nth-of-type(1) + font-size: 1.25em + line-height: 28px #post-metadata border-bottom: 1px $brown dotted margin-bottom: 1em @@ -551,16 +597,23 @@ footer[role="contentinfo"] a color: $orange #page-navigation - text-transform: uppercase - font: normal 1.125em Helvetica, Verdana, sans-serif + max-width: 20.9375em + margin: 4em auto + line-height: 1.5em + + letter-spacing: .025em + strong + text-transform: uppercase + margin-right: 1em + text-align: right + font-weight: normal + letter-spacing: .125em + font-size: .75em a - color: $orange - li#next - float: right - padding-right: 9em - li#prev - float: left - padding-left: 6em + font-style: italic + + + // two col layout .double article[role="main"] p:nth-of-type(1) @@ -571,13 +624,20 @@ footer[role="contentinfo"] width: 11.25em float: left margin-left: 0 + margin-top: 0 h1, aside text-align: right line-height: 1.2em + h1 + font-size: 1.875em + time + display: block + text-align: right !important #post-body - margin: 2em 0 0 1.25em + margin: 0em 0 0 1.25em float: left width: 48.75em + .col float: left width: 23.125em @@ -588,6 +648,8 @@ footer[role="contentinfo"] margin-left: -8px margin-bottom: 1em clear: both + .hyphenate + margin-top: 0 #post-metadata clear: both //About Page @@ -595,45 +657,44 @@ footer[role="contentinfo"] .content width: 35.625em margin: 0 0 0 12.4em + small + font-style: italic h2 margin-left: 8.2em p:nth-of-type(1) font-size: 1.063em line-height: 1.5em footer[role="contentinfo"] - font-family: Helvetica, Verdana, sans-serif - background: $brown - height: 3em - color: #888888 - margin: 80px auto 0 + height: 2em + color: $brown + margin: 4em auto 2em font-size: 1em padding: 0 li - float: left - text-transform: uppercase - line-height: 3em + line-height: 1.5em margin-top: .75em margin-left: 8px - a - color: #888888 !important - &:hover - color: $orange !important nav border: none - margin: 0 1em 0 0 + margin: 0 auto padding: 0 - float: right + text-align: center p - float: left padding-left: 8px - line-height: 4em + line-height: 2em margin-top: .75em + color: #888888 + a + color: #888888 !important + &:hover + color: $orange !important .drop font-size: 4.8em display: block float: left padding: 38px 10px 5px 0 overflow: visible + .drop-small font-size: 2.9em diff --git a/media/sass/dark.sass b/media/sass/dark.sass index 149ee61..b835305 100644 --- a/media/sass/dark.sass +++ b/media/sass/dark.sass @@ -28,9 +28,9 @@ header[role="banner"] &:hover color: $orange unquote("!important") h1 - background: url('../img/tree-dark.png') left bottom no-repeat !important + background: url('../img/tree.png') left -84px no-repeat !important h2 - background: url('../img/text-dark.png') left bottom no-repeat !important + background: url('../img/text-centered.png') 0 -60px no-repeat !important #breadcrumbs @@ -56,9 +56,10 @@ img &.picfull border: none -#post-body +#post-body, #page-navigation strong color: #cccccc - + + aside, header color: #cccccc @@ -187,6 +188,11 @@ h4 a.disqus-link-count //############# Photo Pages ################# body.image_gallery background: #14100b !important + header[role="banner"] + h1 + background: url('../img/tree.png') 0 -168px no-repeat !important + h2 + background: url('../img/text.png') 0 -121px no-repeat !important .directions font: normal .675em Helvetica, Verdana, sans-serif color: #414144 @@ -195,6 +201,7 @@ body.image_gallery article clear: both margin-bottom: 5em + position: relative h6 text-align: center text-transform: uppercase @@ -205,13 +212,13 @@ body.image_gallery a:hover color: $orange #slides - width: 62.5em + width: 62.5em img border: none margin: 0 auto text-align: center padding: 0 - float: left + .figcaption clear: both background: #1a1713 @@ -221,6 +228,7 @@ body.image_gallery color: white margin: -.25em 0 0 0 padding: 1em 0 1em 0 + z-index: 100 h3 float: left margin: 0 0 1em 1em @@ -251,6 +259,15 @@ body.image_gallery .photo-options float: left margin-left: 1em + p + font: normal .75em Helvetica, Verdana, sans-serif + color: #414144 + line-height: 1.5em + a + color: #414144 + font-weight: normal + a:hover + color: $orange li display: inline margin: 0 .25em @@ -261,14 +278,6 @@ body.image_gallery margin: 0 1em color: #74757A font-size: 1em - .details, .camera - font: normal .75em Helvetica, Verdana, sans-serif - color: #414144 - a - color: #414144 - font-weight: normal - a:hover - color: $orange .figcaption:after content: "." display: block @@ -303,9 +312,9 @@ body.image_gallery //clear: left width: 469px height: 392px - position: relative - bottom: -180px - left: 280px + position: absolute + bottom: 100px + left: 293px z-index: 2000 margin: 0 padding: 0 @@ -314,12 +323,16 @@ body.image_gallery .map-wrapper width: 400px height: 328px - margin: 37px 0 0 44px - position: relative - top: -525px + position: absolute + bottom: 27px + margin: 0px 0 0 44px + @media only screen and (max-width: 480px) body.image_gallery + header[role="banner"] + h2 + background: url('../img/text-centered.png') 0 -121px no-repeat !important #slides width: 100% h3 @@ -330,6 +343,7 @@ body.image_gallery #slides img width: 100% + margin-left: 0px !important .photo-options, .map-link display: none .figcaption @@ -344,6 +358,11 @@ body.image_gallery @media only screen and (min-width: 800px) + header[role="banner"] + h2 + background: url('../img/text.png') 0 -63px no-repeat !important + + #parks article h1 margin: 0 diff --git a/settings.py b/settings.py index d076768..1bed0cd 100644 --- a/settings.py +++ b/settings.py @@ -100,7 +100,7 @@ MIDDLEWARE_CLASSES = ( 'django.middleware.doc.XViewMiddleware', 'pagination.middleware.PaginationMiddleware', 'fdigg.middleware.FckDiggMiddleware', - 'ssl.middleware.SSLRedirect', + #'ssl.middleware.SSLRedirect', #'debug_toolbar.middleware.DebugToolbarMiddleware', ) TEMPLATE_CONTEXT_PROCESSORS = ( diff --git a/templates/base.html b/templates/base.html index 8733a5c..95fd6e9 100644 --- a/templates/base.html +++ b/templates/base.html @@ -37,8 +37,6 @@ content="{% block metadescription %}Luxagraf: a travelogue of sorts, Recording journeys around the world and just next door.{% endblock %}"> <meta name="keywords" content="luxagraf writing travel authors philosophy ramblings"> - <meta name="copyright" - content="Licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 License"> <script>var _gaq=[['_setAccount','UA-1186171-1'],['_trackPageview']];(function(d,t){ var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script> {%block extrahead%}{%endblock%} @@ -47,13 +45,13 @@ <header role="banner"> <a id="logo" href="/" title="home"> <h1>Luxagraf</h1> - <h2>{a travelogue}</h2> + <h2>{Walk Slowly}</h2> </a> <nav role="navigation"> <ul> <li id="stories"><a href="/writing/1/" title="An archive of writings from around the world">Writing</a>,</li> <li id="photos"><a href="/photos/1/" title="Photos from travels around the world">Photos</a>,</li> - <li id="maps"><a href="/map/" title="Maps and miscellanea">Maps</a>,</li> + <li id="maps"><a href="/map/" title="Maps and miscellanea">Map</a>,</li> <li id="projects" ><a href="/projects/" title="Luxagraf: Projects (coming soon)">Projects</a>,</li> <li id="etc"><a href="/about/" title="About Luxagraf">Etc</a></li> </ul> @@ -64,14 +62,14 @@ <footer role="contentinfo"> <nav> <ul> - <li><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">RSS</a></li> - <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li> + <li><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">Subscribe</a></li> + <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li> <li><a href="http://www.flickr.com/photos/luxagraf" rel="me" title="luxagraf on Flickr">Flickr</a></li> <li><a href="/contact/" title="contact luxagraf">Contact</a></li> </ul> </nav> <p id="license"> - All content licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en" title="read the Attribution-Noncommercial-Share Alike 3.0 deed">details</a>). <span>Built with <a href="http://geodjango.org/" title="a GeoDjango joint">GeoDjango</a> and hosted on <a href="http://www.webfaction.com/" title="webfaction">Webfaction</a>.</span> + © 2003-{% now "Y" %} Scott Gilbertson, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en" title="read the Attribution-Noncommercial-Share Alike 3.0 deed">details</a>). </p> </footer> {% block js %}{% endblock%} diff --git a/templates/details/about.html b/templates/details/about.html index e5561c9..f8b36c8 100644 --- a/templates/details/about.html +++ b/templates/details/about.html @@ -18,19 +18,28 @@ <article role="main"> <h1 class="hide">About Luxagraf</h1> <section> - <h2>Background</h2> - <img src="{{IMAGES_URL}}bio.jpg" alt="me" /> - <div class="content">{%for object in object_list %}{%if forloop.first %} - {{object.content|smartypants|safe}}{%endif%} {% endfor %} + <div class="content"> + <p>Luxagraf is written and published by Scott Gilbertson.</p> + <p><img src="{{MEDIA_URL}}img/bio.jpg" alt="Scott Gilbertson" /></p> + <p><small>Photo by <a href="http://twitter.com/lagsolo" >@lagsolo</a></small></p> </div> </section> <section> - <h2>About the Site</h2> - <img src="{{IMAGES_URL}}site.jpg" alt="me" /> + <h2>Colophon</h2> + <div class="content"> + <p>Luxagraf is publishing using a custom content management system written with the <a href="http://docs.djangoproject.com/en/dev/ref/contrib/gis/">GeoDjango framework</a>. The site validates as HTML5 and uses @media rules to handle phones, iPads and the like. It should work in any modern web browser. If you have trouble, let me know.</p> + + <p>I write in long hand because I am an old man and that's we used to roll. I make the clackity noise in BBEdit, the best text editor ever.</p> + + <p>Photos are processed with Adobe Lightroom and Photoshop. The galleries were inspired by the lovely <a href="http://www.pictorymag.com/">Pictory</a> photo showcase. Also note that the photos are licensed under the creative commons so you're free to use them so long as you attribute them to me.</p> + </div> + </section> + + {%comment%} <div class="content">{%for object in object_list %}{%if forloop.last %} {{object.content|smartypants|safe}}{%endif%} {% endfor %} </div> - </section> + <section> <h2>Colophon</h2> <img src="{{IMAGES_URL}}colo.jpg" alt="me" /> @@ -38,5 +47,6 @@ {{object.content|smartypants|safe}}{%endif%} {% endfor %} </div> </section> + {%endcomment%} </article> {% endblock %} diff --git a/templates/details/contact.html b/templates/details/contact.html new file mode 100644 index 0000000..d2106b1 --- /dev/null +++ b/templates/details/contact.html @@ -0,0 +1,47 @@ +{% extends 'base.html' %} +{% load typogrify %} + +{% block pagetitle %}Luxagraf: Email{% endblock %} +{% block metadescription %}{% endblock %} +{%block bodyid%}id="contact"{%endblock%} + +{% block primary %}<section id="page-header"> + <h1 class="hide">Luxagraf: Email</h1> + <nav id="page-nav"> + <ul 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>Contact</li> + </ul> + </nav> + </section> + <section id="contact"> + <article role="main"> + <header> + <h1>Contact Information</h1> + </header> + <div id="post"> + <p>I'd love to hear what you think about the posts on luxagraf. Sadly, I suck at email. Or rather I don't have the time to respond the way I would like to, so if you don't hear back from me, or you do but it's five months later and you've entirely forgotten that you even emailed me in the first place, please don't take it personally.</p> + + <p>Please send your thoughts to:</p> + <p> + <script type="text/javascript"> + //<![CDATA[ + <!-- + var x="function f(x){var i,o=\"\",ol=x.length,l=ol;while(x.charCodeAt(l/13)!" + + "=69){try{x+=x;l+=l;}catch(e){}}for(i=l-1;i>=0;i--){o+=x.charAt(i);}return o" + + ".substr(0,ol);}f(\")811,\\\"Zofr{i4|m;(%g!$1&^ENUwFG_J@FFD330\\\\100\\\\}zp" + + ";u~t~T/b771\\\\)lfjm=^&E320\\\\030\\\\600\\\\130\\\\230\\\\LH4220\\\\100\\\\"+ + "410\\\\N8=(?7,'<610\\\\?>&#)//]600\\\\ULZ]S]410\\\\p720\\\\NCVJ000\\\\771\\" + + "\\ 80xxwdg~}&rjgm010\\\\030\\\\620\\\\320\\\\\\\"(f};o nruter};))++y(^)i(tA" + + "edoCrahc.x(edoCrahCmorf.gnirtS=+o;721=%y;++y)811<i(fi{)++i;l<i;0=i(rof;htgn" + + "el.x=l,\\\"\\\"=o,i rav{)y,x(f noitcnuf\")" ; + while(x=eval(x)); + //--> + //]]> + </script> + </p> + </div> + </article> + </section> +{% endblock %} + diff --git a/templates/details/entry.html b/templates/details/entry.html index f5387cc..c94485d 100644 --- a/templates/details/entry.html +++ b/templates/details/entry.html @@ -31,28 +31,46 @@ <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'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> </header> <div id="post-body"> {{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%} + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <table>{% if prev%} + <tr> + <td><strong>Previous:</strong></td> + <td><a href="{{ prev.get_absolute_url }}" title="{{prev.title}}">{{prev.title}}</a></td> + </tr>{%endif%} + <tr>{% if next%} + <td><strong>Next:</strong></td> + <td><a href="{{ next.get_absolute_url }}" title="{{next.title}}">{{next.title}}</a></td> + </tr>{%endif%} + </table> {%endwith%}{%endwith%} + </div> + {%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> + {% with object.get_next_published as next %} {% with object.get_previous_published as prev %} <nav id="page-navigation"> <ul>{% if next%} - <li id="prev"> - <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">← newer</a> + <li id="prev"><span>Next:</span> + <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title}}</a> </li>{%endif%} - {% if prev%}<li id="next"> - <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">older →</a> + {% if prev%}<li id="next"><span>Previous:</span> + <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title}}</a> </li>{%endif%} </ul> </nav>{%endwith%}{%endwith%} + {% endcomment %} {%comment%} <section id="comments"> <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html index 9596737..cd73b5f 100644 --- a/templates/details/photo_galleries.html +++ b/templates/details/photo_galleries.html @@ -31,7 +31,7 @@ {%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> - <img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" /> + <div class="fig"><img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" height="{{photo.slideshowimage_height}}" width="{{photo.slideshowimage_width}}" style="margin-left:{{photo.slideshowimage_marginleft}}px; " /></div> <div class="figcaption"> <div class="caption" id="id-{{photo.id}}"> <h3>{{photo.title}} <span>{{photo.exif_date|date:"M j, Y"}}</span></h3> @@ -39,8 +39,9 @@ {%if photo.description %}<p>{{photo.description|safe}}</p> {%endif%} </div> <div class="photo-options"> - <p class="camera">{% 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 w/{%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 == None %}Built-in{%endif%}</p> - <p class="details">{{photo.exif_exposure}} sec @ {{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p> + <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 w/{%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 == None %}Built-in{%endif%}</p> + <p>{{photo.exif_exposure}} sec @ {{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> @@ -73,7 +74,7 @@ {% block js %} <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.scrollTo-1.4.2-min.js"></script> - <script type="text/javascript" src="{{MEDIA_URL}}js/slideshow.js" ></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/slideshow.pack.js" ></script> <!-- if you'd like to see a non-packed version of my slideshow script, see this file: http://media.luxagraf.net/js/slideshow.js (requires jquery, jcarousel and cycle) --> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> {% endblock%} |