2015-10-26 10:08:01 +01:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="js/handlers.js"></script>
|
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic' rel='stylesheet' type='text/css'>
|
|
|
|
|
<link rel="stylesheet" href="css/boilerplate.css"></script>
|
|
|
|
|
<link rel="stylesheet" href="css/styles.css"></script>
|
|
|
|
|
<link rel="stylesheet" href="css/fontello/css/animation.css"></script>
|
|
|
|
|
<link rel="stylesheet" href="css/fontello/css/elodie.css"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body style="width:100%; height:100%">
|
|
|
|
|
<div class="titlebar">
|
|
|
|
|
How can I help you? <em>-- Elodie</em><i></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="location">
|
|
|
|
|
<label for="location-field"><i class="icon-map"></i>Change geolocation</label>
|
|
|
|
|
<input id="location-field" type="text" placeholder="i.e. Sunnyvale, CA">
|
2015-10-28 09:38:45 +01:00
|
|
|
<button class="push add-location updatePhotos">Update<i></i></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="datetime">
|
|
|
|
|
<label for="datetime-field"><i class="icon-calendar"></i>Change date and time</label>
|
|
|
|
|
<input id="datetime-field" type="text" placeholder="i.e. 2015-07-31">
|
|
|
|
|
<button class="push add-datetime updatePhotos">Update<i></i></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title">
|
|
|
|
|
<label for="title-field"><i class="icon-title"></i>Change title</label>
|
|
|
|
|
<input id="title-field" type="text" placeholder="i.e. Elodie smiling at dinner">
|
|
|
|
|
<button class="push add-title updatePhotos">Update<i></i></button>
|
2015-10-26 10:08:01 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="album">
|
|
|
|
|
<label for="album-field"><i class="icon-book"></i>Create album</label>
|
2015-10-28 09:38:45 +01:00
|
|
|
<input id="album-field" type="text" placeholder="i.e. Elodie's Birthday Party">
|
|
|
|
|
<button class="push add-album updatePhotos">Update<i></i></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="status">
|
|
|
|
|
<!--<ul>
|
|
|
|
|
<li>IMG_6365.JPG <i class="icon-happy"></i><div class="destination" title="/Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg">/Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg</div></li>
|
|
|
|
|
<li>IMG_1234.JPG <i class="icon-unhappy"></i><div class="destination" title="/Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg">/Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg</div></li>
|
|
|
|
|
</ul>-->
|
2015-10-26 10:08:01 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="preview">
|
|
|
|
|
<!--<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
2015-10-28 09:38:45 +01:00
|
|
|
<div class="center-cropped video"></div>
|
|
|
|
|
<div class="center-cropped video"></div>
|
2015-10-26 10:08:01 +01:00
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>
|
|
|
|
|
<div class="center-cropped" style="background-image:url('file:///Users/jaisenmathai/Downloads/media/2015-10-Oct/Sunnyvale/2015-10-17_01-03-50-img_6365.jpg');"></div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-10-28 09:38:45 +01:00
|
|
|
<script>
|
|
|
|
|
document.getElementById('location-field').focus();
|
|
|
|
|
</script>
|
2015-10-26 10:08:01 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
