cleanup some pages

css/responsive.css

@@ -5,7 +5,7 @@
 
 .container {
 	padding: 0 30px;
-	max-width: 931px;
+	max-width: 992px;
 	margin: 0 auto;
 	}
 
@@ -66,9 +66,7 @@ img {height: auto;}
 
 
 /* tablets (ipad 3 is sized to default desktop)*/
-@media only screen 
-	and (min-width : 641px)
-	and (max-width: 767px) {
+@media only screen and (max-width: 767px) {
 	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
 	body {
 	font-size: 16px;
@@ -82,7 +80,6 @@ img {height: auto;}
 	h2.josefin {
 	font-size: 15px;
 	line-height: 17px;
-	letter-spacing: 5px;
 	}
 	.elsewhere p {
 	font-family:WebSymbolsRegular;

footer.php

@@ -7,7 +7,7 @@
 			<div class="fourcol">
 				<div class="info">
 					<p>262 West 91st Street New York, NY 10024</p>
-					<p><a href="<?php echo home_url( '/' ); ?>contact">Contact</a> | <a href="">info@phfilms.com</a></p>	
+					<p><a href="<?php echo home_url( '/' ); ?>contact">Contact</a> | <a href="mailto:&#105;&#110;&#102;&#111;&#64;&#112;&#104;&#102;&#105;&#108;&#109;&#115;&#46;&#99;&#111;&#109?subject=PHFilms.com">&#105;&#110;&#102;&#111;&#64;&#112;&#104;&#102;&#105;&#108;&#109;&#115;&#46;&#99;&#111;&#109</a></p>	
 					<a href="<?php echo home_url( '/' ); ?>"><img class="logo" src="<?php echo get_template_directory_uri(); ?>/img/camera.png" width="120" alt="PENNEBAKER HEGEDUS FILMS" title="PENNEBAKER HEGEDUS FILMS"/></a>
 				</div>
 			</div>
@@ -15,16 +15,28 @@
 
 			</div>
 			<div class="sixcol last">
+        
+        <div class="row">
+  				<div class="search">
+  					<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
+  						<div class="searchfield"><input type="submit" class="submit" name="submit" id="searchsubmit" value="" />
+  						  <input type="text" class="field" name="s" id="s" placeholder="" />
+              </div>
+  					</form>
+  				</div>
+        </div>
+        
 				<div class="social">
 					<p class="symbol">
 						&nbsp; <a href="http://vimeo.com/phfilms" title="Vimeo" class="tooltip" target="_blank"><span class="vimeo">&nbsp;</span></a> 
 						&nbsp; <a href="http://www.youtube.com/user/PennebakerHegedus" title="YouTube" class="tooltip" target="_blank"><span class="yt">&nbsp;</span></a> 
-						&nbsp; <a href="http://gowatchit.com/director/D-A--Pennebaker" title="GoWatchIt" class="tooltip" target="_blank"><span class="gowatch">&nbsp;</span></a>  
+						&nbsp; <a href="https://www.justwatch.com/us/search?person_id=69816" title="JustWatch" class="tooltip" target="_blank"><span class="gowatch">&nbsp;</span></a>  
 						&nbsp; <a href="http://www.facebook.com/PHFilms" title="Facebook" class="tooltip" target="_blank"><span class="fb">&nbsp;</span></a> 
 						&nbsp; <a href="http://twitter.com/#!/phfilms" title="Twitter" class="tooltip" target="_blank"><span class="twit">&nbsp;</span></a> 
 						&nbsp; <a href="http://pennebakerhegedusfilms.tumblr.com/" title="Tumblr" class="tooltip" target="_blank"><span class="tumblr">&nbsp;</span></a>
 					</p>
 				</div>
+
 			</div>
 		</div>
 	</div>

header.php

@@ -16,12 +16,6 @@
 				<div class="twelvecol">
 					<h1 class="josefin title"><a href="<?php echo home_url( '/' ); ?>">PENNEBAKER HEGEDUS FILMS</a></h1>	
 					<nav><h2 class="josefin"><a href="<?php echo home_url( '/' ); ?>films">FILMS</a> | <a href="<?php echo home_url( '/' ); ?>history">HISTORY</a> | <a href="<?php echo home_url( '/' ); ?>press">PRESS</a> | <a href="<?php echo home_url( '/' ); ?>license">LICENSING</a> | <a href="<?php echo home_url( '/' ); ?>store">STORE</a></h2></nav>
-					<div class="search">
-						<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
-						<div class="searchfield"><input type="submit" class="submit" name="submit" id="searchsubmit" value="" />
-						<input type="text" class="field" name="s" id="s" placeholder="" /></div>
-						</form>
-					</div>	
 				</div>
 			</div>
 		</div>

inc/films-cpt.php

@@ -80,7 +80,7 @@ function phf_video() {
 	$video = $custom["video"][0];
 	?>
 	<label>URL:</label>
-	<input name="video" value="<?php echo $video; ?>" />
+	<input name="video" value="<?php echo $video; ?>" style="width: 500px;"/>
 	<?php
 }
 
@@ -163,32 +163,24 @@ add_action('save_post', 'phf_meta_save');
 function phf_meta_save(){
 
 	global $post;
-	
-	//if (!wp_verify_nonce($_POST['ph_nonce'],__FILE__)) return $post_id;
 
-	if ( !current_user_can( 'edit_post', $post->ID ))
-	    return $post->ID;
-	
-	if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
-	    return $post->ID;
-	}
-  	if( $post->post_type == 'film' )  {
-	if (isset( $_POST ) ) {
-		update_post_meta($post->ID, "ph_year", $_POST["ph_year"]);
-		update_post_meta($post->ID, "video", $_POST["video"]);
-		update_post_meta($post->ID, "credits", $_POST["credits"]);
-		update_post_meta($post->ID, "publicity", $_POST["publicity"]);
-		update_post_meta($post->ID, "featuring", $_POST["featuring"]);
-		update_post_meta($post->ID, "reviews", $_POST["reviews"]);	
-		update_post_meta($post->ID, "color", $_POST["color"]);
-		update_post_meta($post->ID, "color2", $_POST["color2"]);
-		update_post_meta($post->ID, "color3", $_POST["color3"]);
-		update_post_meta($post->ID, "price", $_POST["price"]);
-		update_post_meta($post->ID, "price2", $_POST["price2"]);
-		update_post_meta($post->ID, "price3", $_POST["price3"]);
-		update_post_meta($post->ID, "price4", $_POST["price4"]);
-	}
-}
+  if( $post->post_type == 'film' )  {
+  	if (isset( $_POST ) ) {
+  		update_post_meta($post->ID, "ph_year", $_POST["ph_year"]);
+  		update_post_meta($post->ID, "video", $_POST["video"]);
+  		update_post_meta($post->ID, "credits", $_POST["credits"]);
+  		update_post_meta($post->ID, "publicity", $_POST["publicity"]);
+  		update_post_meta($post->ID, "featuring", $_POST["featuring"]);
+  		update_post_meta($post->ID, "reviews", $_POST["reviews"]);	
+  		update_post_meta($post->ID, "color", $_POST["color"]);
+  		update_post_meta($post->ID, "color2", $_POST["color2"]);
+  		update_post_meta($post->ID, "color3", $_POST["color3"]);
+  		update_post_meta($post->ID, "price", $_POST["price"]);
+  		update_post_meta($post->ID, "price2", $_POST["price2"]);
+  		update_post_meta($post->ID, "price3", $_POST["price3"]);
+  		update_post_meta($post->ID, "price4", $_POST["price4"]);
+  	}
+  }
 }
 
 

js/init.js

@@ -1,9 +1,9 @@
 $(document).ready(function() {
 	
-	$("h1.josefin a").mouseover(function(){$(this).stop().animate({color: "#ccc"},{queue:false, duration:500}) });
-	$("h1.josefin a").mouseout(function(){$(this).stop().animate({color: "#fff"},{queue:false, duration:500}) });
-	$("h2.josefin a").mouseover(function(){$(this).stop().animate({color: "#555"},{queue:false, duration:500}) });
-	$("h2.josefin a").mouseout(function(){$(this).stop().animate({color: "#fff"},{queue:false, duration:500}) });	
+	$("h1.josefin a").mouseover(function(){$(this).stop().animate({color: "#ccc"},{queue:false, duration:300}) });
+	$("h1.josefin a").mouseout(function(){$(this).stop().animate({color: "#fff"},{queue:false, duration:300}) });
+	$("h2.josefin a").mouseover(function(){$(this).stop().animate({color: "#ccc"},{queue:false, duration:300}) });
+	$("h2.josefin a").mouseout(function(){$(this).stop().animate({color: "#fff"},{queue:false, duration:300}) });	
 	$('.films').sorted();
 	$('.tabs').show(); //FOUC
 	$('.slided').show(); //FOUC

page-history.php

@@ -1,32 +1,34 @@
 <?php /* Template Name: History*/ ?>
 <?php get_header(); ?>
 <div id="press-wrap">
-<div class="container">
-	<div class="row">
-		<div class="history">
-			<?php if ( have_posts() ) : ?>
-			<?php while ( have_posts() ) : the_post(); ?>
-		<div class="sixcol">
-			<header class="entry-header">
-				<h1><?php the_title(); ?></h1>
-			</header>
-				<article <?php post_class() ?> id="post-<?php the_ID(); ?>">
-					<div style="float:left;margin: 0 20px 20px 0;max-width:100%;">
-					<?php the_post_thumbnail('large');?>
-					</div>
-					<?php the_excerpt(); ?>
-				</article>
-			<?php endwhile; endif;?>
-		</div>
-		<div class="sixcol">
-			<article>
-			<div class="top-pad page">
-				<?php the_content(); ?>
-			</div>
-			</article>
-		</div>
-	</div>
-	</div>
-</div>
+  <div class="container">
+    <div class="page-container">
+    	<div class="row">
+    		<div class="history">
+    			<?php if ( have_posts() ) : ?>
+    			<?php while ( have_posts() ) : the_post(); ?>
+    		<div class="sixcol">
+    			<header class="entry-header">
+    				<h1><?php the_title(); ?></h1>
+    			</header>
+    				<article <?php post_class() ?> id="post-<?php the_ID(); ?>">
+    					<div style="float:left;margin: 0 20px 20px 0;max-width:100%;">
+    					<?php the_post_thumbnail('large');?>
+    					</div>
+    					<?php the_excerpt(); ?>
+    				</article>
+    			<?php endwhile; endif;?>
+    		</div>
+    		<div class="sixcol">
+    			<article>
+    			<div class="top-pad page">
+    				<?php the_content(); ?>
+    			</div>
+    			</article>
+    		</div>
+    	</div>
+    	</div>
+    </div>
+  </div>
 </div>
 <?php get_footer(); ?>

page-press.php

@@ -2,28 +2,30 @@
 <?php get_header(); ?>
 <div id="press-wrap">
 <div class="container">
-	<div class="row journal">
-		<div class="twelvecol">
-			<?php query_posts( array ( 'paged' => get_query_var('paged') ) ); ?>
-			<?php if ( have_posts() ) : ?>
-			<?php while ( have_posts() ) : the_post(); ?>
-				<article <?php post_class() ?> id="post-<?php the_ID(); ?>">
-					<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
-					<time datetime="<?php the_time('Y-m-d')?>"><?php the_time('F jS, Y') ?></time>
-					<?php the_content(); ?>
-					<?php the_tags('Tags: ', ', ', '<br />'); ?> 
-				</article>
-			<?php endwhile; endif;?>			
-			<div class="page-navigation">
-				<div class="next">
-	       		 	<?php previous_posts_link('More Recent') ?> 	
-				</div>
-				<div class="previous">	   
-					<?php next_posts_link('Older') ?>
-				</div>
-			</div>
-		</div>
-	</div>
+  <div class="press-container">
+  	<div class="row journal">
+  		<div class="twelvecol">
+  			<?php query_posts( array ( 'paged' => get_query_var('paged') ) ); ?>
+  			<?php if ( have_posts() ) : ?>
+  			<?php while ( have_posts() ) : the_post(); ?>
+  				<article <?php post_class() ?> id="post-<?php the_ID(); ?>">
+  					<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
+  					<time datetime="<?php the_time('Y-m-d')?>"><?php the_time('F jS, Y') ?></time>
+  					<?php the_content(); ?>
+  					<?php the_tags('Tags: ', ', ', '<br />'); ?> 
+  				</article>
+  			<?php endwhile; endif;?>			
+  			<div class="page-navigation">
+  				<div class="next">
+  	       		 	<?php previous_posts_link('More Recent') ?> 	
+  				</div>
+  				<div class="previous">	   
+  					<?php next_posts_link('Older') ?>
+  				</div>
+  			</div>
+  		</div>
+  	</div>
+  </div>
 </div>
 </div>
 <?php get_footer(); ?>

page-video.php

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<style type="text/css">
+video {
+   width:100%;
+   height:auto;
+}
+</style>
+
+<video width="100%" controls>
+  <source src="<?php echo get_post_meta( get_the_ID(), 'media', true ); ?>" type="video/mp4">
+Your browser does not support video
+</video>
+
+</body>
+</html>

page.php

@@ -1,17 +1,19 @@
 <?php get_header(); ?>
 
 	<div class="container">
-		<div class="row">
-			<div class="twelvecol">
-				<?php while ( have_posts() ) : the_post(); ?>
+    <div class="page-container">
+  		<div class="row">
+  			<div class="twelvecol">
+  				<?php while ( have_posts() ) : the_post(); ?>
 
-					<?php get_template_part( 'content', 'page' ); ?>
+  					<?php get_template_part( 'content', 'page' ); ?>
 
-					<?php comments_template( '', true ); ?>
+  					<?php comments_template( '', true ); ?>
 
-				<?php endwhile; // end of the loop. ?>
-			</div>
-		</div>
+  				<?php endwhile; // end of the loop. ?>
+  			</div>
+  		</div>
+    </div>
 	</div>
 
 <?php get_footer(); ?>

search.php

@@ -1,35 +1,37 @@
 <?php get_header(); ?>
-	<div class="container search-results">
-		<div class="row">
-			<div class="twocol">
-			&nbsp;
-			</div>
-			<div class="eightcol">
-			<?php if ( have_posts() ) : ?>
-				<header class="page-header">
-					<h1 class="page-title"><?php printf( __( 'Search Results for: %s', '_ph' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
-				</header>
-				<?php while ( have_posts() ) : the_post(); ?>
-					<h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', '_ph' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
-					<div class="entry-meta">
-						<?php _ph_posted_on(); ?>
-					</div>
-				<?php the_excerpt(); ?>
-				<?php endwhile; ?>
-				<?php else : ?>
-				<article id="post-0" class="post no-results not-found">
-					<header class="entry-header">
-						<h1 class="entry-title"><?php _e( 'Nothing Found', '_ph' ); ?></h1>
-					</header>
-					<div class="entry-content">
-						<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', '_ph' ); ?></p>
-					</div>
-				</article>
-				<?php endif; ?>
-			</div>
-			<div class="twocol">
-			&nbsp;
-			</div>
-		</div>
+	<div class="container">
+    <div class="search-results">
+  		<div class="row">
+  			<div class="twocol">
+  			&nbsp;
+  			</div>
+  			<div class="eightcol">
+  			<?php if ( have_posts() ) : ?>
+  				<header class="page-header">
+  					<h1 class="page-title"><?php printf( __( 'Search Results for: %s', '_ph' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
+  				</header>
+  				<?php while ( have_posts() ) : the_post(); ?>
+  					<h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', '_ph' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
+  					<div class="entry-meta">
+  						<?php _ph_posted_on(); ?>
+  					</div>
+  				<?php the_excerpt(); ?>
+  				<?php endwhile; ?>
+  				<?php else : ?>
+  				<article id="post-0" class="post no-results not-found">
+  					<header class="entry-header">
+  						<h1 class="entry-title"><?php _e( 'Nothing Found', '_ph' ); ?></h1>
+  					</header>
+  					<div class="entry-content">
+  						<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', '_ph' ); ?></p>
+  					</div>
+  				</article>
+  				<?php endif; ?>
+  			</div>
+  			<div class="twocol">
+  			&nbsp;
+  			</div>
+  		</div>
+    </div>
 	</div>
 <?php get_footer(); ?>

single.php

@@ -1,23 +1,25 @@
 <?php get_header(); ?>
 <div id="press-wrap">
 <div class="container">
-	<div class="row journal">
-		<div class="twelvecol">
-			<?php while ( have_posts() ) : the_post(); ?>
+  <div class="page-container">
+  	<div class="row journal">
+  		<div class="twelvecol">
+  			<?php while ( have_posts() ) : the_post(); ?>
 
 
-				<?php get_template_part( 'content', 'single' ); ?>
+  				<?php get_template_part( 'content', 'single' ); ?>
 
-				<?php
-					// If comments are open or we have at least one comment, load up the comment template
-					if ( comments_open() || '0' != get_comments_number() )
-						comments_template( '', true );
-				?>
+  				<?php
+  					// If comments are open or we have at least one comment, load up the comment template
+  					if ( comments_open() || '0' != get_comments_number() )
+  						comments_template( '', true );
+  				?>
 
-			<?php endwhile; // end of the loop. ?>
+  			<?php endwhile; // end of the loop. ?>
 
-		</div>
-	</div>
+  		</div>
+  	</div>
+  </div>
 </div>
 </div>
 <?php get_footer(); ?>

style.css

@@ -152,7 +152,7 @@ h2.josefin {
 	font-weight: 800;
 	line-height: 17px;
 	text-shadow: 1px 1px 1px #000;
-	letter-spacing:0px;
+	letter-spacing:1px;
 	color:#cecece;
 }
 h3.josefin {
@@ -252,13 +252,25 @@ a:hover {
 body {
 	margin: 0;
 	padding: 0;
-	background: #f2f2f2;
+	background: #6b6b6b;
 }
 nav {
-	margin: -85px 0 0px;
+	margin: -70px 0 0px;
 	float: right;
 }
-
+@media only screen and (max-width: 767px) {
+  nav {
+  	margin: -90px 0 0px;
+  	float: left;
+  }
+}
+.container {
+  background:#fff;
+  box-shadow: 5px 5px 35px rgba(0,0,0,.25);;
+}
+.page-container {
+  padding:30px 0;
+}
 
 /** /\/\/***   HEADER   ***\/\/\/  **/
 
@@ -279,7 +291,7 @@ header {
 	padding: 0;
 }
 	header h1.title {
-		margin: 67px 0 10px;
+		margin: 88px 0 10px;
 	}
 	header h1.josefin a {
 		color: #fff;
@@ -498,7 +510,7 @@ ul.dots li {
 	background: #fff	
 }
 .search-results {
-	margin: 10px 0 50px;
+	padding: 50px 0;
 }
 
 .single {
@@ -558,13 +570,13 @@ li.credits {
 }
 .container.films {
 	padding: 20px 30px;
-	background: #fff;
+	background: #b3b3b3;
 }
 .films {
 	background-color: #fff;
 }
 .film {
-	background-color: rgba(255, 255, 255, .7);
+	background-color: rgba(255, 255, 255, 1);
 	margin: 10px 2px;
 	padding: 12px;
 	-moz-box-shadow: 1px 1px 5px #575757;
@@ -614,7 +626,6 @@ li.credits {
 	margin: 0 0 2px;
 	padding: 3px;
 	text-align: left;
-	background: #fff;
 	height: 40px;
 }
 
@@ -665,9 +676,8 @@ img.play {
 
 }
 .history h3 {
-
 	font-size: 17px;
-	font-weight: 300;
+	font-weight: 500;
 	margin: 10px 0 0;
 }
 .history .top-pad {
@@ -726,7 +736,9 @@ img.play {
 #press-wrap .container {
 	background: #fff;
 }
-
+.press-container {
+  padding:50px 0;
+}
 .press {
 	margin: 23px 0;
 }
@@ -750,7 +762,6 @@ img.play {
 	width: 100%;
 }
 .press h3.josefin {
-
 	font: small-caps 100 23px "Helvetica Neue", Helvetica, sans-serif;
 	font-size: 17px;
 	font-weight: 600;
@@ -918,7 +929,7 @@ form.show-btn input {
 	padding: 10px;
 }
 #store-wrap {
-	background:#f2f2f2;	
+	
 }
 #store-wrap .container {
 	background: #fff;
@@ -1378,8 +1389,8 @@ span.tumblr {
 }
 
 #searchform {
-	margin: -35px 0 25px;
-	padding: 0px 0 0;
+	margin: 0;
+	padding: 30px 0 0;
 	width: 100%;
 	display: block;
 	cursor: pointer;
@@ -1387,8 +1398,10 @@ span.tumblr {
 }
 #searchform input#s.field {
 	margin: 0 10px;
-	width: 100px;
-	background: #fff;
+  padding:5px;
+	width: 125px;
+  color:#fff;
+	background: rgba(255,255,255,0.25);
 }
 #searchform input#searchsubmit.submit {
 	padding: 0;
@@ -1435,7 +1448,7 @@ a:hover, a:active {
 	cursor: pointer;
 }
 
-@media only screen and (max-width: 480px) {
+@media only screen and (max-width: 751px) {
 	.front .press article img {
 		max-width: 100%;
 		margin: 0 auto 20px auto;