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 now ship our farm made fare.  For those who cannot visit the farm or come to a farmers' market, there is now the option to call <b>707.684.4146</b> or email <a href="mailto:farmer@petitteton.com"><b>farmer@petitteton.com</b></a> with an order.  Download the latest product list below, choose what interests you, then let us know.  If emailing, include your mailing address and payment preference.  We will check availability and give you a total, then you can send a check, call with your credit card number or have us send a PayPal bill to your email address.  We will ship as soon as we have 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. </p>
	</div>
	<!--<div style="font-size: .7em; text-align: center; margin-bottom: 40px;"><a href="/Productlist" 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>
<script type="text/javascript" language="JavaScript">
/*
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');
}
</script>