<?php
include "common/php/constants.php";
$DEFAULT_APP_SLOGAN = "Create personalized recipe books in minutes.";
?>
<html>
<head>
<link rel="stylesheet" hreF="<?php echo $BASE_CSS_APP; ?>homepage.css" type="text/css" media="screen,print" />
<link rel="stylesheet" hreF="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" type="text/css" media="screen,print" />
<title><?php echo "$DEFAULT_APP_TITLE - $DEFAULT_APP_SLOGAN"; ?></title>
</head>
<body>
<div class="outer">
<div class="middle">
<div class="inner">
<h1>Recipe Fiddle<sup style="position: relative; top: -1em; font-size: 30%; color: #0099cc;">beta!</sup></h1>
<div style="width: 355px; display: inline-block;">
<a id="nav-search" style="float:left" href="<?php echo $BASE_SEARCH ?>" title="Recipe Search"><img class="recipe-search" src="<?php echo $BASE_APP; ?>images/icons/homepage/search.png" width="150" height="150" border="0" alt="Recipe Search" /></a>
<a id="nav-recipe" style="float:right" href="<?php echo $BASE_RECIPE ?>?command=create-recipe" title="Add Recipe"><img class="recipe-create" src="<?php echo $BASE_APP; ?>images/icons/homepage/create.png" width="150" height="150" border="0" alt="Add Recipe" /></a>
</div>
<p class="tagline"><?php echo $DEFAULT_APP_SLOGAN; ?></p>
<p>
<a class="video" href="https://www.youtube.com/watch?v=ktK_B0uKKUc&hd=1">Watch Tutorial</a>
</p>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo $BASE_JAVASCRIPT . 'rz.video.min.js' ?>" charset="utf-8"></script>
<script>
$(document).ready(function() {
$(document).tooltip();
function shake() {
$("#nav-recipe").effect( "shake", { distance: 5 } );
}
shake();
setTimeout( shake, 1618 );
setTimeout( shake, 3236 );
$('a.video').YouTubePopup({
useYouTubeTitle: true,
modal: true,
clickOutsideClose: true,
hd: 1,
width: 854,
height: 480
});
});
</script>
</body>
</html>