<?xml version="1.0" encoding="UTF-8"?>
<?pcf-stylesheet path="/_resources/xsl/home.xsl" title="Home Page" extension="html"?>

<!DOCTYPE document SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd"> 

<document xmlns:ouc="http://omniupdate.com/XSL/Variables">

	<headcode></headcode> <!-- before closing head tag -->
	<bodycode></bodycode> <!-- after opening body tag -->
	<footcode></footcode> <!-- before closing body tag -->
	<ouc:info><tcf><!--%echo var="tcfname" --></tcf><tmpl>index.tmpl</tmpl></ouc:info>

	<ouc:properties label="metadata">
		<title><!--%echo var="title" --></title>
		<meta name="Description" content="<!--%echo var='description' -->" />
		<meta name="Keywords" content="<!--%echo var='keywords' -->" />
	</ouc:properties>

	<ouc:properties label="config">
		<parameter group="Everyone" type="select" name="banner-content" section="Page Options" prompt="Banner Content" alt="Select banner type.">
			<option value="slider" selected="true">Slider</option>
			<option value="video" selected="false">Video</option>
			<option value="none" selected="false">None</option>
		</parameter>
	</ouc:properties>

	<ouc:properties label="meta-tags">
		<parameter section="Social Meta Tags" name="override-og-type" type="text" group="Everyone" prompt="Og Type" alt="Please enter the open graph type."></parameter>
		<parameter name="override-og-image" type="filechooser" group="Everyone" prompt="Og Image" alt="Please choose the open graph image." dependency="yes"></parameter>
		<parameter name="override-og-image-alt" type="text" group="Everyone" prompt="Og Image Alt" alt="Please enter the open graph image alt text."></parameter>
		<parameter name="override-og-description" type="textarea" group="Everyone" prompt="Og Description" alt="Please enter the open graph description." rows="7"></parameter>
		<parameter name="override-twitter-card-description" type="text" group="Everyone" prompt="Twitter Card Description" alt="Please enter the twitter card description. This description will trimmed at 200 characters per Twitter Documentation. This image size needs to be below 5MB in size per Twitter Documentation."></parameter>
		<parameter name="override-twitter-card-image" type="filechooser" group="Everyone" prompt="Twitter Card Image" alt="Please choose the twitter card image. " dependency="yes"></parameter>
		<parameter name="override-twitter-card-image-alt" type="text" group="Everyone" prompt="Twitter Card Image Alt" alt="Please enter the twitter card image alt text. This alt text will be trimmed at a length of 420 characters per Twitter Documentation."></parameter>
		<parameter name="override-twitter-card-type" type="select" group="Everyone" prompt="Twitter Card Type" alt="Please choose the twitter card type.">
			<option value="summary" selected="false"></option>
			<option value="summary_large_image" selected="true"></option>
		</parameter>
	</ouc:properties>

	<ouc:div label="slider" group="Everyone" button-text="Insert Slider" break="yes"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" parag="no" wysiwyg-class="main-content"/><table class="ou-slider" data-snippet="ou-slider"><caption class="mceNonEditable">Image Slider</caption>
		<thead>
			<tr>
				<th>Image</th>
				<th>Caption</th>
				<th>Link</th>
			</tr>
		</thead>
		<tbody>
			<tr data-name="slide">
				<td data-name="image" data-type="image"><img src="/_resources/images/slider-image-1.jpg" alt="test" width="960" height="720" /></td>
				<td data-name="caption" data-type="text">Caption</td>
				<td data-name="link" data-type="link"><a href="#">CTA BUTTON</a></td>
			</tr>
			<tr data-name="slide">
				<td data-name="image" data-type="image"><img src="/_resources/images/slider-image-2.png" alt="test" width="820" height="360" /></td>
				<td data-name="caption" data-type="text">Caption</td>
				<td data-name="link" data-type="link"><a href="#">CTA BUTTON</a></td>
			</tr>
			<tr data-name="slide">
				<td data-name="image" data-type="image"><img src="/_resources/images/slider-image-3.jpg" alt="test" width="1061" height="796" /></td>
				<td data-name="caption" data-type="text">Caption</td>
				<td data-name="link" data-type="link"><a href="#">CTA BUTTON</a></td>
			</tr>
		</tbody>
		</table></ouc:div>	

	<ouc:div label="video" group="Everyone" button-text="Edit Video" break="yes"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" parag="no" wysiwyg-class="main-content"/><table class="ou-" data-snippet="ou-banner-video"><caption class="mceNonEditable">Video</caption>
		<thead>
			<tr>
				<th class="mceNonEditable">Video MP4 Link</th>
				<th class="mceNonEditable">Video Still</th>
				<th class="mceNonEditable">Overlay Title</th>
				<th class="mceNonEditable">Call to Action</th>
			</tr>
		</thead>
		<tbody>
			<tr data-name="data">
				<td data-name="video" data-type="link"><video width="300" height="150" controls="controls">
					<source src="/_resources/images/Sailing-Homepage2.mp4" /></video></td>
				<td data-name="image" data-type="image"><img class="" src="/_resources/images/slider-image-3.jpg" alt="Graduation" width="1061" height="796" /></td>
				<td data-name="title" data-type="text">Title</td>
				<td data-name="cta" data-type="link"><a href="#">CTA</a></td>
			</tr>
		</tbody>
		</table>
		<p>&nbsp;</p></ouc:div>

	<ouc:div label="maincontent" group="Everyone" button-text="Main Content"><ouc:editor csspath="/_resources/ou/editor/wysiwyg.css" cssmenu="/_resources/ou/editor/styles.txt" wysiwyg-class="maincontent"/></ouc:div>


</document>