diff options
Diffstat (limited to 'bak/oldluxpages/oldpages')
| -rw-r--r-- | bak/oldluxpages/oldpages/about.html | 91 | ||||
| -rw-r--r-- | bak/oldluxpages/oldpages/babyvideos.html | 117 | ||||
| -rw-r--r-- | bak/oldluxpages/oldpages/contact.html | 92 |
3 files changed, 300 insertions, 0 deletions
diff --git a/bak/oldluxpages/oldpages/about.html b/bak/oldluxpages/oldpages/about.html new file mode 100644 index 0000000..6cd82c9 --- /dev/null +++ b/bak/oldluxpages/oldpages/about.html @@ -0,0 +1,91 @@ +<!DOCTYPE html> +<html class="single" dir="ltr" lang="en-US"> +<head> + <meta charset="utf-8"> + <title>Luxagraf | About Luxagraf</title> + <meta name="description" + content="About: Luxagraf is written and published by Scott Gilbertson. Writing is done in Vim and then published using a variety of free software. Photos are taken with a Panasonic GF1."> + <meta name="author" content="Scott Gilbertson"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <!--[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/screenv8.css" + media="screen"> + <!--[if IE]> + <link rel="stylesheet" + href="/media/css/ie.css" + media="screen"> + <![endif]--> + +</head> +<body id="about luxagraf"> + <div class="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="stories"><a href="/jrnl/" title="An archive of writings from around the world">Journal</a></li> + <li id="photos"><a href="/photos/" 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="field-notes"><a href="/field-notes/" title="Shorter thoughts, sometimes syndicated to twitter">Field Notes</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" class="last"><a href="/about" title="About Luxagraf">Etc</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>About Luxagraf</li> + </ul> + <article role="main"> + <h1 class="page--title">About Luxagraf</h1> + <div class="post--article"> + <p>Luxagraf is written and published by Scott Gilbertson.</p> +<p><img alt="Scott Gilbertson" src="http://luxagraf.net/media/img/bio.jpg"></p> +<p>Photo by <a href="http://twitter.com/lagsolo" title="@lagsolo on Twitter">@lagsolo</a></p> +<p>If you must have more details about me, or if you’d like to hire me, check out <a href="http://www.scottgilbertson.net/">scottgilbertson.net</a> </p> +<h2>Acknowledgments</h2> +<p>I don’t use a pre-packaged publishing system that you can go download and use yourself. Luxagraf is created primarily by hand, with a lot of tools loosely joined. Most of these tools are free software that you too can use and modify as you see fit. Without these amazing tools I wouldn’t be able to do this — many thanks to the people who created and maintain them.</p> +<p><a href="http://docs.djangoproject.com/en/dev/ref/contrib/gis/" title="Geodjango: a world-class geographic web framework">GeoDjango framework</a> — Behind the scenes this handles a few things, like geographic queries and putting everything on a map. If you have any interest in working with geographic data, this is by far the best tool I’ve used.</p> +<p><a href="https://www.python.org/">Python</a> — GeoDjango of course depends on Python, which in turn runs on my <a href="http://www.debian.org/">Linux server</a> hosted by <a href="https://www.digitalocean.com/">Digital Ocean</a>. <a href="http://nginx.org/">Nginx</a> serves the flat HTML files you’re looking at here.</p> +<p><a href="http://www.openstreetmap.org/">OpenStreetMap</a> — I use OpenStreetMap data for all the maps on this site. OpenStreetMap is like the Wikipedia of maps, except that it isn’t wrong half the time. Whenever I feel skeptical about the so-called collective power of people on the internet, I remember OpenStreetMap and feel a little better.</p> +<p><a href="http://leafletjs.com/">Leaflet.js</a> — This is the JavaScript Library that makes it really easy to load all the pretty maps you see on luxagraf. The map tiles themselves were developed by a company call ESRI and are credited with links on the various maps.</p> +<p><a href="http://www.vim.org/">Vim</a> — The text editor I used to type up most things, including these words right now.</p> +<p>The site validates as HTML5 and uses something the kids call responsive web design. I may or may not have written an entire <a href="http://longhandpixels.net/books/responsive-web-design">book on responsive web design</a>. </p> +<p>Luxagraf should work in every web browser. If you have trouble, or see something that just doesn’t seem right, please <a href="/contact">let me know</a>.</p> +<h2>Photography</h2> +<p>Currently photos are taken with a Panasonic GF1. This is hands down the best digital camera I have ever used and second only to my old Nikon F3. In the past I have used a Panasonic LX2 and a Canon S45. </p> +<p>Minimal photo processing is done with either Adobe Lightroom and Photoshop on OS X or Darktable and GIMP on Linux. </p> +<p>The <a href="/photos/">photo gallery layout</a> was inspired by the lovely (and now defunct) <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/" title="Creative Commons: Attribution-ShareAlike 3.0 Unported">attribution, share-alike license</a>, which means you’re free to use them so long as you attribute them to me.</p> + </div> + </article> + + + <footer role="contentinfo"> + <nav class="bl"> + <ul> + <li><a href="/rss/" title="RSS feed">Subscribe</a></li> + <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li> + <li><a href="https://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-2014 + <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> + + <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-1186171-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script> +</body> +</html> diff --git a/bak/oldluxpages/oldpages/babyvideos.html b/bak/oldluxpages/oldpages/babyvideos.html new file mode 100644 index 0000000..4e00739 --- /dev/null +++ b/bak/oldluxpages/oldpages/babyvideos.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html class="dark" dir="ltr" lang="en-US"> +<head> + <meta charset="utf-8"> + <title>Luxagraf | Videos of Lilah and Olivia</title> + <meta name="description" + content=""> + <meta name="author" content="Scott Gilbertson"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <!--[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/screenv8.css" + media="screen"> + <!--[if IE]> + <link rel="stylesheet" + href="/media/css/ie.css" + media="screen"> + <![endif]--> + +<style> +.vidwrap{ + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} +.vidwrap video, +.vidwrap embed, { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + + +@media only screen and (max-width : 960px) { + .vidwrap video {width: 100%;} +} +@media only screen and (min-width : 1024px) {} + .vidwrap video {max-width: 960px;} +} + +</style> +<meta name="robots" content="noindex, nofollow"> + +</head> +<body > + <div class="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="stories"><a href="/jrnl/" title="An archive of writings from around the world">Journal</a></li> + <li id="photos"><a href="/photos/" 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="field-notes"><a href="/field-notes/" title="Shorter thoughts, sometimes syndicated to twitter">Field Notes</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" class="last"><a href="/about" title="About Luxagraf">Etc</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>Videos of Lilah and Olivia</li> + </ul> + <div role="main"> + <div class="vidwrap"><video controls> + <source src="http://images.luxagraf.net/videos/oliviawalking.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src="http://images.luxagraf.net/videos/oliviawalking.webm" type='video/webm; codecs="vp8, vorbis"' /> +</video></div> + +<div class="vidwrap"><video controls> + <source src="http://images.luxagraf.net/videos/lilah1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src="http://images.luxagraf.net/videos/lilah1.webm" type='video/webm; codecs="vp8, vorbis"' /> +</video></div> + +<div class="vidwrap"><video controls> + <source src="http://images.luxagraf.net/videos/oliviaplayinginsand.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src="http://images.luxagraf.net/videos/oliviaplayinginsand.webm" type='video/webm; codecs="vp8, vorbis"' /> +</video></div> + +<div class="vidwrap"><video controls> + <source src="http://images.luxagraf.net/videos/lilahtastingsand.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> + <source src="http://images.luxagraf.net/videos/lilahtastingsand.webm" type='video/webm; codecs="vp8, vorbis"' /> +</video></div> + </div> + + + <footer role="contentinfo"> + <nav class="bl"> + <ul> + <li><a href="/rss/" title="RSS feed">Subscribe</a></li> + <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li> + <li><a href="https://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-2014 + <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> + + <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-1186171-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script> +</body> +</html> diff --git a/bak/oldluxpages/oldpages/contact.html b/bak/oldluxpages/oldpages/contact.html new file mode 100644 index 0000000..afc76c5 --- /dev/null +++ b/bak/oldluxpages/oldpages/contact.html @@ -0,0 +1,92 @@ +<!DOCTYPE html> +<html class="single" dir="ltr" lang="en-US"> +<head> + <meta charset="utf-8"> + <title>Luxagraf | Contact Luxagraf</title> + <meta name="description" + content="How to get in touch with me."> + <meta name="author" content="Scott Gilbertson"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <!--[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/screenv8.css" + media="screen"> + <!--[if IE]> + <link rel="stylesheet" + href="/media/css/ie.css" + media="screen"> + <![endif]--> + +</head> +<body id="contact luxagraf"> + <div class="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="stories"><a href="/jrnl/" title="An archive of writings from around the world">Journal</a></li> + <li id="photos"><a href="/photos/" 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="field-notes"><a href="/field-notes/" title="Shorter thoughts, sometimes syndicated to twitter">Field Notes</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" class="last"><a href="/about" title="About Luxagraf">Etc</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>Contact Luxagraf</li> + </ul> + <article role="main"> + <h1 class="page--title">Contact Luxagraf</h1> + <div class="post--article"> + <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>. Or, if you prefer, you can email me: </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> + + + <footer role="contentinfo"> + <nav class="bl"> + <ul> + <li><a href="/rss/" title="RSS feed">Subscribe</a></li> + <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li> + <li><a href="https://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-2014 + <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> + + <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-1186171-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script> +</body> +</html> |