diff options
Diffstat (limited to 'bak/oldluxpages/projects/national-parks/index.html')
| -rw-r--r-- | bak/oldluxpages/projects/national-parks/index.html | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/bak/oldluxpages/projects/national-parks/index.html b/bak/oldluxpages/projects/national-parks/index.html new file mode 100644 index 0000000..2515852 --- /dev/null +++ b/bak/oldluxpages/projects/national-parks/index.html @@ -0,0 +1,280 @@ +<!DOCTYPE html> +<html class="dark" dir="ltr" lang="en-US"> + +<head> + <title>Luxagraf | Projects | National Parks </title> + <meta charset="utf-8"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" + content=""> + <meta name="author" content="Scott Gilbertson"> + <!--[if IE]> + <script src="/js/html5css3ie.min.js"></script> + <![endif]--> + <link rel="alternate" + type="application/rss+xml" + title="Luxagraf RSS feed" + href="https://luxagraf.net/rss/"> + <link rel="stylesheet" + href="/media/screenv9.css" + media="screen"> + <!--[if IE]> + <link rel="stylesheet" + href="/media/css/ie.css" + media="screen"> + <![endif]--> + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> + <link rel="manifest" href="/manifest.webmanifest" /> + + <script src="/media/js/leaflet-master/leaflet-mod.js"></script> + <style> + #map-canvas img{ border: none;} + </style> + +</head> +<body id="projects-detail"> + <div class="wrapper" id="wrapper"> + <div class="header-wrapper"> + <header role="banner"> + <h1><a id="logo" href="/" title="home">Luxagraf</a></h1> + <h2>Walk Slowly</h2> + </header> + <nav role="navigation" class="bl"> + <ul> + <li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Jrnl</a></li> + <li id="laverdad"><a href="/essays/" title="Writings">Essays</a></li> + <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li> + <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i--> + <!--<li id="maps"><a href="/map" title="Maps">Map</a></li>--> + <li id="about"><a href="/about" title="About Luxagraf">About</a></li> + <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li> + </ul> + </nav> + </div> + <ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> + <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> + <li>National Parks</li> + </ul> + <main role="main" class="main--full"> + <h1 class="hide">The National Parks Project</h1> + <article id="park-1" class="park"> + <h1 class="park--title">Dinosaur National Monument</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/dinosauryampacanyon.jpg" alt="Dinosaur National Monument" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">Wild Canyons and Epic Rivers</h2> + <ul class="buttons"> + <li><a href="/jrnl/2010/08/dinosaur-national-monument-part-two-down-river" title="Dinosaur National Monument, Part Two: Down the River">Read Journal</a></li> + <li><a href="/photos/galleries/lodore-canyon-river-trip/" title="Photos of Dinosaur">View Photos</a></li> + <li><a href="#" class="map-link" data-latitude="40.50696472569315" data-longitude="-108.93369196344501" data-zoom="10" data-id="67">Map</a></li> + <li><a href="#" id="more-1" class="more-link" title="More about Dinosaur">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>07/27/10 - 08/02/10</dd> + <dt>State:</dt> + <dd>Colorado</dd> + <dt>Size:</dt> + <dd>329 sq miles</dd> + <dt>Cost:</dt> + <dd>$0 / $8-25 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/dino/index.htm" rel="nofollow">http://www.nps.gov/dino/index.htm</a></dd> + </dl> + </figcaption> + </figure> + </article> + <article id="park-2" class="park"> + <h1 class="park--title">Yellowstone National Park</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/yellowstone.jpg" alt="Yellowstone National Park" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">Geothermal Kaleidoscopes</h2> + <ul class="buttons"> + <li><a href="/jrnl/2010/07/endless-crowds-yellowstone" title="The Endless Crowds of Yellowstone">Read Journal</a></li> + <li><a href="/photos/galleries/yellowstone-national-park/" title="Photos of Yellowstone National Park">View Photos</a></li> + <li><a href="#" class="map-link" data-latitude="44.5964445650193" data-longitude="-110.54719621269949" data-zoom="8" data-id="392">Map</a></li> + <li><a href="#" id="more-2" class="more-link" title="More about Yellowstone National Park">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>07/23/10 - 07/26/10</dd> + <dt>State:</dt> + <dd>Wyoming</dd> + <dt>Size:</dt> + <dd>3472 sq miles</dd> + <dt>Cost:</dt> + <dd>$25 / $18-25 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/yell" rel="nofollow">http://www.nps.gov/yell</a></dd> + </dl> + </figcaption> + </figure> + </article> + <article id="park-3" class="park"> + <h1 class="park--title">Grand Teton National Park</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/grandteton.jpg" alt="Grand Teton National Park" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">High Mountain Wilderness</h2> + <ul class="buttons"> + <li><a href="/jrnl/2010/07/backpacking-grand-tetons" title="Backpacking in the Grand Tetons">Read Journal</a></li> + <li><a href="/photos/galleries/grand-teton-national-park/" title="Photos of Grand Teton National Park">View Photos</a></li> + <li><a href="#" class="map-link" data-latitude="43.81816011233728" data-longitude="-110.70548773558588" data-zoom="10" data-id="465">Map</a></li> + <li><a href="#" id="more-3" class="more-link" title="More about Grand Teton National Park">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>07/21/10 - 07/24/10</dd> + <dt>State:</dt> + <dd>Wyoming</dd> + <dt>Size:</dt> + <dd>490 sq miles</dd> + <dt>Cost:</dt> + <dd>$25 / $20-30 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/grte" rel="nofollow">http://www.nps.gov/grte</a></dd> + </dl> + </figcaption> + </figure> + </article> + <article id="park-4" class="park"> + <h1 class="park--title">Great Sand Dunes National Park</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/greatsanddunes.jpg" alt="Great Sand Dunes National Park" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">Sand, Lots and Lots of Sand</h2> + <ul class="buttons"> + <li><a href="/jrnl/2010/07/great-sand-dunes-national-park" title="Great Sand Dunes National Park">Read Journal</a></li> + <li><a href="/photos/galleries/great-sand-dunes-national-park/" title="Photos of Great Sand Dunes National Park">View Photos</a></li> + <li><a href="#" class="map-link" data-latitude="37.749409675488124" data-longitude="-105.61375098738661" data-zoom="11" data-id="300">Map</a></li> + <li><a href="#" id="more-4" class="more-link" title="More about Great Sand Dunes National Park">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>07/17/10 - 07/17/10</dd> + <dt>State:</dt> + <dd>Colorado</dd> + <dt>Size:</dt> + <dd>132 sq miles</dd> + <dt>Cost:</dt> + <dd>$3 / $14 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/grsa" rel="nofollow">http://www.nps.gov/grsa</a></dd> + </dl> + </figcaption> + </figure> + </article> + <article id="park-5" class="park"> + <h1 class="park--title">Death Valley National Park</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/deathvalley.jpg" alt="Death Valley National Park" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">The Land of Dust and Heat</h2> + <ul class="buttons"> + <li><a href="/jrnl/2010/04/death-valley" title="(There'll Be) Peace in the Valley">Read Journal</a></li> + <li><a href="/photos/galleries/death-valley/" title="Photos of Death Valley">View Photos</a></li> + <li><a href="#" class="map-link" data-latitude="36.48380419746443" data-longitude="-117.13331953028587" data-zoom="8" data-id="65">Map</a></li> + <li><a href="#" id="more-5" class="more-link" title="More about Death Valley">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>04/07/10 - 04/08/10</dd> + <dt>State:</dt> + <dd>California</dd> + <dt>Size:</dt> + <dd>5,269 sq miles</dd> + <dt>Cost:</dt> + <dd>$20 / $12-18 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/deva/index.htm" rel="nofollow">http://www.nps.gov/deva/index.htm</a></dd> + </dl> + </figcaption> + </figure> + </article> + <article id="park-6" class="park"> + <h1 class="park--title">Great Smoky Mountains National Park</h1> + <figure class="fig"> + <img src="http:///127.0.0.1:8066/media/images/projects/np/2010/smokies.jpg" alt="Great Smoky Mountains National Park" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">History Amidst the Swirling Fog</h2> + <ul class="buttons"> + <li><a href="/jrnl/2008/10/elkmont-and-great-smoky-mountains" title="Elkmont and the Great Smoky Mountains">Read Journal</a></li> + + <li><a href="#" class="map-link" data-latitude="35.60056612796047" data-longitude="-83.50852706614796" data-zoom="9" data-id="118">Map</a></li> + <li><a href="#" id="more-6" class="more-link" title="More about Great Smoky Mountains">More</a></li> + </ul> + <dl class="meta" style="visibility: hidden;"> + <dt>Visited:</dt> + <dd>10/31/08 - 11/03/08</dd> + <dt>State:</dt> + <dd>Tennessee</dd> + <dt>Size:</dt> + <dd>815 sq miles</dd> + <dt>Cost:</dt> + <dd>$0 / $14-23 (entry/camping)</dd> + <dt>Link:</dt> + <dd><a href="http://www.nps.gov/grsm/index.htm" rel="nofollow">http://www.nps.gov/grsm/index.htm</a></dd> + </dl> + </figcaption> + </figure> + </article> + </main> + + + <footer role="contentinfo"> + <nav class="bl"> + <ul> + <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li> + <li><a href="/contact/" title="contact luxagraf">Contact</a></li> + <li>Follow Along: + <ul> + <li><a href="/jrnl/feed.xml" title="RSS feed">RSS</a></li> + <li><a href="/email/subscribe" title="Luxagraf Email Updates">Email</a></li> + <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li> + <li><a href="https://www.facebook.com/luxagraf" rel="me" title="luxagraf on Facebook">Facebook</a></li> + </ul> + </ul> + <div class="support">Support luxagraf: + <div class="donate-btn"> + <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> + <input type="hidden" name="cmd" value="_s-xclick"> + <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ"> + <input type="submit" name="submit" alt="Donate to luxagraf via PayPal"> + </form> + </div> + <div class="donate-btn"> + <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a> + </div> + </div> + </nav> + <p id="license"> + © 2003-2019 + <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>, 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> + </div> + + <script type="text/javascript" src="/media/js/jquery.js"></script> + <script type="text/javascript" src="/media/js/natparks.min.js" ></script> + +<script> +// Register our service-worker +if (navigator.serviceWorker) { + window.addEventListener('load', function() { + if (navigator.serviceWorker.controller) { + navigator.serviceWorker.controller.postMessage({'command': 'trimCaches'}); + } else { + navigator.serviceWorker.register('/media/js/serviceworker.js', { + scope: '/' + }); + } + }); +} +</script> + + +</body> +</html> |