PetitTeton/public/farm-made-fare.html

<div id="farm-made-fare" class="page">
	<h1>FARM-MADE FARE</h1>
	<div class="secondaryTextBlock">
		<img class="shipImage" src="images/WeShip_v1.jpg"/>
		<p>We are now shipping all our farm made fare.  For those that cannot visit the Farm or come to a farmer's market, you now have the option to call <b>707.684.4146</b> or email <a href="mailto:farmer@petitteton.com"><b>farmer@petitteton.com</b></a> us with your order.  Download the latest product list below, choose what interests you, and then let us know.  If you email, include your mailing address and payment preference.  We will check availability, give you a total, and you can either send us a check, we can take your credit card by phone, or we can send a PayPal bill to your email address.  We will ship it as soon as we have received payment.
	</div>
	<div class="mainTextBlock">
		<p>Our farm-made fare is created in our commercial kitchen from produce we grow on our farm. We purchase only what we haven't yet figured out how to grow (sugar, flour, salt, etc.). Our labels note which ingredients come from our farm. We save seeds and dry herbs, peppers, tomatoes, tomatillos and fruit for spicing and flavoring.</p>
		<p>Production changes frequently based on the seasonal harvest, and every run is unique and small scale which means the availability changes regularly.  The following PDF download is a current listing of what we offer along with prices.</p>
	</div>
	<div style="font-size: .7em; text-align: center; margin-bottom: 40px;"><a href="VAP_Availability_List.pdf" download="Petit Teton Farm VAP Availability List.pdf"><img class="priceList" src="images/PriceList_v1.jpg"/><br/>Click to download the price list PDF.</a></div>
<!--
	<div class="columned" style="margin: 0 auto;">
		
		<div>
		<h2>Soups:</h2>
		<ul class="vapList">
		<li>Fava Bean</li>
		<li>Spring Onion Soup</li>
		<li>Tomato Basil</li>
		</ul>
		</div>
		
		<div>
		<h2>Pickles and Relishes:</h2>
		<ul class="vapList">
		<li>Dilly Beans</li>
		<li>Pickles</li>
		<li>Pickled Beets</li>
		<li>Spicy Pepper Relish <span style="display: inline-block; font-size: .55em; line-height: .8em; color: red; text-indent: 0px; text-align: center;">Award<br/>Winning</span></li>
		</ul>
		</div>
		
		<div>
		<h2>Other:</h2>
		<ul class="vapList">
		<li>Bloody Mary Mix</li>
		<li>Kimchi/Sauerkrauts</li>
		<li>Syrups</li>
		</ul>
		</div>
		
		<div>
		<h2>Fruit Spreads:</h2>
		<ul class="vapList">
		<li>Pear Jams</li>
		<li>Fig Jam</li>
		<li>Quince Jam</li>
		<li>Strawberry Jams</li>
		<li>Blackberry Jams</li>
		<li>Plum Jams</li>
		</ul>
		</div>
		
		<div>
		<h2>Sides:</h2>
		<ul class="vapList">
		<li>Applesauce</li>
		<li>Ginger Peaches</li>
		<li>Sweet Peppers</li>
		<li>Sweet &amp; Sour Red Cabbage</li>
		</ul>
		</div>
		
		<div>
		<h2>Chutneys:</h2>
		<ul class="vapList">
		<li>Apple Raisin Chutney</li>
		<li>Bosc Pear Chutney</li>
		<li>Quince Chutney</li>
		<li>Tomatillo Chutney</li>
		</ul>
		</div>
		
		<div>
		<h2>Condiments:</h2>
		<ul class="vapList">
		<li>Heirloom Catsup</li>
		<li>Hot Salsa</li>
		<li>Salsa Verde</li>
		<li>Spicy Adobo Sauce</li>
		</ul>
		</div>
	</div>
	-->
	<!--
	<div style="margin: 10px auto 0 auto; width: 590px; padding-left: 10px;">
		<div style="display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; background: LightGray;">
			<div style="display: flex; flex-direction: row; flex-wrap: nowrap; background: black; flex-grow: 0;">
				<div style="width: 580px; height: 326px; flex-grow: 0; background: green;"/>
				<div style="width: 10px; height: auto; flex-grow: 0; display: flex; flex-direction: column; flex-wrap: nowrap; background: brown;">
					<div style="width: 10px; height: 10px; flex-grow: 0; background: yellow;"/>
					<div style="width: 10px; height: auto; flex-grow: 1; background: HotPink;"/>
				</div>
			</div>
			<div style="height: 10px; width: auto; display: flex; flex-direction: row; flex-wrap: nowrap; background: blue; flex-grow: 0;">
				<div style="width: 10px; height: 10px; flex-grow: 0; background: orange;"/>
				<div style="width: auto; height: 10px; flex-grow: 1; background: red;"/>
				<div style="width: 10px; height: 10px; flex-grow: 0; background: GreenYellow;"/>
			</div>
		</div>
	</div>
	
	<div class="miniSlideshowLeft shadow 580x326"><div><img src="images/Vaps1_v1.jpg"/><img src="images/Vaps2_v1.jpg"/><img src="images/Vaps3_v1.jpg"/><img src="images/Vaps4_v1.jpg"/><img src="images/Vaps5_v1.jpg"/><img src="images/Vaps6_v1.jpg"/><img src="images/Vaps7_v1.jpg"/></div></div>
	-->
	
	<div class="vapPictures" style="margin: 10px auto 0 auto; padding-left: 10px;">
		<div class="miniSlideshowLeft shadow" shadow-class="vapPictures"><div id="vapPicturesContainer"><img src="images/Vaps1_v1.jpg"/><img src="images/Vaps2_v1.jpg"/><img src="images/Vaps3_v1.jpg"/><img src="images/Vaps4_v1.jpg"/><img src="images/Vaps5_v1.jpg"/><img src="images/Vaps6_v1.jpg"/><img src="images/Vaps7_v1.jpg"/></div></div>
	</div>
	<p style="clear: both; text-align: center;">
	To find out what we have available now, please <a href="#!/visiting">call <b>707.684.4146</b> or email</a>.
	</p>
</div>
<runonce>
/*
if(window.matchMedia('@media (max-width: 549px)').matches) {
	$('#vapPictures').width(190);
	$('#vapPictures div').width(180).height(101);
	$('#vapPicturesContainer img').width(180).height('101');
}
*/
//Note: Needed to encapsulate the slideshow (cycle) in its own div because the float right images were screwed up by the cycle plugin changing the containing div properties.
$('.miniSlideshowRight div,.miniSlideshowLeft div').cycle({fx: 'fade'});
$('.miniSlideshowRight div,.miniSlideshowLeft div').unloaded = function() {
	$('.miniSlideshowRight,.miniSlideshowLeft').cycle('destroy');
}
$('.shadow').buildShadow();
</runonce>