Dave Jarvis' Repositories

git clone https://repo.autonoma.ca/repo/recipe-fiddle.git
<?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 } );
  }

  // Bring attention to the create recipe icon.
  shake();
  setTimeout( shake, 1618 );
  setTimeout( shake, 3236 );

  // Open the tutorial video in a pop-up.
  $('a.video').YouTubePopup({
    useYouTubeTitle: true,
    modal: true,
    clickOutsideClose: true,
    hd: 1,
    width: 854,
    height: 480
  });
});
</script>
</body>
</html>