123 lines
4.9 KiB
HTML
123 lines
4.9 KiB
HTML
<div id="farm-made-fare" class="page">
|
|
<h1>FARM-MADE FARE</h1>
|
|
<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 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 style="border: 2px solid #777;" 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 & 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>
|