diff options
Diffstat (limited to 'design')
41 files changed, 2673 insertions, 0 deletions
diff --git a/design/config.rb b/design/config.rb new file mode 100644 index 0000000..159874e --- /dev/null +++ b/design/config.rb @@ -0,0 +1,12 @@ +project_type = :stand_alone +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "../site/media" +sass_dir = "sass" +images_dir = "../site/media" +javascripts_dir = "../site/media" +#output_style = :compressed +output_style = :expanded +#output_style = (environment == :production) ? :compressed : :expanded +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true diff --git a/design/sass/_480.sass b/design/sass/_480.sass new file mode 100644 index 0000000..bcc6890 --- /dev/null +++ b/design/sass/_480.sass @@ -0,0 +1,405 @@ +//layout small + + +//**************** Masthead ************************ +header[role="banner"] + margin: 0 auto + text-align: center + h1 + background: url('../img/tree.png') 0 0 no-repeat + text-indent: -9999px + width: 151px + height: 84px + margin: 0 auto + h2 + background: url('../img/text-centered.png') 0 0 no-repeat + text-indent: -9999px + width: 184px + height: 54px + margin: 0 auto +nav[role="navigation"], footer[role="contentinfo"] nav + margin: 1em auto + border-top: 1px $brown dotted + border-bottom: 1px $brown dotted + padding: .5em + text-align: center + ul + margin: .25em 0 .25em -30px + li + display: inline + margin: 0 .125em + + + +//**************** Page Breadcrumbs ************************ + +#breadcrumbs + text-align: center + li + display: inline + + + +//**************** Images ************************ + +img + width: 95% + height: auto + +.postpic, .postpicright + display: block + width: auto +object, embed + width: 100% +.postpic + float: left + margin: 0.3em 10px 10px 0 + +.postpicright + float: right + margin: 0.3em 0 10px 10px + +.postpicleft + float: left + margin: 5px + +.picfull + margin-top: 20px + +.picwide + clear: both + margin: 1em 0 + +.figure + position: relative + .legend + display: block + +transparent_class + position: absolute + bottom: 10px + left: 0 + font-size: 13px + padding: 8px 0 8px 12px + width: 95% + background: $brown + color: #999999 + + +//**************** Writing Archive Structure ************************ + +.dateline + text-align: center +.archive + h1 + font-size: 1.5em + text-align: center + article + padding-bottom: 1em + border-bottom: 1px #ececec solid +.home + article + border: none + margin-bottom: 2em + h1 + font-size: 1.2em + margin: 0 + text-align: center + img + float: left + width: auto + margin: 20px 8px 0 0 + .sh + text-transform: uppercase + font-weight: bold + font-size: .75em + margin: 2em 0 +//**************** Photo Archive Structure ************************ + +#photo-galleries + margin-top: 2em + h1 + font: 13px bold unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif + color: white + li + margin: 10px 0 0 0 + + +//**************** Entry Structure ************************ +.geo, article[role="main"] time + margin: .5em 0 + display: block + text-align: center +article[role="main"] + margin-top: 3em + h1 + text-align: center + font-size: 1.5em + p > a + color: $orange + &:hover + text-decoration: underline +.footnote + border-top: 1px $brown dotted + margin: 1.5em 0 0 0 + padding: 1em 0 0 0 + p + font-size: .875em !important + line-height: 20px !important + + +#page-navigation + margin: 2em auto + text-align: center + display: table + ul + margin: 0 auto + width: 100% + text-align: center + padding: 0 + li + margin: 6px auto + clear: both + line-height: 24px + text-align: center + span + min-width: 70px + display: block + text-align: right + margin-right: 10px + margin-top: 2px + float: left + a + display: block + float: left + text-align: left + font-style: italic + + +//**************** Map Structure ************************ + +#map-canvas + border: 10px $brown solid + width: 95% + height: 300px +.map-legend + h4 + font-size: 1em + font-weight: bold + margin: 1em 0 .25em + li + display: inline + &:after + content: "," +.infowin + h4 + margin: 0 0 5px 0 + font-weight: normal + .date + text-transform: uppercase + font-size: 11px + letter-spacing: 1px + p + font-size: 1em +//******************* Footer ********************** + + +footer[role="contentinfo"] + margin-top: 2em + +nav:after, footer:before, +footer:after, .archive article:after, #archive:after, article[role="main"] header:after, #map-canvas:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + + +//****************************************************** +//****************************************************** +//********** DARK BROWN PAGES ************** +//****************************************************** +//****************************************************** + + +.dark + background: $brown + body + color: #ccc + *:focus + outline: $orange dotted thin + a + color: $orange + &:visited + color: white + text-decoration: none + &:hover + color: white + text-decoration: none + &:visited > :hover + color: $orange + img + border: none + header[role="banner"], footer[role='contentinfo'] + margin-bottom: .5em + nav + margin-bottom: 0 + a + color: white + &:hover + color: $orange + &:visited + color: white + h1 + background: url('../img/tree.png') left -84px no-repeat + h2 + background: url('../img/text-centered.png') 0 -60px no-repeat + header[role="banner"] + border-bottom: #cccccc 1px solid + article[role="main"] + .legend + bottom: 0 + // National parks page + .park + text-align: center + position: relative + h1 + font-size: 1.5em + margin-bottom: 5px + + h2 + font-size: 1.125em + margin: 0 + img + width: 100% + .legend + position: relative + .meta + height: 0 + .buttons li + margin: 5px + display: inline + text-transform: uppercase + font: normal .5em unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif + .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 + .map-wrapper + width: 400px + height: 328px + margin: 37px 0 0 44px + .more-container + width: 405px + height: 260px + position: absolute + right: -30px + bottom: 40px + z-index: 2000 + background: url("../img/parkbg.png") no-repeat top left + font: normal .9em/25px unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif + dl + margin-top: 45px + margin-left: 45px + text-align: left + dt,dd + + margin: 4px 0 + + color: white + dt + clear: left + float: left + width: 65px + //border-bottom: 1px solid #999 + font-weight: bold + line-height: 25px + font-size: 0.7em + text-transform: uppercase + text-align: right + margin-right: 8px + dd + float: left + width: 250px + overflow: hidden + //border-bottom: 1px solid #999 + a:hover + color: $orange + + +//****************************************************** +//****************************************************** +//********** BLACK PAGES ************** +//****************************************************** +//****************************************************** +.black + background: #14100b + color: #ccc + *:focus + outline: $orange dotted thin + a + text-decoration: none + color: $orange + &:visited + color: white + text-decoration: none + &:hover + color: white + text-decoration: none + #breadcrumbs + color: #ccc + header[role="banner"] + h1 + background: url('../img/tree.png') left -168px no-repeat + h2 + background: url('../img/text-centered.png') 0 -121px no-repeat + nav[role="navigation"] + border-top: 1px #ccc dotted + border-bottom: 1px #ccc dotted + .directions + display: none + #slides + width: 100% + h3 + font-size: 1em + margin: 0 .5em + h6 + display: none + #slides + article + clear: both + margin: 20px 0 + img + width: 100% + border: none + .photo-options, .map-link + display: none + .figcaption + clear: both + background: #1a1713 + -moz-border-radius: 0 0 .5em .5em + -webkit-border-radius: 0 0 .5em .5em + border-radius: 0 0 .5em .5em + color: white + margin: -.25em 0 0 0 + padding: 1em 0 1em 0 + z-index: 100 + .caption + width: 100% + float: none + p + font: normal .75em Helvetica, Verdana, sans-serif + margin: .5em 0 0 .75em + padding-bottom: .25em + footer[role='contentinfo'] + nav + border-top: #ccc 1px dotted + border-bottom: #ccc 1px dotted + p + color: #ccc
\ No newline at end of file diff --git a/design/sass/_768.sass b/design/sass/_768.sass new file mode 100644 index 0000000..2b89230 --- /dev/null +++ b/design/sass/_768.sass @@ -0,0 +1,409 @@ +//768px +@media only screen and (min-width: 768px) + + //**************** Masthead ************************ + + header[role="banner"] + margin-top: 2em + height: 60px + padding-bottom: 12px + border-bottom: 1px solid $brown + margin-bottom: 2em + h1 + float: left + width: 160px + margin-top: -12px + h2 + background: url('../img/text.png') 0 0 no-repeat + margin-top: 5px + float: left + nav[role="navigation"] + border: none + float: left + margin-left: 2em + ul + margin-top: 14px + + #breadcrumbs + text-align: left + + + //writing archives + .archive + article + margin-bottom: 2em + padding-bottom: 2em + border: none + h1, p + float: left + text-align: left + margin: 0 + p + line-height: 1.25em + h1 + line-height: 2.4em + margin-top: .15em + width: 100% + .dateline + clear: left + width: 38% + + .hyphenate + text-align: justify + width: 38% + margin-top: .5em + font-size: 1em + time + display: inline + float: right + img + float: right + width: 56% + .home + article + clear: both + min-height: 300px + h1 + margin-top: 2em + text-align: left + .dateline + text-align: left + img + margin-bottom: 2em + margin-left: 2em + float: right + //Photos + #photo-galleries + margin: 0 auto + padding-left: 12px + width: 100% + img + width: auto + .legend + width: 291px + li + float: left + margin-right: 16px + #photo-galleries:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + + //individual posts + .single + article + width: 35.625em + margin: 4em auto + header + width: 35.625em + h1 + font-size: 2em + text-align: left + margin: 0 0 .675em 0 + aside, time + text-align: left + #code article h1, #contact article h1 + font-size: 2em + text-align: left + margin: 0 0 .675em 0 + .drop + font-size: 4.8em + padding: 35px 10px 5px 0 + + // generic two col layout + .col + float: left + width: 38% + margin-right: 2em + .two + width: 53% + .top + margin-bottom: 2em + font-size: .875em + padding-bottom: 2em + border-bottom: #e3e3e3 1px solid + + .top:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + + //#page-navigation + // margin-left: 10% + // specifics for two column posts + .double article[role="main"] + header + width: 9em + float: left + margin-left: 0 + h1, aside + text-align: right + line-height: 1.1em + margin-top: 16px + h1 + font-size: 1.875em + time + display: block + text-align: right + .col + margin-left: 1.25em + width: 34% + .sec + margin-right: 0 + margin-left: 1em + .narrow + width: 35.625em + margin: 0 auto + //#page-navigation + // margin-left: 10% + + .post-body-single .legend + width: 98% + .post-body-single + p:first-of-type + font-size: 1.25em + line-height: 28px + #about .post-body-single + p:nth-of-type(1) + font-size: 1.063em + .addendum + line-height: 25px + dt + margin-left: -30px + font-style: italic + padding-left: 30px + text-indent: -30px + margin-bottom: .5em + dd + margin-left: 0 + h4.notes + text-transform: uppercase + font-size: 1em + .pullquote + width: 10em + margin: 0 1em 1em -2em + font-style: italic + font-size: 1.3em + float: left + line-height: 1.6em + //#page-navigation + // margin-left: 15% + .numeral + display: block + font: bold 1.2em Helvetica, Verdana, sans-serif + margin-bottom: 0 + margin-top: 60px + + .post-body-single h3 + font-size: 1.6em + line-height: 1.2em + font-weight: normal + //map + #map-canvas + height: 400px + + //about + #about img + width: auto + clear: both + + footer[role="contentinfo"] + font-size: 110% + nav + border: none + li + margin: 0 .5em + + //****************************************************** + //****************************************************** + //********** DARK PAGES ************** + //****************************************************** + //****************************************************** + .dark + header[role="banner"] + h2 + background: url('../img/text.png') 0 -61px no-repeat + + .park + position: relative + display: block + margin: 2em 0 2em 0 + h1 + display: block + position: absolute + top: 0px + background: $brown + z-index: 1000 + +transparent_class + color: white + margin: 0 + width: 100% + text-align: left + line-height: 2em + font-size: 2em + padding-left: .25em + + .figure + position: relative + border: none + .legend + position: absolute + bottom: 0 + width: 100% + margin: 0 + background: $brown + +transparent_class + h2 + font: normal 1.2em/2.6 Helvetica, Verdana, sans-serif + color: white + margin: 0 0 0 1em + float: left + padding: .3em 0 + .legend:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + .buttons + + margin: .5em 10px 0 0 + line-height: 2.6em + float: right + li + margin: 0 .25em + font-size: 10px + a + font-weight: bold + padding: 0.875em 1.75em 0.75em + background: #463215 + color: white + -moz-border-radius: 25px + -webkit-border-radius: 25px + border-radius: 25px + &:hover + background: $orange + + + + + + + + //****************************************************** + //****************************************************** + //********** BLACK PAGES ************** + //****************************************************** + //****************************************************** + + .black + header[role="banner"] + border-bottom: 1px #ccc solid + h2 + background: url('../img/text.png') 0 -121px no-repeat + h6 + display: block + text-align: center + text-transform: uppercase + font-size: .625em + margin: 0 0 1.25em 0 + a + color: #b5b5b5 + a:hover + color: $orange + #slides + article + position: relative + img + display: block + margin: 0 auto + .v + width: auto + .photo-options, .map-link + display: block + .figcaption + margin: 0 + padding: 1em 0 1em 0 + h3 + float: left + padding: 0 + font-weight: normal + .caption + border-right: 1px solid #1f1f21 + width: 58% + float: left + padding-right: 1em + p + margin-left: .5em + font-size: .875em + clear: both + .map-link + float: right + background: #211d19 + line-height: 1em + color: white + text-align: center + text-transform: uppercase + margin: 0 .25em + font: normal .75em Helvetica, Verdana, sans-serif + padding: .5em 1em + -moz-border-radius: 1em + -webkit-border-radius: 1em + border-radius: 1em + .map-link:hover + background: $orange + .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 + font: normal 1em Helvetica, Verdana, sans-serif + a + font-weight: bold + p + margin: 0 1em + color: #74757A + font-size: 1em + .figcaption:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + + + .map-container + //clear: left + width: 469px + height: 392px + position: absolute + bottom: 100px + left: 20px + z-index: 2000 + margin: 0 + padding: 0 + background: url("../img/mapbg.png") no-repeat top left + + .map-wrapper + width: 400px + height: 328px + position: absolute + bottom: 27px + margin: 0px 0 0 44px + footer[role='contentinfo'] + nav + border: none diff --git a/design/sass/_992.sass b/design/sass/_992.sass new file mode 100644 index 0000000..9cb47a3 --- /dev/null +++ b/design/sass/_992.sass @@ -0,0 +1,169 @@ +///mediaquery + +//992px __________________________________________________________________________________________________________ +@media only screen and (min-width: 992px) + body + width: 61.75em + img + width: auto !important + header[role="banner"] + margin-top: 5.5em + h1 + width: 190px + nav[role="navigation"] + margin-left: 8% + .archive + padding-top: 2em + article + margin-bottom: 2em + padding-bottom: 2em + border: none + h1 + width: 42% + font-size: 1.5em + line-height: 1.3em + margin-top: .15em + margin-bottom: .25em + letter-spacing: .5px + p + line-height: 1.5em + img + float: right + .hyphenate, .dateline + width: 41% + .hyphenate + font-size: 1em + + //individual posts + .single + article + margin-left: 20% + .picwide + clear: both + margin: 30px 0 30px -200px + .pullquote + margin-left: -6em + #page-navigation + margin-left: auto + margin-right: auto + + .home + .sh + text-align: left + article + width: 19em + float: left + margin-right: 2em + clear: none + .last + margin-right: 0 + .post-image + float: left + margin: 20px 8px 8px 0 + .hyphenate, .dateline + width: auto + text-align: left + .hyphenate + text-align: justify + // specifics for two column posts + .double article[role="main"] + header + width: 10em + float: left + margin-left: 0 + margin-top: 1em + h1, aside + text-align: right + line-height: 1.2em + h1 + font-size: 1.875em + .col + width: 47% + margin-left: .875em + .sec + margin-left: 0 + .post-body-double + margin: 2em 0 0 1.25em + float: left + width: 48.75em + p + margin: 0 0 1em 0 + .narrow + width: 35.625em + margin-bottom: 1em + clear: both + margin-left: 1em + .hyphenate + margin-top: 0 + //#page-navigation + // margin-left: 12em + //maps + #map-canvas + width: 48.5em + height: 31.25em + float: right + margin-bottom: 3em + .map-legend + ul + margin-bottom: 1em + h4 + margin-bottom: .3em + letter-spacing: 1px + font-size: .75em + text-transform: uppercase + li + display: block + font-size: .875em + margin: 2px 0 + li:after + content: "" + .two + margin-left: 3em + width: 51% + .black + #slides + width: 62.5em + img + width: auto + .directions + display: block + font: normal .675em Helvetica, Verdana, sans-serif + color: #414144 + text-align: center + margin-bottom: 1.75em + .caption + width: 70% !important + .map-container + margin-left: 17em + + //The new guide section + .guide + .intro + margin-bottom: 2.5em + .formatted + column-count: 3 + column-gap: 1.5em + -moz-column-count: 3 + -moz-column-gap: 24px + -webkit-column-count: 3 + -webkit-column-gap: 1.5em + img + border: 8px $brown solid + .date, .meta + float: left + .meta + line-height: 18px + .tags + margin: 20px 0 10px 0 + .guide-dek + padding: 0 + width: 610px + float: right + h1 + margin: 0 !important + article:after, .intro:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden diff --git a/design/sass/_mixins.sass b/design/sass/_mixins.sass new file mode 100644 index 0000000..cbc8bdc --- /dev/null +++ b/design/sass/_mixins.sass @@ -0,0 +1,16 @@ +$brown: #201a11 +$orange: #b53a04 + +=transparent_class + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" + filter: alpha(opacity = 90) + -moz-opacity: 0.9 + -khtml-opacity: 0.9 + opacity: 0.9 + +=photo_overlays + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" + filter: alpha(opacity = 70) + -moz-opacity: 0.7 + -khtml-opacity: 0.7 + opacity: 0.7
\ No newline at end of file diff --git a/design/sass/_typography.sass b/design/sass/_typography.sass new file mode 100644 index 0000000..64f25fc --- /dev/null +++ b/design/sass/_typography.sass @@ -0,0 +1,318 @@ +// font-sizes: +// base: 16px = 1em +// 10px = .625em +// 12px = .75em +// 14px = .875em +// 16px = 1em +// 17px = 1.0625em (body text in articles) +// 18px = 1.125em +// 24px = 1.5em +// 30px = 1.875em +// 32px = 2em + +ol, ul, li, dl + list-style: none + margin: 0 + padding: 0 + border: 0 + outline: 0 + background: transparent + +blockquote, q + quotes: none +hr + display: none +\:focus + outline: 0 + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section + display: block + margin: 0 + padding: 0 + +// 1.ROOT + +html + overflow-y: scroll + background: rgb(255, 255, 255) /*url(../img/grid.jpg) 50% 0 repeat-y*/ + border-top: 3px $brown solid + +body + margin: 0 auto + padding: 0 + width: 90% + font: normal 100% ff-meta-serif-web-pro, unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif + color: $brown + background-color: transparent + + +// 2.HEADINGS + +h1, h2, h3, h4, h5, h6 + font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif + +h1 + font-size: 1.875em + line-height: 1.3em + font-weight: normal + +h2 + margin-bottom: .75em + font-size: 1.5em /* 36 / 16 = 2 */ + line-height: 1.5 + font-weight: normal + +h3 + margin-bottom: 1em + font-size: 1.6em + line-height: 1.5 + +h4 + margin-bottom: 1.25em + font-size: 1.25em /* 20 / 16 = 1.25 */ + line-height: 1.25 + +h5 + margin-bottom: 1.5em + font-size: 1em /* 16 / 16 = 1 */ + +h6 + font-size: 1em /* 16 / 16 = 1 */ + +// 3.TYPOGRAPHY + +p + font-size: 1.0625em /* 17px / 16px */ + line-height: 1.5em /* 24px / 16px */ + margin: 1em 0 0 + +ul, ol + margin: 0 0 1.5em -24px + padding-left: 24px + +ul + list-style-type: disc + +ol + list-style-type: decimal + +li + ul, ol + margin: 0 + font-size: 1em /* 16 / 16 = 1 */ + +dl, dd + margin-bottom: 1.5em + +dt + font-weight: normal + + +b, strong + font-weight: bold + +i, em + font-style: italic + +footer p + font-size: .625em + text-align: center +a + text-decoration: none + color: $brown + -webkit-transition: color 0.3s ease-out + -moz-transition: color 0.3s ease-out + -o-transition: color 0.3s ease-out + -ms-transition: color 0.3s ease-out + transition: color 0.3s ease-out + &:hover + color: $orange +sup + font: normal .625em Helvetica, Verdana, sans-serif +small + font: normal .75em Helvetica, Verdana, sans-serif + +blockquote + font-style: italic + font-size: 1em + line-height: 1.625em + p + font-size: 1em + cite + font-style: normal +img + border: 10px $brown solid + +pre + margin-bottom: 1.5em + white-space: pre + white-space: pre-wrap + word-wrap: break-word + +pre, code + font: .875em 'andale mono', 'lucida console', monospace + line-height: 1.5 + +//Classes + +//.dateline, .breadcrumbs li, .geo, .legend h3, time + +.bl, time, #photo-galleries h1 + text-transform: uppercase + font-size: 11px + letter-spacing: 1px + +.drop + font-size: 3em + float: left + display: block + padding: 18px 10px 5px 0 + overflow: visible +.double .drop, .drop-small + font-size: 3.1em + display: block + float: left + padding: 16px 8px 5px 0 + overflow: visible +.button + display: block + margin-top: 8px + a + padding: 9px 14px 7px 14px + font-weight: bold + line-height: 25px + text-transform: uppercase + background: #d7d7d7 + color: #666 !important + -moz-border-radius: 25px + -webkit-border-radius: 25px + border-radius: 25px + font: bold 10px Helvetica, Verdana, sans-serif + width: auto + a:hover + background: $orange + color: white !important +.alert + color: #ff3530 +//Pagination +//next previous table +#page-navigation + margin: 24px auto + strong + display: block + text-align: right + margin-top: 1px + text-transform: uppercase + font-size: .75em + letter-spacing: .1625em + font-weight: normal + font-style: normal + +//pagination in archives +#pagination + margin-top: 1em + border-top: 1px $brown dotted + border-bottom: 1px $brown dotted + text-align: center + font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif + padding: .25em 0 + ul + margin-bottom: 0 + li + display: inline + text-align: center + +// 4.LINKS + +a + outline: none + color: #111 + text-decoration: none + &:visited + outline: none + color: #111 + text-decoration: none + &:hover + outline: none + color: $orange + text-decoration: none + &:active, &:focus + outline: none + color: rgb(0, 0, 0) + +/* 5.FIGURES & IMAGES + +figure + margin-bottom: 1.5em + img, object, embed + margin-bottom: .75em + max-width: 100% + +figcaption + display: block + font-weight: normal + +// 6.TABLES + +table + border-collapse: collapse + border-spacing: 0 + margin-bottom: 1.4em + width: 100% + font-size: .875em + /* 14 / 16 = .875 + +th + font-weight: bold + padding: .25em 10px .25em 5px + +td, caption + padding: .25em 10px .25em 5px + +tfoot + font-style: italic + +caption + background-color: transparent + +// 14.GLOBAL OBJECTS + +.clearfix + zoom: 1 + &:before, &:after + content: "\0020" + display: block + height: 0 + overflow: hidden + &:after + clear: both + +.hide + display: none + +///* 15.VENDOR-SPECIFIC + +body + -webkit-text-size-adjust: 100% + -ms-text-size-adjust: 100% + +a:link + -webkit-tap-highlight-color: rgb(52, 158, 219) + +::-webkit-selection + background: rgb(23, 119, 175) + color: rgb(250, 250, 250) + text-shadow: none +::-moz-selection + background: rgb(23, 119, 175) + color: rgb(250, 250, 250) + text-shadow: none +::selection + background: rgb(23, 119, 175) + color: rgb(250, 250, 250) + text-shadow: none + + +.ie7 img, .iem7 img + -ms-interpolation-mode: bicubic + diff --git a/design/sass/ie.sass b/design/sass/ie.sass new file mode 100644 index 0000000..8ba7172 --- /dev/null +++ b/design/sass/ie.sass @@ -0,0 +1,49 @@ +.archive + clear: both + article + *clear: both +#pagination + clear: both +.figcaption + *clear: both + *display: inline-block +.top + clear: both + display: inline-block +#projects-archive + clear: both + display: inline-block +.black, .dark + nav + a, a:visited + color: white !important + a:hover + color: #b53a04 !important +#map-canvas img + border: none +.park + h1, .legend + *margin-left: -490px !important + .legend + height: 60px !important + .buttons + margin-top: 15px !important + a + display: block + float: left + margin-left: 8px + padding: 7px !important + .map-wrapper + *margin-left: 22px !important +.drop + font-size: 5em !important + padding: 24px 10px 20px 0 !important +.double .drop, .drop-small + padding: 14px 8px 5px 0 +.picfull + display: block !important + float: none !important + clear: both !important + display: inline-block !important +.dark body:focus, .black body:focus + outline: none\9 diff --git a/design/sass/stylesv6.sass b/design/sass/stylesv6.sass new file mode 100644 index 0000000..77e5e06 --- /dev/null +++ b/design/sass/stylesv6.sass @@ -0,0 +1,49 @@ +//basic stuff +@import _mixins.sass +@import _typography.sass +@import _480.sass +@import _768.sass +@import _992.sass + + + +//Print __________________________________________________________________________________________________________ + +@media print + * + background: transparent !important + color: black !important + text-shadow: none !important + filter: none !important + -ms-filter: none !important + a + color: #444 !important + text-decoration: underline + &:visited + color: #444 !important + text-decoration: underline + &[href]:after + content: " (" attr(href) ")" + abbr[title]:after + content: " (" attr(title) ")" + a + &[href^="javascript:"]:after, &[href^="#"]:after + content: "" + pre, blockquote + border: 1px solid #999 + page-break-inside: avoid + thead + display: table-header-group + tr, img + page-break-inside: avoid + @page + margin: .5cm + + p, h2, h3 + orphans: 3 + widows: 3 + h2, h3 + page-break-after: avoid + + +///mediaquery*/ diff --git a/design/templates/404.html b/design/templates/404.html new file mode 100644 index 0000000..bdef84f --- /dev/null +++ b/design/templates/404.html @@ -0,0 +1,42 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | Error 404 {% endblock %} + +{%block bodyid%}id="writing-detail" class="single"{%endblock%} + {% block title %}404 Page Not Found{% endblock %} + + +{% block primary %} +<article> + +<header> + <h1>Error 404 – Page Not Found</h1> + <aside class="meta"> + <section class="geo">Oh my god you broke the internet.</section> + + </aside> + </header> + <div class="post-body"> + + + <p><b></b></p> + +<p><b>Al Gore is pissed.</b></p> +<p><b>So is the hamster.</b></p> +<p>This is probably because of one or more of the following:</p> + +<p>The hamster who fetches these pages has stepped out for a smoke break (he earns extra travel money over at the Philip Morris Labs where he poses as a rat and gets paid under the table).</p> + <p>The hamster who fetches these pages is actually at Phillip Morris Labs working right now in which case you'll just have to wait until he comes back here.</p> + <p>The hamster who fetches the pages finally made enough extra travel money working nights at the Philip Morris Labs to actually travel and is no longer running this site at all, in fact he's sipping Mai Tai's in Indonesia even as we speak, laughing that semi-sinister but always endearing high pitched squeak of a laugh.</p> + <p>The hamster may be innocent. Perhaps I was drunk and left the page in the back of a cab.</p> + <p>Wait, why is this our fault? Why are you so quick to blame the hamster? This could be your fault. You might have man hands or thick, clumsy fingers that led you to type the wrong address. Or you might just be an idiot. Or you might be following the links of an idiot. See what happens when you visit other sites? Keep it simple, make the hamster happy. Limit your internet usage to luxagraf only.</p> + <p>Of course it's also possible that you're ahead of me and the page simply hasn't been invented yet, which makes you a genius. And explains why the hamster couldn't find it.</p> + <p>It's also entirely possible that the page exists but the hamster doesn't want to show it to you. It maybe one of those "backroom" pages he has, where secret stuff beyond your wildest imaginings is happening even now, right this second, just behind this blank white curtain. Stuff which you can only guess at. You can ask the hamster for an invite. Just email a full body shot, two forms of ID and a credit card number for verification purposes.</p> + + <p>Whatever the case you may <a href="javascript:history.go(-1)">return from whence you came</a>, <a href="/" title="Luxagraf Homepage">Head for the main page</a> or try searching again for whatever it is you wanted to find.</p> + </div> + <div class="clearfix"> +</article> + {% endblock %} + + diff --git a/design/templates/500.html b/design/templates/500.html new file mode 100644 index 0000000..d1e984d --- /dev/null +++ b/design/templates/500.html @@ -0,0 +1,99 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Luxagraf | Internal Server Error</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <script> + document.createElement('header'); + document.createElement('nav'); + document.createElement('section'); + document.createElement('article'); + document.createElement('aside'); + document.createElement('footer'); + document.createElement('time'); + document.createElement('hgroup'); + </script> + + + <link rel="alternate" + type="application/rss+xml" + title="RSS 2.0" + href="http://feeds2.feedburner.com/luxagraf/blog"> + + + <link rel="stylesheet" + href="http://media.luxagraf.net//css/base.css" + type="text/css" + media="screen" + charset="utf-8"> + +<!--[if IE 6]><link rel="stylesheet" href="http://new.luxagraf.net/media/css/ie6.css" type="text/css" media="screen, projection"><![endif]--> + + <link rel="shortcut icon" + href="http://media.luxagraf.net/img/favicon.ico" + type="image/vnd.microsoft.icon"> + + <link rel="apple-touch-icon" + href="http://media.luxagraf.net/img/luxagrafiphoneicon.png"> + + <meta name="author" content="luxagraf"> + <meta name="description" + 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"> + + + <link rel="openid.server" + href="http://www.myopenid.com/server" > + + <link rel="openid.delegate" + href="http://luxagraf.myopenid.com/" > + +<meta name="verify-v1" content="ZCZSYGNdjeLCPx5trSQELyhY9kq9N7CznTcv5JFkpnM="> +</head> + +<body> + <header> + <nav> + <ul> + <li id="stories"><a href="/writing/1/" title="An archive of previous writings from around the world">I write.</a></li> + <li id="map" title="Maps and miscellanea"><a href="/map/">I travel.</a></li> + <li id="photos" title="Photos from travels around the world"><a href="/photos/1/">I photograph.</a></li> + </ul> + </nav> + <hgroup> + <h1><a href="/" title="home">Luxagraf</a></h1> + <h2><a href="/about/" title="About Luxagraf">{a travelogue}</a></h2> + </hgroup> + </header> + + <article> + <h1>Server Error</h1> + <p>Holy crap, you broke the internet. The proper authorities have been notified and it will most likely be working again soon.</p> + </article> + + <div class="clearfix"></div> + <footer> + <nav> + <ul> + <li><a href="/">Home</a></li> + <li><a href="/writing/1/">Writing</a></li> + <li><a href="/map/">Map</a></li> + <li><a href="/photos/1/">Photographs</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </nav> + <div> + + <section id="license"> + <p>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></p> + </section> + </div> + </footer> +</body> +</html> + + {% endblock %} +
\ No newline at end of file diff --git a/design/templates/archives/guide.html b/design/templates/archives/guide.html new file mode 100644 index 0000000..27ac756 --- /dev/null +++ b/design/templates/archives/guide.html @@ -0,0 +1,51 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Travel Guide {{region.name|title|smartypants|safe}}{%else%} Travel Guides, Tips, Tricks and Recommendations {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}A Travel Guide, Tips, Tricks and Recommendations for {{region.name|title|smartypants|safe}}{%else%}Travel Guides, Tips, Tricks and Recommendations {%endif%} Page {{page}}{% endblock %} +{%block bodyid%}id="guide-archive" class="guide"{%endblock%} + + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/guide/1/" title="See all Guides" itemprop="url"><span itemprop="title">Travel Guides</span></a> →</li> + <li itemprop="title">United States</li>{%else%}<li><a href="/guide/1/" title="See all Guides" itemprop="url"><span>Travel Guides</span></a> →</li> + <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Travel Guides</li>{%endif%} + </ul> + + <section class="intro"> + <h1>Travel Guides</h1> + <h2>What I Know About Where I've Been</h2> + <div class="formatted"> + <p>The essays on luxagraf rarely offer much travel advice. I don't often write about places I stay, where I eat, the gear I carry or even how to get from here to there. At the same time I always save business cards and write down addresses almost everywhere I go. + Until now I haven't really done anything with that information, save tell a few friends headed in similar directions. So I decided to created this, the <strong>travel guide</strong> section, so you can know what I know. I even busted out the video camera for a few of these. Just bear in mind that this is my experience, yours may be very different. That's okay.</p></div> + </section> + + + <section id="guides" class=""> {% autopaginate object_list 10 %} {% for object in object_list %} + <article id="guide-10{{object.id}}"> + <div class="meta bl"> + <div class="tags">Filed Under: <a href="{{object.get_absolute_url}}" title="{{object.title}}">General</a>, <a href="{{object.get_absolute_url}}" title="{{object.title}}">Gear</a></div> + <time pubdate class="hide" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" width="150" class="{{object.image_width}}" height="98" claaa="{{object.image_height}}" class="guide-thumb" /></a> + </div> + <div class="guide-dek"> + <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1> + <p class="hyphenate">{{object.dek|safe}}</p> + </div> + </article> {% endfor %} + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} + + + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} + + + +{% if object.location %}<p class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></p>{%endif%} diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html new file mode 100644 index 0000000..11cbf4b --- /dev/null +++ b/design/templates/archives/homepage.html @@ -0,0 +1,31 @@ +{% extends 'base.html' %} +{% load typogrify %} +{%block bodyid%}id="home"{%endblock%} + +{% block primary %}<section class="archive"> + <article> + <h1><a href="{{featured.get_absolute_url}}" title="{%if featured.title_keywords%}{{featured.title_keywords}}{%else%}{{featured.title}}{%endif%}">{{featured.title|smartypants|widont|safe}}</a></h1> + <div class="img"> + <a href="{{featured.get_absolute_url}}" title="{{featured.title}}"><img src="{{featured.get_image_url}}" alt="{{ featured.title }}" class="post-image" width="{{featured.image_width}}" height="{{featured.image_height}}" /></a> + </div> + <p class="dateline bl"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if featured.country_name == "United States" %}{{featured.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.state_name}}</a>{%else%}{{featured.location_name|smartypants|safe}}, <a href="/writing/{{featured.country_name|slugify}}/1/" title="travel writing from {{featured.country_name}}">{{featured.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{featured.latitude}}" /> + <meta itemprop="longitude" content="{{featured.longitude}}" /></span> + <time datetime="{{featured.pub_date|date:'c'}}" pubdate>{{featured.pub_date|date:"m/d/y"}}</time> + </p> + + <p class="hyphenate">{{featured.dek|safe}} <span class="button"><a href="{{featured.get_absolute_url}}" title="{{featured.title}}">More »</a></span> </p> + + </article> + </section> + {%comment%}<section id="currently"> + <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>– William Brandon III</cite></p></div> + </section>{%endcomment%} + <section class="home harchive"> + <h1 class="sh">From the Archive</h1> + {% include 'includes/recent_entries.html' %} + </section> +{% endblock %} + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/archives/map.html b/design/templates/archives/map.html new file mode 100644 index 0000000..effe150 --- /dev/null +++ b/design/templates/archives/map.html @@ -0,0 +1,35 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load truncateletters %} +{% load slugify_under %} + +{% block pagetitle %}Luxagraf | Map and Trips{% endblock %} +{% block metadescription %}Browse luxagraf by map, see trip routes and discover essays and dispatches from around the world{% endblock %} + +{#============================================== +Google Maps code +==============================================#} +{% block extrahead %} + +<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> +<script type="text/javascript" src="{{MEDIA_URL}}js/mainmap.js"></script> + + +{% endblock %} +{%block bodyid%}id="map" {%endblock%} +{% block bodyevents %}onload="initialize()"{% endblock %} + + + + + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" itemprop="url" title="luxagraf homepage"><span itemprop="title">Home</span></a> →</li> + <li>Map</li> + </ul> + <section> + <h1 class="hide">Browse luxagraf by map</h1> + <div id="map-canvas"></div> + {% include 'includes/map_sidebar.html' %} + </section> +{% endblock %} diff --git a/design/templates/archives/photos.html b/design/templates/archives/photos.html new file mode 100644 index 0000000..bc06f5c --- /dev/null +++ b/design/templates/archives/photos.html @@ -0,0 +1,32 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Photo Galleries: Images from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Photo Galleries from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} + + +{%block bodyid%}id="photo-archive"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/photos/" title="See all Photos" itemprop="url"><span itemprop="title">Photos</span></a> →</li> + <li>the United States</li>{%else%}<li><a href="/photos/" title="See all Photos" itemprop="url"><span itemprop="title">Photos</span></a> →</li> <li>{{region.name|title|smartypants|safe}}{%endif%}{%else%}<li>Photos </li>{%endif%} + </ul> + <section> + <h1 class="hide">{% if region %}Photographs from {{region.name|title|smartypants|safe}}{%else%}Photographs from Around the World {%endif%}</h1> + <ul id="photo-galleries">{% autopaginate object_list 18 %} {% for object in object_list %} + <li> + <div class="figure"> + <a href="{{object.get_absolute_url}}" title="view images from {{ object.set_title }}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}" width="291" height="350" /></a> + <div class="legend"> + <h1>{{object.set_title}}</h1> + <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p> + </div> + </div> + </li>{% endfor %} + </ul> + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html new file mode 100644 index 0000000..f266c08 --- /dev/null +++ b/design/templates/archives/projects.html @@ -0,0 +1,29 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | Projects {% endblock %} +{% block metadescription %}Travel Themes and Experiments {% endblock %} + +{%block bodyid%}id="projects-page"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + <li>Projects</li> + </ul> + <div class="top"> + <p class="col hyphenate">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p> + <p class="col two hyphenate">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p> + </div> + <section id="projects-archive" class="archive"> + <h1 class="hide">Projects</h1>{%for object in object_list %} + <article> + <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1> + <div class="img"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.image.url}}" alt="{{ object.title }}" class="post-image" /></a> + </div> + <div class="hyphenate">{{object.lede|smartypants|safe}}</div> + <!--<span class="button"><a href="{{project.get_absolute_url}}">More »</a></span>--> + </article> {% endfor %} + </section> +{% endblock %} + +{% block js %}<script src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/archives/writing.html b/design/templates/archives/writing.html new file mode 100644 index 0000000..983b59a --- /dev/null +++ b/design/templates/archives/writing.html @@ -0,0 +1,38 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load pagination_tags %} + +{% block pagetitle %}Luxagraf | {% if region %}Travel Writing from {{region.name|title|smartypants|safe}}{%else%}Travel Writing from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Travel writing, essays and dispatches from {{region.name|title|smartypants|safe}}{%else%}Travel writing, essays and dispatches from around the world{%endif%} Page {{page}}{% endblock %} +{%block bodyid%}id="writing"{%endblock%} + + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + {% if region %}{%if region.name == 'United States'%} <li><a href="/writing/" title="See all Writing" itemprop="url"><span itemprop="title">Writing</span></a> →</li> + <li itemprop="title">the United States</li>{%else%}<li><a href="/writing/" title="See all Writing" itemprop="url"><span>Writing</span></a> →</li> + <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Writing </li>{%endif%} + </ul> + <section id="writing-archive" class="archive"> + <h1 class="hide">{% if region %}Writing Archive from {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%}Writing Archive {%endif%}</h1>{% autopaginate object_list 10 %} {% for object in object_list %} + <article> + <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> + <div class="img"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" width="{{object.image_width}}" height="{{object.image_height}}" class="post-image" /></a> + </div> + <div class="dateline"> + <p class="location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></p> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time> + </div> + <p class="hyphenate">{{object.dek|safe}}</p> + </article> {% endfor %} + </section> + <div id="pagination">{% paginate %} + </div> +{% endblock %} + + + +{% block js %}<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/base.html b/design/templates/base.html new file mode 100644 index 0000000..8f07139 --- /dev/null +++ b/design/templates/base.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US"> +<head> + <meta charset="utf-8" /> + <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> + <meta name="description" + content="{% block metadescription %}Luxagraf: recording journeys around the world and just next door.{% endblock %}"> + <meta name="author" content="Scott Gilbertson"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <!--[if IE]> + <script src="{{MEDIA_URL}}js/html5css3ie.min.js"></script> + <![endif]--> + <link rel="alternate" + type="application/rss+xml" + title="Luxagraf RSS feed" + href="http://feeds2.feedburner.com/luxagraf/blog"> + {%block stylesheet%}<link rel="stylesheet" + href="{{MEDIA_URL}}css/stylesv6.css" + media="screen">{%endblock%} + <!--[if IE]> + <link rel="stylesheet" + href="{{MEDIA_URL}}css/ie.css" + media="screen"> + <![endif]--> + <script type="text/javascript" src="http://use.typekit.com/prx2tcr.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + <script> + var _gaq=[['_setAccount','UA-1186171-1'],['_trackPageview'],['_trackPageLoadTime']];(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%} +</head> +<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> + <header role="banner"> + <a id="logo" href="/" title="home"> + <h1>Luxagraf</h1> + <h2>{Walk Slowly}</h2> + </a> + <nav role="navigation" class="bl"> + <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="guides"><a href="/travel-guide/1/" title="Travel Guides, Tips, Tricks and Recommendations">Guides</a>,</li> + <li id="maps"><a href="/map/" title="Maps and miscellanea">Map</a>,</li> + <li id="projects" ><a href="/projects/" title="Luxagraf: Projects">Projects</a>,</li> + <li id="etc"><a href="/about/" title="About Luxagraf">Etc</a></li> + </ul> + </nav> + </header> + {% block primary %}{% endblock %} + {% block extrabody %}{% endblock %} + <footer role="contentinfo"> + <nav class="bl"> + <ul> + <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"> + © 2003-{% now "Y" %} Scott Gilbertson, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>). + </p> + </footer> + {% block js %}{% endblock%} + <script src="{{MEDIA_URL}}js/ios-viewport-scaling-bug-fix.js"></script> +</body> +</html> diff --git a/design/templates/bin/country_sidebar.html b/design/templates/bin/country_sidebar.html new file mode 100644 index 0000000..03570da --- /dev/null +++ b/design/templates/bin/country_sidebar.html @@ -0,0 +1,6 @@ +<ul> + {%for country in country_list %} + <li><a href="/writing/{{country.slug}}/1/" title="See all writing from {{country.name|title}}">{{country.name}}</a></li> + </li> + {% endfor %} +</ul>
\ No newline at end of file diff --git a/design/templates/bin/map_entry_list.html b/design/templates/bin/map_entry_list.html new file mode 100644 index 0000000..a58de05 --- /dev/null +++ b/design/templates/bin/map_entry_list.html @@ -0,0 +1,111 @@ +{% load typogrify %} +{% load truncateletters %} +{% load slugify_under %} + + // center on a country + function focusCountry(latitude, longitude, zoom) { + map.setZoom(zoom); + map.panTo(new google.maps.LatLng(latitude, longitude)); + }; + + {% for route in route_list %} + var {{route.template_var_name}} = [ + {% for point in route.geometry.coords%} + new google.maps.LatLng({{point.1}}, {{point.0}}){% if forloop.last%}{%else%},{%endif%} + {% endfor %} + ]; + {% endfor %} + function showRoute(route, zoom, latitude, longitude) { + var routePath = new google.maps.Polyline({ + path: eval(route), + strokeColor: "#FF0000", + strokeOpacity: 1.0, + strokeWeight: 2 + }); + map.setZoom(zoom); + map.panTo(new google.maps.LatLng(latitude, longitude)); + routePath.setMap(map); + return false; + }; +var map; +function initialize() { + + //custom marker + var image = new google.maps.MarkerImage('http://luxagraf.net/media/img/marker-entry.png', + new google.maps.Size(15, 26), + new google.maps.Point(0, 0), + new google.maps.Point(7, 26) + ); + //custom marker shadow + var shadow = new google.maps.MarkerImage('http://luxagraf.net/media/img/shadow.png', + new google.maps.Size(37, 34), + new google.maps.Point(0,0), + new google.maps.Point(8, 34) + ); + + + //check for a permalink + var location = window.location.hash; + //find a centerpoint + var pts = new Array(); + {%for c in country_list%}pts[{{forloop.counter0}}] = ["#{{c.slug}}", {{c.lat}},{{c.lon}},{{c.zoom_level}}];{% endfor %} + {%for c in region_list%}pts[pts.length] = ["#{{c.slug}}", {{c.lat}},{{c.lon}},{{c.zoom_level}}];{% endfor %} + if (location.length>1) { + for (i=0;i<pts.length;i++) { + if (location == pts[i][0]) { + centerCoord = new google.maps.LatLng(pts[i][1],pts[i][2]); + zoom = pts[i][3]; + break; + } else { + centerCoord = new google.maps.LatLng(19.311143,2.460938); + zoom = 2; + } + } + } else { + centerCoord = new google.maps.LatLng(19.311143,2.460938); + zoom = 2; + } + //set up map options + var mapOptions = { + zoom: zoom, + center: centerCoord, + mapTypeId: google.maps.MapTypeId.TERRAIN, + disableDefaultUI: true, + navigationControl: true, + navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL} + }; + //create map + map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); + + + //loop through and set up markers/info windows + + {% for entry in object_list %} + var marker_{{entry.title|truncatewords:2|slugify_under}} = new google.maps.Marker({ + position: new google.maps.LatLng({{entry.latitude}}, {{entry.longitude}}), + map: map, + shadow: shadow, + icon: image + }); + + var c_{{entry.title|truncatewords:2|slugify_under}} = '<div class="infowin"><h4>{{entry.title}}<\/h4><span class="date blok">{{entry.pub_date|date:"F j, Y"}} ({% if entry.location.state.country.name == "United States" %}{{entry.location.name|smartypants|safe}}, {{entry.location.state.name}}){%else%}{{entry.location.name|smartypants|safe}}, {{entry.location.state.country.name}}){%endif%}<\/span><p><img src="{{entry.get_thumbnail_url}}" height="100" alt="{{ entry.title }}" style="float: left; border: #000 10px solid; margin-right: 8px; margin-bottom: 4px; height: 100px;" \/>{{entry.dek|escapejs}} <a href="{{entry.get_absolute_url}}">Read it »<\/a><\/p><\/div>'; + + google.maps.event.addListener(marker_{{entry.title|truncatewords:2|slugify_under}}, 'click', function() { + openWin(c_{{entry.title|truncatewords:2|slugify_under}},marker_{{entry.title|truncatewords:2|slugify_under}}); + }); + + {% endfor %} + // create an empty info window instance, set max width + var infowindow = new google.maps.InfoWindow({ + content: ' ', + maxWidth: 400 + }); + //function to handle click event and display single info window + function openWin(content, marker) { + infowindow.close(); + infowindow.setContent(content); + infowindow.open(map,marker); + }; + + +} diff --git a/design/templates/bin/map_sidebar.html b/design/templates/bin/map_sidebar.html new file mode 100644 index 0000000..e61852f --- /dev/null +++ b/design/templates/bin/map_sidebar.html @@ -0,0 +1,23 @@ +{% load truncateletters %}{% load slugify_under %}<div class="map-legend"> + <h4>Trips</h4> + <ul> + {% for route in route_list %} + <li><a onclick="showRoute('{{route.template_var_name}}', {{route.zoom}}, '{{route.geometry.centroid.y}}','{{route.geometry.centroid.x}}');" href="#" title="show {{route.name}} on map">{{route.name}}</a></li> + {% endfor %} + </ul> + <h4>Regions</h4> + <ul> + {%for region in region_list %} + <li><a href="#{{region.slug}}" onclick="focusCountry({{region.lat}}, {{region.lon}}, {{region.zoom_level}});" title="See all writing from {{region.name|title}}">{{region.name}}</a></li> + {% endfor %} + </ul> + + <h4>Countries</h4> + <ul> + <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#" title="view all countries">All</a></li> + {%for country in country_list %} + <li><a href="#{{country.slug}}" onclick="focusCountry({{country.lat}}, {{country.lon}}, {{country.zoom_level}});" title="See all writing from {{country.name|title}}">{{country.name}}</a></li> + {% endfor %} + </ul> + + </div> diff --git a/design/templates/bin/recent_entries.html b/design/templates/bin/recent_entries.html new file mode 100644 index 0000000..f86d6f2 --- /dev/null +++ b/design/templates/bin/recent_entries.html @@ -0,0 +1,13 @@ +{% load typogrify %}{% for object in object_list %}<article {%if forloop.last %}class="last"{%endif%}> + <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> + <p class="dateline bl"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /> + </span> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time> + </p> + {%if object.thumbnail%}<a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" /></a>{%endif%} + <p class="hyphenate">{{object.dek|safe}}</p> + </article> + {% endfor %} diff --git a/design/templates/bin/regions_sidebar.html b/design/templates/bin/regions_sidebar.html new file mode 100644 index 0000000..ce14e68 --- /dev/null +++ b/design/templates/bin/regions_sidebar.html @@ -0,0 +1,6 @@ +<ul> + {%for region in region_list %} + <li><a href="/writing/{{region.slug}}/1/" title="See all writing from {{region.name|title}}">{{region.name}}</a></li> + </li> + {% endfor %} +</ul>
\ No newline at end of file diff --git a/design/templates/contact_form/contact_form.html b/design/templates/contact_form/contact_form.html new file mode 100644 index 0000000..4b20fc7 --- /dev/null +++ b/design/templates/contact_form/contact_form.html @@ -0,0 +1,45 @@ +{% extends 'base.html' %} + +{#============================================== +Load up the various metadata add-ins +================================================#} + +{% block metadescription %}Contact Luxagraf: Want to know something more about somewhere I've been? Or something about the website? Drop me an e-mail and I'll get back to you as soon as I can.{%endblock%} +{% block pagetitle %}Get in Touch | Luxagraf {% endblock %} +{% block metakeywords %}contact, get in touch, drop a line{%endblock%} + +{#============================================== +Fill in the Title And Dateline Blocks +================================================#} + +{%block title %} +Contact Me +{%endblock%} + + + +{%block primary%} +<article> +<section id="post"> +<h1>Contact Me</h1> + +<div class="form-holder"> +<form method="post" action="http://live.luxagraf.net/contact/" class="contact-form"> +<ul> +{% for field in form %} + <li> + <dl> + <dt>{{ field.label_tag }}</dt> + <dd>{{ field }}</dd> + {% if field.help_text %}<dd>{{ field.help_text }}</dd>{% endif %} + {% if field.errors %}<dd class="myerrors">{{ field.errors }}</dd>{% endif %} + </dl> + </li> +{% endfor %} +</ul> +<input type="submit" class="button" value="Contact" /> +</form> +</div> +</section> +</article> +{%endblock%}
\ No newline at end of file diff --git a/design/templates/contact_form/contact_form.txt b/design/templates/contact_form/contact_form.txt new file mode 100644 index 0000000..5d8bf3e --- /dev/null +++ b/design/templates/contact_form/contact_form.txt @@ -0,0 +1,5 @@ +Name: {{name}} + +Wrote: {{body}} + +Reply-To Address: {{email}}
\ No newline at end of file diff --git a/design/templates/contact_form/contact_form_sent.html b/design/templates/contact_form/contact_form_sent.html new file mode 100644 index 0000000..adeabb6 --- /dev/null +++ b/design/templates/contact_form/contact_form_sent.html @@ -0,0 +1,25 @@ +{% extends 'contact_form/contact_form.html' %} + +{#============================================== +Fill in the Title And Dateline Blocks +================================================#} + +{%block title %} +Thank You +{%endblock%} + + +{% block dateline %} +Thanks for sharing your thoughts +{% endblock%} + + +{#============================================== + Primary Content +================================================#} + +{%block primary%} + +<p>Thanks for sharing your thoughts, I will make an effort to respond promptly</p> + +{% endblock %}
\ No newline at end of file diff --git a/design/templates/contact_form/contact_form_subject.txt b/design/templates/contact_form/contact_form_subject.txt new file mode 100644 index 0000000..2eb8f20 --- /dev/null +++ b/design/templates/contact_form/contact_form_subject.txt @@ -0,0 +1 @@ +[luxmail] {{subject_line}}
\ No newline at end of file diff --git a/design/templates/details/5x5.html b/design/templates/details/5x5.html new file mode 100644 index 0000000..a9bdd63 --- /dev/null +++ b/design/templates/details/5x5.html @@ -0,0 +1,19 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | Projects | 5x5 - Interviews from the road {% endblock %} +{% block metadescription %}{% endblock %} + +{%block bodyid%}id="projects"{%endblock%} + +{% block primary %} +<article> + <ul id="breadcrumbs"> + <li><a href="/" title="luxagraf homepage">Home</a> →</li> + <li><a href="/projects/" title="luxagraf projects page">Projects</a> →</li> + <li>5x5</li> + </ul> + + + +</article> +{% endblock %} diff --git a/design/templates/details/about.html b/design/templates/details/about.html new file mode 100644 index 0000000..6dde0e9 --- /dev/null +++ b/design/templates/details/about.html @@ -0,0 +1,24 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | About{% endblock %} +{% block metadescription %}About: Luxagraf is written and published by Scott Gilbertson. Writing is done in BBEdit, published with GeoDjango. Photos taken with a Panasonic GF1.{% endblock %} +{%block htmlclass%}class="single"{%endblock%} +{%block bodyid%}id="about"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + <li>About</li> + </ul> + <article role="main"> + <h1 class="hide">About Luxagraf</h1> + <div class="post-body-single"> + <p>Luxagraf is written and published by Scott Gilbertson.</p> + <p><img src="{{MEDIA_URL}}img/bio.jpg" alt="Scott Gilbertson" /> + <small>Photo by <a href="http://twitter.com/lagsolo" title="@lagsolo on Twitter" >@lagsolo</a></small></p> + <h2>Colophon</h2> + <p>Luxagraf is published 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 roll. I make the clackity noise in BBEdit, the best text editor ever.</p> + <p>Currently photos are taken with a Panasonic GF1. In the past I have used a Panasonic LX2 and a Canon S45. Minimal processing is done with Adobe Lightroom and Photoshop. The photo gallery layout was inspired by the lovely <a href="http://www.pictorymag.com/" title="Pictory Mag">Pictory</a> photo showcase. Also note that while the writing is copyrighted to me, the photos are licensed under a Creative Commons <a href="http://creativecommons.org/licenses/by-sa/3.0/">attribution, share-alike license</a>, which means you're free to use them so long as you attribute them to me.</p> + </div> + </article> +{% endblock %} diff --git a/design/templates/details/code.html b/design/templates/details/code.html new file mode 100644 index 0000000..1697844 --- /dev/null +++ b/design/templates/details/code.html @@ -0,0 +1,52 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | Projects | Code and Other Experiments {% endblock %} +{%block htmlclass%}class="single"{%endblock%} +{% block metadescription %}Browser extentsions to block comments on onlineathens.com{% endblock %} +{% block extrahead %} +<style> +article[role="main"] a { color: #b53a04;} +#ffext, #chrext, #bkmklt { + display: block; + margin: 20px 0; +} +#ffext a, #chrext a, #bkmklt a { + padding: 10px 8px 10px 35px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + border: #d7d7d7 1px solid; + background: #f2f2f2; + width: auto; + font: 11px normal Helvetica, Verdana, sans-serif; + text-transform: uppercase; +} +#ffext a { + background: #f2f2f2 url("{{MEDIA_URL}}img/fficon.jpg") 2px 50% no-repeat; +} +#chrext a { + background: #f2f2f2 url("{{MEDIA_URL}}img/chricon.jpg") 2px 50% no-repeat; +} +#ffext a:hover, #chrext a:hover, #bkmklt a:hover { background-color: #e2e2e2;} +#bkmklt a { + padding: 10px 8px; +} +</style> +{% endblock %} +{%block bodyid%}id="code"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> + <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> + <li>Code</li> + </ul> + <article role="main">{% for object in object_list %} + <h1>{{object.name}}</h1> + <div class="post-body-single"> + {{object.body_html|smartypants|widont|safe}} + </div>{% endfor %} + </article> + + + +{% endblock %} diff --git a/design/templates/details/contact.html b/design/templates/details/contact.html new file mode 100644 index 0000000..ec47c34 --- /dev/null +++ b/design/templates/details/contact.html @@ -0,0 +1,39 @@ +{% extends 'base.html' %} +{% load typogrify %} +{%block htmlclass%}class="single"{%endblock%} +{% block pagetitle %}Luxagraf: Email{% endblock %} +{% block metadescription %}{% endblock %} +{%block bodyid%}id="contact"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + <li>Contact</li> + </ul> + <article role="main"> + <h1>Contact Information</h1> + <div id="post"> + <p>I'd love to hear what you think about the posts on luxagraf. If you use Twitter, send me a message: <a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a>.</p> + <p>Then there's email. I'm not a big fan. Or rather I don't have the time to respond the way I would like to, which makes me like it less. So if you email me and don't hear back, 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> +{% endblock %} + diff --git a/design/templates/details/entry.html b/design/templates/details/entry.html new file mode 100644 index 0000000..c5dc80f --- /dev/null +++ b/design/templates/details/entry.html @@ -0,0 +1,65 @@ +{% extends 'base.html' %} +{% load typogrify %} + +{% block pagetitle %}{{object.title|title|smartypants|safe}} | Luxagraf, a travelogue | {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}){% endblock %} + +{% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %} +{%block extrahead%} + <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" /> + <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" /> + <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" /> + <meta name="geo.placename" content="{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}"> + <meta name="geo.region" content="{{object.country_iso}}{%if object.state_iso != None %}-{{object.state_iso}}{%endif%}"> +{%endblock%} +{%block htmlclass%}{% with object.template_name as t %} +class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%if t == 2 or t == 3 %} dark{%endif%}"{%endwith%}{%endblock%} + + +{% block primary %} + <article role="main"> + <header> + <h1>{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|widont|safe}}{%endif%}</h1> + <aside class="geo bl"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></span> + {%comment%} (<a href="" title="">Map</a>, <a href="" title="">Photos</a>){%endcomment%} + </aside> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + </header> + <div class="post-body{% with object.template_name as t %}{%if t == 0 or t == 2 %}-single{%endif%}{%if t == 1 or t == 3 %}-double{%endif%}{%endwith%}"> + {{object.body_html|smartypants|widont|safe}} + </div>{%if object.template_name == 1 %} + <div class="clearfix"></div>{%endif%}{%if object.template_name == 3 %}<div class="clearfix"></div>{%endif%} + {%comment%} + <footer id="post-metadata"> + <h4 class="hide">About {{object.title|smartypants|safe}}</h4> + <p>Posted <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F j, Y"}}</time>, from {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%}. + Follow along on <a href="http://twitter.com/luxagraf" title="twitter" rel="me">Twitter</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about me, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> + </footer> + {% endcomment %} + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + + {%comment%} + <section id="comments"> + <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> + <div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/luxagraf/embed.js"></script><noscript><a href="http://luxagraf.disqus.com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> + </section> + {%endcomment%} + </article> +{% endblock %} +{% block js %} +{% with object.template_name as t %}{%if t == 1 or t == 3 %} +<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script> +{%endif%}{%endwith%}{%endblock%} diff --git a/design/templates/details/fck_digg.html b/design/templates/details/fck_digg.html new file mode 100644 index 0000000..4a4be88 --- /dev/null +++ b/design/templates/details/fck_digg.html @@ -0,0 +1,21 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html lang="en"> +<head> + <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <style> + body { text-align: center; } + </style> +</head> +<body> + +<p>Dear Digg,</p> + +<p><b>PISS OFF</b></p> + +<p>—your friend, luxagraf</p> + +<p style="font-size: 80%; width: 100px;">Framing breaks bookmarking, it breaks copy-and-paste from the location field, it breaks your browser history, it breaks bookmarklets. There’s nothing OK about it.</p> +</body> +</html>
\ No newline at end of file diff --git a/design/templates/details/guide.html b/design/templates/details/guide.html new file mode 100644 index 0000000..c5dc80f --- /dev/null +++ b/design/templates/details/guide.html @@ -0,0 +1,65 @@ +{% extends 'base.html' %} +{% load typogrify %} + +{% block pagetitle %}{{object.title|title|smartypants|safe}} | Luxagraf, a travelogue | {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}){% endblock %} + +{% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %} +{%block extrahead%} + <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" /> + <meta name="ICBM" content="{{object.latitude}}, {{object.longitude}}" /> + <meta name="geo.position" content="{{object.latitude}}; {{object.longitude}}" /> + <meta name="geo.placename" content="{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}"> + <meta name="geo.region" content="{{object.country_iso}}{%if object.state_iso != None %}-{{object.state_iso}}{%endif%}"> +{%endblock%} +{%block htmlclass%}{% with object.template_name as t %} +class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%if t == 2 or t == 3 %} dark{%endif%}"{%endwith%}{%endblock%} + + +{% block primary %} + <article role="main"> + <header> + <h1>{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|widont|safe}}{%endif%}</h1> + <aside class="geo bl"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></span> + {%comment%} (<a href="" title="">Map</a>, <a href="" title="">Photos</a>){%endcomment%} + </aside> + <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + </header> + <div class="post-body{% with object.template_name as t %}{%if t == 0 or t == 2 %}-single{%endif%}{%if t == 1 or t == 3 %}-double{%endif%}{%endwith%}"> + {{object.body_html|smartypants|widont|safe}} + </div>{%if object.template_name == 1 %} + <div class="clearfix"></div>{%endif%}{%if object.template_name == 3 %}<div class="clearfix"></div>{%endif%} + {%comment%} + <footer id="post-metadata"> + <h4 class="hide">About {{object.title|smartypants|safe}}</h4> + <p>Posted <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F j, Y"}}</time>, from {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%}. + Follow along on <a href="http://twitter.com/luxagraf" title="twitter" rel="me">Twitter</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about me, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> + </footer> + {% endcomment %} + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + <nav id="page-navigation"> + <ul>{% if prev%} + <li id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title|safe}}</a> + </li>{%endif%} + </ul> + </nav>{%endwith%}{%endwith%} + + {%comment%} + <section id="comments"> + <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> + <div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/luxagraf/embed.js"></script><noscript><a href="http://luxagraf.disqus.com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> + </section> + {%endcomment%} + </article> +{% endblock %} +{% block js %} +{% with object.template_name as t %}{%if t == 1 or t == 3 %} +<script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script> +{%endif%}{%endwith%}{%endblock%} diff --git a/design/templates/details/national-parks.html b/design/templates/details/national-parks.html new file mode 100644 index 0000000..dc3f7fb --- /dev/null +++ b/design/templates/details/national-parks.html @@ -0,0 +1,53 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | Projects | National Parks {% endblock %} +{% block metadescription %}{% endblock %} + + +{%block bodyid%}id="projects-detail"{%endblock%} + +{% block htmlclass %}class="dark"{% endblock %} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> + <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> + <li>National Parks</li> + </ul> + <section> + <h1 class="hide">The National Parks Project</h1>{% for object in object_list %} + <article id="park-{{forloop.counter}}" class="park"> + <h1>{{object.name}}</h1> + <div class="figure"> + <img src="{{object.image.url}}" alt="{{object.name}}" width="{{object.image_width}}" height="{{object.image_height}}" /> + </div> + <div class="legend"> + <h2>{{object.tag_line}}</h2> + <ul class="buttons"> + <li><a href="{{object.post.get_absolute_url}}" title="{{object.post.title}}">Read Journal</a></li> + {%if object.gallery%}<li><a href="{{object.gallery.get_absolute_url}}" title="Photos of {{object.unit_name}}">View Photos</a></li>{%endif%} + <li><a href="#" class="map-link" title="{{object.mpoly.centroid.y}},{{object.mpoly.centroid.x}},{{object.zoom}},{{object.id}}">Map</a></li> + <li><a href="#" id="more-{{forloop.counter}}"class="more-link" title="More about {{object.unit_name}}">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>{{object.date_visited_begin|date:"m/d/y"}} - {{object.date_visited_end|date:"m/d/y"}}</dd> + <dt>State:</dt> + <dd>{{object.state}}</dd> + <dt>Size:</dt> + <dd>{{object.size}} sq miles</dd> + <dt>Cost:</dt> + <dd>${{object.fee}} / ${{object.camping_fee}} (entry/camping)</dd> + <dt>Link:</dt> + <dd>{{object.url|urlize}}</dd> + </dl> + </div> + </article>{% endfor %} + </section> +{% endblock %} +{% block js %} + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/underscore-min.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/natparks.min.js" ></script> + <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> + +{% endblock %} diff --git a/design/templates/details/photo.html b/design/templates/details/photo.html new file mode 100644 index 0000000..200995f --- /dev/null +++ b/design/templates/details/photo.html @@ -0,0 +1,85 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% block pagetitle %}Luxagraf | {{object.title|title|smartypants|safe}}{% endblock %} +{% block metadescription %}Luxagraf: Photo, {{object.title}}, Photographer: Scott Gilbertson, Published: {{ object.pub_date|date:"N j, Y" }} {{ object.pub_date|date:"h:i a" }}Camera:{%if object.exif_make%}{%if object.exif_make != 'Canon'%}{{ object.exif_make }}{%endif%} {{ object.exif_model }}{% else %}Canon Powershot S45{%endif%}, Aperture: {%if object.exif_aperture%}{{ object.exif_aperture }}{%else%}Not Recorded{%endif%}, Shutter Speed: {%if object.exif_shutter%}{{ object.exif_shutter }} sec{%else%}Not Recorded{%endif%}, Film Speed: {%if object.exif_iso%}{{ object.exif_iso }} ISO{%else%}Not Recorded{%endif%}.{% endblock %} +{% block date %}{{object.pub_date|date:"F j, Y"}}<span class="small byline">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.location.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.location.state.country.name}}{%endif%}</span>{% endblock %} + + + + {% block title %}{{object.title|smartypants|safe}}{% endblock %} + + + {% block primary %} + + <a href="http://flickr.com/photos/luxagraf/{{object.flickr_id}}/" title="View {{object.flickr_title}} on Flickr.com"><img class="flickr-image" src="{{ object.get_medium_url }}" alt="{{object.title}}" title="{{object.title}}" /></a> + {% if object.description != 'None' %} + <p>{{ object.description|smartypants|widont|safe }}</p> + {%endif %} + <p>Other Sizes: <a href="{{object.get_large_url}}" title="see large image">Large</a> and + <a href="http://flickr.com/photo_zoom.gne?id={{object.flickr_id}}&size=o" title="see original image">Original</a></p> + + + + <div id="extra"> + + + + <p>If you enjoy this photo, you can follow along on <a href="http://flickr.com/photos/luxagraf/" title="Flickr" rel="me">Flickr</a>, <a href="http://www.facebook.com/profile.php?id=730956404" title="Facebook" rel="me">Facebook</a>, <a href="http://friendfeed.com/luxagraf" title="friendfeed" rel="me">FriendFeed</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about luxagraf, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> + </div> + + <div id="nav"> + <ul> + {% if object.get_previous_published%} + <li> + <a href="{{ object.get_previous_published.get_absolute_url }}" title=" {{object.get_previous_published.title}}">«previous</a> + </li> + {%endif%} + {% if object.get_next_published%} + <li class="next"> + <a href="{{ object.get_next_published.get_absolute_url }}" title=" {{object.get_next_published.title}}">next»</a> + + </li> + {%endif%} + </ul> + </div> + <h4 id="comment-header">comments</h4> + <p>If you'd like to leave a comment, you may do so on <a href="http://flickr.com/photos/luxagraf/{{object.flickr_id}}/" title="leave a comment on Flickr">Flickr</a>.</p> + + {% endblock %} + + + +{% block sidebar %} + <div id="sidebar"> + <div id="nav"> + <ul> + {% if object.get_previous_published%} + <li> + <a href="{{ object.get_previous_published.get_absolute_url }}" title=" {{object.get_previous_published.title}}">« previous</a> + </li> + {%endif%} + {% if object.get_next_published%} + <li class="next"> + <a href="{{ object.get_next_published.get_absolute_url }}" title=" {{object.get_next_published.title}}">next »</a> + + </li> + {%endif%} + </ul> + </div> + + <div class="blok"> + <h4>Image Data</h4> + + <dl class="sidebar meta"> + <dt>Camera:</dt> + <dd>{%if object.exif_make%}{%if object.exif_make != 'Canon'%}{{ object.exif_make }}{%endif%} {{ object.exif_model }}{% else %}Canon Powershot S45{%endif%}</dd> + <dt>Aperture:</dt> + <dd>{%if object.exif_aperture%}{{ object.exif_aperture }}{%else%}Not Recorded{%endif%}</dd> + <dt>Shutter Speed:</dt> + <dd>{%if object.exif_shutter%}{{ object.exif_shutter }} sec{%else%}Not Recorded{%endif%}</dd> + <dt>Film Speed:</dt> + <dd>{%if object.exif_iso%}{{ object.exif_iso }} ISO{%else%}Not Recorded{%endif%}</dd> + </dl> + </div> + </div> +{% endblock %}
\ No newline at end of file diff --git a/design/templates/details/photo_galleries.html b/design/templates/details/photo_galleries.html new file mode 100644 index 0000000..e61c9b7 --- /dev/null +++ b/design/templates/details/photo_galleries.html @@ -0,0 +1,70 @@ +{% extends 'base.html' %} +{% load typogrify %} +{% load number_to_word %} + +{% block pagetitle %}{{object.set_title}} - Luxagraf, Photos{% endblock %} +{%block htmlclass%}class="black"{%endblock%} + + +{% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %} + +{%block bodyid%}class="image_gallery"{%endblock%} + +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> + <li><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> →</li> + <li>{{object.set_title}}</li> + </ul> + <p class="directions">Use left/right arrow keys to navigate through photos</p> + <section id="slides"> + <h1 class="hide">Photos from {{object.set_title}}</h1>{%for photo in object.photos.all reversed %} + <article id="image-{{forloop.counter}}"> + <h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">∞ {{forloop.counter|number_to_word}} ∞</a></h6> + <div class="fig"><img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" {%if photo.is_portait %}class="v"{%endif%} height="{{photo.slideshowimage_height}}" width="{{photo.slideshowimage_width}}" /></div> + <div class="figcaption"> + <div class="caption" id="id-{{photo.id}}"> + <h3>{{photo.title}} <time datetime="{{photo.exif_date|date:'c'}}" pubdate>{{photo.exif_date|date:"M j, Y"}}</time></h3> + <a class="map-link" href="#" title="{{photo.lat}},{{photo.lon}},id-{{photo.id}}">Map</a> + {%if photo.description %}<p>{{photo.description|safe}}</p> {%endif%} + </div> + <div class="photo-options"> + <p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 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 == 'OLYMPUS M.9-18mm F4.0-5.6' %}<a href="http://amzn.to/mGNVkl" title="buy the {{photo.exif_lens}} on Amazon">Olympus 9-18mm lens</a>{%endif%}{%if photo.exif_lens == None %}{%endif%}</p> + <p>{{photo.exif_exposure}} sec @ {{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> + + {%comment%} + <div class="meta" style="display: none;"> + <dl> + <dt>Camera:</dt> + <dd>{% 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' %}<a href="http://amzn.to/cLQozJ" title="Buy on Amazon">{{photo.exif_make}} {{photo.exif_model}}</a>{%endif%}</dd> + <dt>Lens: </dt> + <dd>{%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">{{photo.exif_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">{{photo.exif_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">{{photo.exif_lens}}</a>{%endif%}{%if photo.exif_lens == None %}Built-in{%endif%}</dd> + <dt>Exposure</dt> + <dd>{{photo.exif_exposure}}</dd> + <dt>Aperture</dt> + <dd>{{photo.exif_aperture}}</dd> + <dt>Focal Length: </dt> + <dd>{{photo.exif_focal_length}}</dd> + <dt>ISO: </dt> + <dd>{{photo.exif_iso}}</dd> + <dt>Comments: </dt> + <dd><a href="{{photo.flickr_link}}" title="View this Photo on Flickr.com">View on Flickr</a></dd> + </dl> + </div> + {%endcomment%} + </div> + </article> + {% endfor %} + </section> +{%endblock%} + +{% 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/photos.min.js" ></script> + <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> +{% endblock%} + + diff --git a/design/templates/feeds/blog_description.html b/design/templates/feeds/blog_description.html new file mode 100644 index 0000000..29c4f44 --- /dev/null +++ b/design/templates/feeds/blog_description.html @@ -0,0 +1 @@ +{{obj.body_html|safe}}
\ No newline at end of file diff --git a/design/templates/feeds/links_description.html b/design/templates/feeds/links_description.html new file mode 100644 index 0000000..09d5411 --- /dev/null +++ b/design/templates/feeds/links_description.html @@ -0,0 +1 @@ +<img style="float: left; padding: 0 5px 5px 0;"src="http://images.luxagraf.net/magnolia_thumbs/{{obj.screen_url}}" />{{obj.description|safe }}
\ No newline at end of file diff --git a/design/templates/gis/admin/google.html b/design/templates/gis/admin/google.html new file mode 100644 index 0000000..460d28d --- /dev/null +++ b/design/templates/gis/admin/google.html @@ -0,0 +1,5 @@ +{% extends "gis/admin/openlayers.html" %}
+{% block extrastyle %}{{ block.super }}
+<style type="text/css">v\:* {behavior:url(#default#VML);}</style>
+{% endblock %}
+{% block openlayers %}{% include "gis/admin/google.js" %}{% endblock %}
\ No newline at end of file diff --git a/design/templates/gis/admin/google.js b/design/templates/gis/admin/google.js new file mode 100644 index 0000000..a7d1467 --- /dev/null +++ b/design/templates/gis/admin/google.js @@ -0,0 +1,2 @@ +{% extends "gis/admin/openlayers.js" %}
+{% block base_layer %}new OpenLayers.Layer.Google("Google Base Layer", {'type': G_NORMAL_MAP, 'sphericalMercator' : true});{% endblock %}
\ No newline at end of file diff --git a/design/templates/oldbase.html b/design/templates/oldbase.html new file mode 100644 index 0000000..ecf2a5c --- /dev/null +++ b/design/templates/oldbase.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]> <html lang="en" class="ie ie6"> <![endif]--> +<!--[if IE 7 ]> <html lang="en" class="ie ie7"> <![endif]--> +<!--[if IE 8 ]> <html lang="en" class="ie ie8"> <![endif]--> +<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--> +<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> +<head> + <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <!--[if IE]> + <script src="{{MEDIA_URL}}js/html5.js"></script> + <![endif]--> + <link rel="alternate" + type="application/rss+xml" + title="RSS 2.0" + href="http://feeds2.feedburner.com/luxagraf/blog"> + <link rel="stylesheet" + href="{{MEDIA_URL}}css/base.css" + media="screen"> + <link rel="stylesheet" + href="{{MEDIA_URL}}css/print.css" + media="print">{%block stylesheet%}{%endblock%} + <link rel="shortcut icon" + href="http://media.luxagraf.net/img/favicon.ico" + type="image/vnd.microsoft.icon"> + <link rel="apple-touch-icon" + href="http://media.luxagraf.net/img/luxagrafiphoneicon.png"> + <meta name="author" content="luxagraf"> + <meta name="description" + 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"> + {%block extrahead%}{%endblock%} +</head> + +<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> + <header> + <hgroup> + <h1><a id="logo" href="/" title="home">Luxagraf</a></h1> + <h2><a href="/about/" title="About Luxagraf">{a travelogue}</a></h2> + </hgroup> + <nav> + <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="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> + </nav> + </header> + {% block primary %} + <article> + + </article> + {% endblock %} + {% block extrabody %} {% endblock %} + + <div class="clearfix"></div> + <footer> + <section id="license"> + <p>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></p> + </section> + <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://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> + </footer> + {% block js %}{% endblock%} + <script type="text/javascript"> + var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); + document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); + </script> + <script type="text/javascript"> + try { + var pageTracker = _gat._getTracker("UA-1186171-1"); + pageTracker._trackPageview(); + } catch(err) {}</script> +</body> +</html> |