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