adding recollect search widget to the front page search, changing the front
authorAnthony Talarico <talarico@gaslightmedia.com>
Mon, 20 Mar 2017 15:12:25 +0000 (11:12 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Mon, 20 Mar 2017 15:12:25 +0000 (11:12 -0400)
page events widget title to include 'events'. adding recycling events category
to the front page widget output

css/app.css
front-page.php
header.php
scss/_wordpress.scss

index 9b9c10b..5936487 100755 (executable)
@@ -6141,6 +6141,14 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
   div.wp-caption.alignnone {
     float: none; } }
 
+body .rCw input {
+  margin-bottom: 20px; }
+
+body .rCw .btn {
+  display: block;
+  width: 100px;
+  margin: 0 auto; }
+
 /* End Images */
 body {
   background-image: url(../assets/background.png);
index f8714d8..3dab5a5 100755 (executable)
@@ -97,7 +97,7 @@
                 <div class="row">
                     <div id="h2_2" class="small-10 text-centered columns">
 
-                        <h2 class="small-push-1"><?php echo date('Y');?> Holiday Schedule</h2>
+                        <h2 class="small-push-1"><?php echo date('Y');?> Holiday and Events Schedule</h2>
                     </div>
                 </div>
                 <div class="row event">
                             </div>
                         </div>
                         <div class="small-12 large-7 left events_mini columns">
-                            <?php echo do_shortcode('[ai1ec view="posterboard" cat_name="Holiday Hours" events_limit="3"]'); ?>
+                            <?php echo do_shortcode('[ai1ec view="posterboard" cat_name="Holiday Hours,Recycling Events" events_limit="3"]'); ?>
                             <br><a class="small-centered columns" id="calendar_link" href="<?php echo esc_url( get_permalink( get_page_by_title( 'Events' ) ) ); ?>">View all events...</a>
                         </div>
                     </div>
index 4873004..3c9ef96 100755 (executable)
@@ -44,6 +44,7 @@
                                                 <div class="row">
                                                     <div id="large-12_s" class="small-12 columns">
                                                         <input type="text" value="" name="s" id="lar-search" placeholder="  Search the site">
+                                                    
                                                     </div>
                                                     <div id="top_angle" class="large-1 show-for-large-up columns"></div>
                                                 </div>
                                                     padding: 1px;background-repeat: no-repeat;position:absolute;;">
                                                 </button>
                                             </form>
-
+                                              <form id="rCmaterial" class="rCw">
+                                                  <div>
+                                                    Please type in the name of a material:
+                                                  </div>
+                                                  <input class="recollect-input" type="text" name="query" />
+                                                  <button class="btn recollect-btn" type="submit">
+                                                    Search
+                                                  </button>
+                                                </form>
+                                                <script src="https://recollect.net/api/search.js"></script>
+                                                <script>
+                                                  Recollect.Search.Material.Bind({
+                                                    node_id: '#rCmaterial',
+                                                    set_filter: "Emmet",
+                                                    url: "<?php echo get_permalink(1981); ?>",
+                                                    area: 'NEMCOG'
+                                                  });
+                                                </script>
                                         </div>
                                     </div>
                                 </div>
index 31e2264..25cc2ec 100755 (executable)
@@ -114,4 +114,12 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
         float: none;
     }
 }
+body .rCw input{
+    margin-bottom: 20px;
+}
+body .rCw .btn{
+    display: block;
+    width: 100px;
+    margin: 0 auto;
+}
 /* End Images */