diff options
Diffstat (limited to 'bak/oldluxpages/oldpages/about.html')
| -rw-r--r-- | bak/oldluxpages/oldpages/about.html | 91 |
1 files changed, 91 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> |