Work on reservation widget
authorSteve Sutton <steve@gaslightmedia.com>
Wed, 11 Feb 2015 14:42:11 +0000 (09:42 -0500)
committerSteve Sutton <steve@gaslightmedia.com>
Wed, 11 Feb 2015 14:42:11 +0000 (09:42 -0500)
scss/_structure.scss
templates/reservation.html
templates/template.html

index f3bb9c0..fbd47dd 100755 (executable)
@@ -489,7 +489,7 @@ ul#mainnav li a:hover {
 #reservation_wrapper {
     /*width: 990px;*/
     height: 59px;
-    padding: 16px 35px;
+    /*padding: 16px 35px;*/
     background: url(../assets/res_bg.jpg) 0 0 repeat-x;
 }
 #reservation_wrapper h2 {
@@ -499,15 +499,15 @@ ul#mainnav li a:hover {
     overflow: hidden;
     text-align: right;
     margin: 0;
-    padding: 3px 0;
+    /*padding: 3px 0;*/
 }
 #reservation_wrapper form {
     display: block;
-    float: left;
+    /*float: left;*/
     /*width: 70%;*/
     overflow: hidden;
     margin: 0;
-    padding: 0 0 0 20px;
+    /*padding: 0 0 0 20px;*/
 }
 #reservation_wrapper form input.hasDatepicker {
     display: block;
@@ -516,8 +516,8 @@ ul#mainnav li a:hover {
     height: 28px;
     border: 1px solid #6B6AB3;
     border-radius: 4px;
-    margin: 0 20px 0 0;
-    padding: 3px;
+    /*margin: 0 20px 0 0;*/
+    /*padding: 3px;*/
     color: #FFF;
     cursor: pointer;
     background: url(../assets/datepicker.jpg) 100% 0 no-repeat;
index 36ca23f..6b88e08 100644 (file)
@@ -1,15 +1,16 @@
 <form action="{baseURL:h}index.php?catid=427" method="post">
-    <div><input id="resArrival" name="arrival" value="Arrival Date"></div>
-    <div><input id="resDeparture" name="departure" value="Departure Date"></div>
-    <div><input type="submit" id="resSubmit" name="submit" value="Check Availability"></div>
+            <div class="small-12 medium-offset-1 medium-3 columns"><h2>Make A Reservation:</h2></div>
+            <div class="small-12 medium-2 columns"><input id="resArrival" name="arrival" value="Arrival Date"></div>
+            <div class="small-12 medium-2 columns"><input id="resDeparture" name="departure" value="Departure Date"></div>
+            <div class="small-12 medium-2 columns"><input type="submit" id="resSubmit" name="submit" value="Check Availability"></div>
 </form>
 <script>
-    $(function(){
+$(function(){
         $("#resArrival").datepicker({onSelect: function(dateStr) {
-                var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
-                d.setDate(d.getDate() + 2); // Add two days
-                $('#resDeparture').datepicker('setDate', d);
-        }});
+            var d = $.datepicker.parseDate('mm/dd/yy', dateStr);
+            d.setDate(d.getDate() + 2); // Add two days
+            $('#resDeparture').datepicker('setDate', d);
+            }});
         $("#resDeparture").datepicker();
-});
+        });
 </script>
