1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
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>
|
