Combining Zurb's Reveal with the Genesis Framework.

page-reveal.php

<?php

/*
Template Name: Modal (Foundation)
*/

add_action( 'genesis_after', 'mobile_do_reveal_demo' );
function mobile_do_reveal_demo() { ?>

  <!-- Check for Zepto support, load jQuery if necessary -->
	<script>
		document.write('<script src=/js/vendor/'
			+ ('__proto__' in {} ? 'zepto' : 'jquery')
			+ '.js><\/script>');
	</script>
	
	<script>
		jQuery(document).ready(function($) {
			  $(function(){
			    $(document).foundation();    
			  })
		});
	</script>
	
	<div id="myModal" class="reveal-modal">
		<h3>Hello Modal</h3>
		<a class="close-reveal-modal"><i class="icon-remove"></i></a>
	</div>

<?php
}

add_action( 'genesis_after', 'mobile_do_modal_scripts' );
function mobile_do_modal_scripts() {
	wp_enqueue_script( 'foundation-cloud' );
	wp_enqueue_script( 'reveal-cloud' );
}





// do genesis
genesis();

?>