index 9de0767..d49d176 100755 (executable)
@@ -1,62 +1,73 @@
-<!DOCTYPE HTML>
-<html lang="en">
-<head>
-<title>{pageTitle:h}</title>
-<meta http-equiv="content-type" content="text/html;charset=utf-8">
-<meta name="description" content="{metaTags:h}">
-{if:isReservationPage}
-<meta http-equiv="X-UA-Compatible" content="IE=9">
-{end:}
-<!--[if lt IE 9]>
-<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-<![endif]-->
-{styles:h}
-<link rel="shortcut icon" href="/favicon.ico?v=1.1">
-<link rel="stylesheet" href="{mediaBaseURL:h}styles.css?v=3"/>
-<!--<link rel="stylesheet" href="fancybox/jquery.fancybox.css"/>-->
-{topScripts:h}
-<script type="text/javascript">
-    var deviceType = "<?php echo $GLOBALS['deviceType'] ?>";
-</script>
-</head>
+<!doctype html>
+<html class="no-js" lang="en">
+    <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <title>{pageTitle:h}</title>
+    <meta name="description" content="{metaTags:h}">
+    {if:isReservationPage}
+    <meta http-equiv="X-UA-Compatible" content="IE=9">
+    {end:}
+    <script src="bower_components/modernizr/modernizr.js"></script>
+    {styles:h}
+    <link rel="stylesheet" href="css/app.css" />
+    <link rel="shortcut icon" href="/favicon.ico?v=1.1">
+    {topScripts:h}
+
+    </head>
 {if:isHomePage}
-<body id="home">
+    <body id="home">
 {else:}
 <body id="inside" class="pid{pageId} top{parentPageId}">
 {end:}
-<div id="wrapper">
-    <div id="header">
-        <a href="{homePageUrl:h}" id="logo">Trout Creek Condominium Resort</a>
-        <ul id="toplinks">
-            <li><a href="http://www.tripadvisor.com/Hotel_Review-g42281-d283641-Reviews-Trout_Creek_Condominiums_Vacation_Rentals-Harbor_Springs_Michigan.html" id="ta"></a></li>
-            <li><a href="http://www.facebook.com/pages/d41d8cd9/#/pages/Harbor-Springs-MI/Trout-Creek-Condominium-Resort/68823519594?ref=ts" id="fb" title="Find Us on Facebook">Find Us on Facebook</a></li>
-            <li><a href="https://twitter.com/TroutCreek" id="tw" title="Follow us on Twitter">Follow us on Twitter</a></li>
-            
+        <div class="off-canvas-wrap" data-offcanvas>
+            <div class="inner-wrap">
 
