projects / web / SooLocks.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: b73f34e)
workin links in nav- js to highlight current main nav - column one row in small
authorOve Klykken <klykken@gmail.com>
Thu, 12 Jun 2014 18:15:03 +0000 (14:15 -0400)
committerOve Klykken <klykken@gmail.com>
Thu, 12 Jun 2014 18:15:03 +0000 (14:15 -0400)
templates/template.html patch | blob | history

diff --git a/templates/template.html b/templates/template.html
index 7c50a8f..68de082 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -10,6 +10,15 @@
 <link rel="stylesheet" href="{mediaBaseURL:h}styles.css" />
 {styles:h}
 {topScripts:h}
+<script>
+$(function() {
+       $("#nav a").each(function() {
+               if (this.href == window.location) {
+                       $(this).css("color", "#fffb02");
+               };
+       });
+});
+</script>
 </head>
 <body>
 <div class="off-canvas-wrap" data-offcanvas>
@@ -19,24 +28,25 @@
                 <section class="left-small">
                     <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
                 </section>
+                    <img src="{baseURLDefined:h}assets/logoSmall.png" id="logoSmall" class="right">
             </nav>
         </div>
         <aside class="left-off-canvas-menu">
             <ul class="off-canvas-list">
                 <li class="menu-icon">
-                    <a href="#">Home</a>
+                    <a href="{homePageUrl:h}">Home</a>
                 </li>
                 <li>
-                    <a href="#">Tours &amp; Cruises</a>
+                    <a href="{baseURLDefined:h}tours-2/">Tours &amp; Cruises</a>
                 </li>
                 <li>
-                    <a href="#">Tickets, Packages &amp; Coupons</a>
+                    <a href="{baseURLDefined:h}tickets-3">Tickets, Packages &amp; Coupons</a>
                 </li>
                 <li>
-                    <a href="#">Groups &amp; School Rates</a>
+                    <a href="{baseURLDefined:h}groups-4">Groups &amp; School Rates</a>
                 </li>
                 <li>
-                    <a href="#">About</a>
+                    <a href="{baseURLDefined:h}about_us-5/">About</a>
                 </li>
             </ul>
         </aside>
@@ -49,7 +59,7 @@
                 <div class="medium-4 columns">
                     <div class="vcard">
                         <span class="tel">(800) 432-6301</span>
-                        <a href="#">Contact</a>
+                        <a href="{baseURLDefined:h}contact-us-10/">Contact</a>
                         <input type="text" placeholder="Search" />
                     </div>
                 </div>
@@ -63,20 +73,20 @@
                                     <li><a href="#" class="hide-text">YouTube</a></li>
                                 </ul>
                                 <ul class="nav-bar left" id="nav">
-                                    <li class="menu-icon">
-                                        <a href="#">Home</a>
+                                    <li>
+                                        <a href="{homePageUrl:h}">Home</a>
                                     </li>
                                     <li>
-                                        <a href="#">Tours &amp; Cruises</a>
+                                        <a href="{baseURLDefined:h}tours-2/">Tours &amp; Cruises</a>
                                     </li>
                                     <li>
-                                        <a href="#">Tickets, Packages &amp; Coupons</a>
+                                        <a href="{baseURLDefined:h}tickets-3">Tickets, Packages &amp; Coupons</a>
                                     </li>
                                     <li>
-                                        <a href="#">Groups &amp; School Rates</a>
+                                        <a href="{baseURLDefined:h}groups-4">Groups &amp; School Rates</a>
                                     </li>
                                     <li>
-                                        <a href="#">About</a>
+                                        <a href="{baseURLDefined:h}about_us-5/">About</a>
                                     </li>
                                 </ul>
                             </section>
@@ -122,10 +132,10 @@
                         </div>
                         <section id="bar">
                             <div class="row">
-                                <div class="small-6 medium-12 columns">
+                                <div class="small-12 medium-12 columns">
                                     <a href="#" id="brochure">Download our Brochure</a>
                                 </div>
-                                <div class="small-6 medium-12 columns">
+                                <div class="small-12 medium-12 columns">
                                     <img src="{mediaBaseURL:h}assets/passport.png" id="passport">
                                 </div>
                             </div>