ECE Site Demo

header.php

@@ -41,12 +41,12 @@ if (/*@cc_on!@*/false) {
 			<div class="container">
 				<?php include 'inc/header-img.php'; ?>
 				<div class="row">
-					<div class="col-sm-4">
+					<div class="col-sm-3">
 						<div class="site-branding hidden-xs" id="uc-site-header">
 							<?php include 'inc/site-title.php'; ?>
 						</div>
 					</div>
-					<div class="col-sm-8">
+					<div class="col-sm-9">
 						<div id="nav-wrapper">
                             <?php include 'inc/nav.php'; ?>
                         </div>

js/custom.js

@@ -1,8 +1,37 @@
 jQuery(document).ready(function($) {
-      $( ".social-vimeo > a" ).html( "DONATE" );
-});  
-
-
-
+
+    $( ".social-vimeo > a" ).html( "DONATE" );
+
+	var search = '';
+	var active = false;
+	$('.search').on('click',function(e){
+		if($(e.target).attr('id')=='s') return;
+		active = true;
+		search = $(e.target).parent().html();
+		$('.search').fadeOut(500,function(){ 
+			$(this).html('<form class="form-inline" role="form" method="get" action="http://ece.uconn.edu/"><input id="s" type="text" onfocus="this.value = \'\'" name="s" value="Search ECE"></form>').fadeIn(500); 
+			$(this).addClass('search-field');
+		});
+	});
+
+	$('body').on('click',function(e){
+		if($(e.target).attr('id')=='s') return;
+		if($(e.target).parent().html()== search) return;
+		if(!active) return;
+		active = false;
+		$('.search').fadeOut(500,function(){ 
+			$(this).html(search).fadeIn(500); 
+			$('.search').removeClass('search-field');
+		});
+	});
+
+	$( "#footers" ).before( "<div class='container'><div class='col-sm-12 footer-img'></div></div>" );
+
+
+
+}); 
+
+
+
 
 

page-home.php

@@ -0,0 +1,18 @@
+<?php
+/**
+Template Name: Home
+ * This page template has no padding, and does not display the page title. 
+ *	Useful for large images, iframes, or other edge cases. 
+ */
+
+get_header(); ?>
+<div id="page-home">
+	<?php while ( have_posts() ) : the_post(); ?>
+			<div class="row">
+				<div class="col-sm-<?php echo (is_active_sidebar( $sidebar )?9:12); ?>">
+					<?php get_template_part( 'content', 'blank' ); ?>
+				</div>
+			</div>
+	<?php endwhile; // end of the loop. ?>
+</div>
+<?php get_footer(); ?>