-            <?php if($GLOBALS['deviceType'] == "phone") { ?>
-            <li><a href="tel:+18007480245" id="phone">800-748-0245</a></li>
-            <?php } else { ?>
-            <li><div id="phone">800-748-0245</div></li>
-            <?php } ?>
-            <li><a href="{baseURLDefined:h}sign-up-for-enews-304/" id="enews">Sign Up for Enews</a></li>
-            <li><a href="{baseURLDefined:h}contact-us-32/" id="contact_us">Contact Us</a></li>
-            <li><a href="{homePageUrl:h}" id="home_link">Home</a></li>
-        </ul>
-        <ul id="mainnav">
-            <li><a href="{baseURLDefined:h}accommodations-31/">Accommodations</a></li>
-            <li><a href="{baseURLDefined:h}resort-information-78/">The Resort</a></li>
-            <li><a href="{baseURLDefined:h}things-to-see-and-do-303/">Things to See and Do</a></li>
-            <li><a href="{baseURLDefined:h}area-information-2/">Area Info</a></li>
-            <li><a href="{baseURLDefined:h}lodging-specials-4/">Lodging Specials</a></li>
-            <li><a href="{baseURLDefined:h}golf-packages-405/">Golf Packages</a></li>
-        </ul>
-    </div><!--/#header-->
-    <div id="main">
+                <aside class="right-off-canvas-menu show-for-small-only">
+                    <ul class="off-canvas-list">
+                        <li><a href="#">Home</a></li>
+                        <li><a href="#">Accommodations</a></li>
+                        <li><a href="#">The Resort</a></li>
+                        <li><a href="#">Things to See and Do</a></li>
+                        <li><a href="#">Area Info</a></li>
+                        <li><a href="#">Lodging Specials</a></li>
+                        <li><a href="#">Golf Packages</a></li>
+                    </ul>
+                </aside>
+        <div id="wrapper"  class="row">
+            <a href="{homePageUrl:h}" id="logo">Trout Creek Condominium Resort</a>
+            <header id="header" class="small-12 columns show-for-large-up">
+            <ul id="toplinks">
+                <li><a href="http://www.tripadvisor.com/Hotel_Review-g42281-d283641-Reviews-Trout_Creek_Condominiums_Vacation_Rentals-Harbor_Springs_Michigan.html" id="ta"></a></li>
+                <li><a href="http://www.facebook.com/pages/d41d8cd9/#/pages/Harbor-Springs-MI/Trout-Creek-Condominium-Resort/68823519594?ref=ts" id="fb" title="Find Us on Facebook">Find Us on Facebook</a></li>
+                <li><a href="https://twitter.com/TroutCreek" id="tw" title="Follow us on Twitter">Follow us on Twitter</a></li>
+                
+                <li><div id="phone">800-748-0245</div></li>
+                <li><a href="{baseURLDefined:h}sign-up-for-enews-304/" id="enews">Sign Up for Enews</a></li>
+                <li><a href="{baseURLDefined:h}contact-us-32/" id="contact_us">Contact Us</a></li>
+                <li><a href="{homePageUrl:h}" id="home_link">Home</a></li>
+            </ul>
+            <ul id="mainnav">
+                <li><a href="{baseURLDefined:h}accommodations-31/">Accommodations</a></li>
+                <li><a href="{baseURLDefined:h}resort-information-78/">The Resort</a></li>
+                <li><a href="{baseURLDefined:h}things-to-see-and-do-303/">Things to See and Do</a></li>
+                <li><a href="{baseURLDefined:h}area-information-2/">Area Info</a></li>
+                <li><a href="{baseURLDefined:h}lodging-specials-4/">Lodging Specials</a></li>
+                <li><a href="{baseURLDefined:h}golf-packages-405/">Golf Packages</a></li>
+            </ul>
+        </header>
+        
+        <nav class="tab-bar show-for-medium-down">
+            <section class="middle tab-bar-section">Trout Creek</section>
+            <section class="right-small">
+                <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
+            </section>
+        </nav>
+    <div id="main" class="small-12 columns">
         <div id="slideshow_wrapper">
             {if:rotatingImages}{rotatingImages:h}{end:}
         </div><!--/#slideshow_wrapper-->
-        <div id="reservation_wrapper">
-            <h2>Make A Reservation:</h2>
+        <div id="reservation_wrapper" class="row">
             <flexy:include src="reservation.html">
         </div><!--/#reservation_wrapper-->
         <div id="leftcol" flexy:if="sideNav">
@@ -73,7 +84,7 @@
         {if:sideNav}
         <div id="maincol">
         {else:}
-        <div id="maincol" class="wide">
+        <div id="maincol" class="row">
         {end:}
             <div id="action_wrapper" flexy:if="isHomePage">
                 <ul id="actionlinks">
             <div id="info"><a href="tel:2315262148">231-526-2148</a> &bull; <a href="tel:+18007480245">1-800-748-0245</a> &bull; <a href="mailto:info@troutcreek.com">info@troutcreek.com</a> &bull; <a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners Section</a> &bull; <a href="{baseURLDefined:h}site-map">Site Map</a></div>
         </div><!--/#footer-->
     </div><!--/#main-->
-    <div id="copyright">
-        <p>Copyright &copy; 2014 Trout Creek All Rights Reserved | Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></p>
+    <div id="copyright" class="small-12 columns">
+        <p>Copyright &copy; <?php echo date('Y');?> Trout Creek All Rights Reserved | Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a></p>
     </div>
 </div><!--/#wrapper-->
+                <a class="exit-off-canvas"></a>
+            </div>
+        </div>
 {bottomScripts:h}
 <script type="text/javascript">
 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 </script>
+<script src="bower_components/foundation/js/foundation.min.js"></script>
+<script>
+    $(document).foundation();
+</script>
 <script type="text/javascript">
 try {
 var pageTracker = _gat._getTracker("UA-870324-10");