From ac167ae111d12e05ac544196aeeb0c505956c9a3 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Wed, 6 Aug 2014 13:50:44 -0400
Subject: [PATCH] Mobile slideshow and search on sidenav

Slideshow will show even in mobile mode.
Search is available on the mobile sidenav. Some css additions for 'submit'.
---
 styles.css              |  9 +++++++++
 templates/template.html | 19 +++++++++++++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index f5e6285..361ee84 100755
--- a/styles.css
+++ b/styles.css
@@ -71,6 +71,7 @@ img {
     position: absolute;
     border: 0;
     }
+    
 #searchText {
     width: 180px;
     top: 0;
@@ -87,6 +88,14 @@ img {
     border: 0;
     cursor: pointer;
     }
+#searchSubmitSide {
+    font-size: 14px;
+    margin-left: 75px;
+    margin-right: auto;
+    background: #477645;
+    border: 1px whitesmoke solid;
+    cursor: pointer;
+    }
 /* Navigation */
 /* For larger than Small */
 @media only screen and (min-width: 56em) {
diff --git a/templates/template.html b/templates/template.html
index 4b06040..be0f9fb 100755
--- a/templates/template.html
+++ b/templates/template.html
@@ -40,6 +40,21 @@
                 <aside class="left-off-canvas-menu opensearchserver.ignore" id="mobilenav">
                     <!-- whatever you want goes here -->
                     {mainNav:h}
+                    
+                    <div id="search_wrapper_off">
+                        <section flexy:if="glmSearch">
+                            <form action="{homePageUrl:h}" name="searchForm" method="get" flexy:ignore="yes">
+                                <input type="hidden" name="GLMSearch" value="true">
+                                <input type="hidden" name="start" value="0">
+                                <input type="hidden" name="rows" value="10">
+<!--                                <input type="search" id="searchInput" name="query" value="" placeholder="Search">-->
+                                <input type="search" name="query" value="" placeholder="Search">
+                                <button type="submit" class="tiny button radius" id="searchSubmitSide" name="searchSubmit" value="Search Site">Submit</button>
+                                
+                            </form>
+                        </section>
+                    </div><!-- /#search_wrapper -->
+                    
 
                 </aside>
 
@@ -67,7 +82,7 @@
                     </div>
 
 
-                    <div class="row clearfix hide-for-small-only" id="homeSlide" flexy:if="isHomePage"  data-equalizer>
+                    <div class="row clearfix" id="homeSlide" flexy:if="isHomePage"  data-equalizer>
                         <div class="medium-9 columns">
                             <div id="slideshow" flexy:if="rotatingImages" data-equalizer-watch>
                                 <img src="http://is0.gaslightmedia.com/cityofmi/rotatingImagesResized/is76-1406147945-35581.jpeg" id="testImg">
@@ -75,7 +90,7 @@
                             </div>
 
                         </div>
-                        <div class="medium-3 columns opensearchserver.ignore" id="eventHomeColumn">
+                        <div class="medium-3 columns opensearchserver.ignore hide-for-small-only" id="eventHomeColumn">
                             <div id="homepage_events_wrapper" flexy:if="hasEvents" data-equalizer-watch>
                                 <div id="cEventMeetings">Meetings</div>
                                 <div id="cEventMore"><a href="{baseURLDefined:h}calendars-10/">Events</a></div>
-- 
2.17.1