Initial commit. Transferred from an Eclipse/Brainstorm environment to NodeJS.

public/animals.html

@@ -0,0 +1,37 @@
+<div id="animals" class="page submenu">
+	<div class="columnContainer">
+		<h1>Animals</h1>
+		<div class="columned">
+			<!--
+			<div class="columnContent" onclick="window.location.hash='#!/eggs'">
+				<h2>Chickens</h2>
+				<img src="images/AnimalsChickens_v1.jpg" alt="" border="0" align="left"/>
+				<p>These chickens have it made, from cable TV antennas to get their favorite daytime soaps, to large open pens to protect them from the wildlife.  Our chickens are all egg layers, though we do sell spent laying hens.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/pigs'">
+				<h2>Pigs</h2>
+				<img src="images/FoodPork_v1.jpg" alt="" border="0" align="left"/>
+				<p>Two piglets are raised to eating weight every six months.  Visit our pig page for more, or stop by and talk to the pigs!</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/beef'">
+				<h2>Cows</h2>
+				<img src="images/AnimalsCows_v1.jpg" alt="" border="0" align="left"/>
+				<p>We often have a small herd of pregnant cows grazing down the grass around the farm's hills, and we have one cow of our own in the front yard that keeps Cica, the yak, company.  We sell beef from the farm, sourced from our neighbor and butchered locally</p>
+			</div>
+			-->
+			<div class="columnContent" onclick="window.location.hash='#!/yaks'">
+				<h2>Yaks</h2>
+				<img src="images/AnimalsYaks_v1.jpg" alt="" border="0" align="left"/>
+				<p>We have our own herd of semi-wild yaks that attract the attention of visitors, and we have Cica, a rather human friendly yak that hangs out in our front yard.  Stop by and hang out with the yaks, and try your hand at talking 'yak'.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/aquaponics'">
+				<h2>Fish</h2>
+				<img src="images/Animals_Fish_v1.jpg" alt="" border="0" align="left"/>
+				<p>The farm has recently started exploring aquaponics as a method of farming that utilizes less water, and provides the opportunity to optimize how we grow our vegetables.  Our aquaponic beds are powered by local hard working fish and crustaceans.</p>
+			</div>
+		</div>
+	</div>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/animals.styl

@@ -0,0 +1,2 @@
+#animals {
+}

public/ap/airlift.html

@@ -0,0 +1,32 @@
+<div id="airlift" class="page">
+	<div id="aquaponicText" style="position: relative; z-index: 2;">
+	<div>
+		<h1>Air Lifts</h1> <span style="font-size: smaller; font-weight: 800;">A great way to add oxygen to water, and they can even be used to lift water like a pump.</span>
+		<p>Air, being lighter than water, will rapidly rise when injected at the bottom of a tank.  Air lifts capitalize on this by placing the air in a narrow vertical tube in a tank of water, allowing the rising air to push the water up the sides of the pipe and out the top.  Air lifts are often used for aerating fish tank and grow tank water because they are very efficient.  Just like bubblers and fountains, air lifts rely on breaking the surface tension of the water to add oxygen.  Unlike a fountain, they don't spray water very far, or in ways that will add a lot of water to the air resulting in humidity and water loss in your system.  Unlike bubblers they don't take a lot of pressure to produce a good amount of oxygenated water.  They also don't produce a lot of back pressure on the air pump, meaning that the pump will be more efficient and the diaphrams will last longer.  As a bonus, air lifts are designed to have no problem moving solids and have no moving parts, so they rarely if ever clog, and never wear out, unlike impeller pumps and air stones.  Based on some experimentation, I have found that increasing the surface of the pipe relative to the area inside the pipe does appear to produce a slightly better result, but likely isn't worth the effort of flattening pipe.</p>
+		
+		<p>Using an air lift in place of a water pump will oxygenate your water and move it at the same time.  Getting the water very far above the water line does require a lot of effort since you have to essentially create a gyser effect where the air builds up and then releases all at once.  Air lifts appear to be limited to about 3x the water depth in pumping height.  You can double the water height relatively easily and still move a fair amount of water.  Make sure you add a muffler where the water and air exit since it can be quite noisy.  A narrowed pipe with holes drilled randomly along the bottom and placed horizontally so the water and air come out the holes seems to work pretty well.  I simply heated the end of the pipe and crimped it to serve as an end cap.</p>
+	</div>
+	<div class="instructions">
+		<h2>Photos &amp; Instructions - Building A Simple Air Lift</h2>
+		
+		<img src='ap/images/AirLift1_v1.jpg' class="shadow" style="height: 253px; width: 450px; display: block; margin: 10px auto 0 auto;"/>
+		<p style="clear:both;">This image shows an 8' HDPE (High Density Polyethylene) tank with a 2' depth that is being aerated by a Matala HK40LP pump (the air pump is actually aerating 2 of these tanks) using two quad packs of air lifts.  This appears to work quite a lot better than four large (2" length 1" diameter) air stones.  The plants were not growing until I added the air lifts and removed the stones.  I had a similar experience in a previous floating bed, so I wanted to duplicate the experiment.</p>
+		
+		<p style="clear:both;"><img src='ap/images/AirLift2_v1.jpg' class="shadow" style="height: 141px; width: 250px; float: left; margin: 0 10px 0 0;"/>A close up of the lift pipes and the fork I am using to keep it upright.  The fork is just a bit of pine cut with a table saw and a band saw to have a slot.  The lift is made of 1/2" electrical pvc and four 90 degree pieces.</p>
+		
+		<p style="clear:both;"><img src='ap/images/AirLift3_v1.jpg' class="shadow" style="width: 150px; height: 266px; float: left; margin: 0 10px 0 0;"/>This shows the bottom of the lift pipes.  You can see that I cut the bottoms on roughly a 45 degree angle, and I drilled a hole large enough for 1/4" drip line just above the cut.  I suggest using the better drip line sold in large rolls by your neighborhood hardware store since you will use quite a lot of it, and you'd prefer it be flexible.  The band you see holding the pipes together is a 1/4" wide piece of 2" electrical pvc pipe.  I used a heat gun (harbor frieght has a nice one that is also easy to repair) to heat it until flexible (keep moving the gun to keep from burning the pvc), then I placed it over the pipe and used a wet towel to cool it down.</p>
+		
+		<p style="clear:both;"><img src='ap/images/AirLift4_v1.jpg' class="shadow" style="width: 150px; height: 266px; float: left; margin: 0 10px 0 0;"/>Here is the whole air lift assembly, including the upper band.  The upper band is made from a 3" electrical pipe piece added in the same way as the bottom 2" band.</p>
+		
+		<p style="clear:both;"><img src='ap/images/AirLift5_v1.jpg' class="shadow" style="width: 150px; height: 266px; float: left; margin: 0 10px 0 0;"/>These two air lifts will be installed in a 5' deep weld wire tank to replace some large EPDM bubblers.  A couple more of these and the 6000 gallon tank may be better aerated with just one Matala HK40LP instead of the three I am using now.</p>
+		
+		<div style="clear: both;"></div>
+	</div>
+	<div class="instructions">
+		<h2>Photos &amp; Instructions - Building A Pumping Air Lift</h2>
+		<p>I will need some more photos to finish this part of the page.  Check back soon please.</p>
+	</div>
+</div>
+<runonce>
+	$('.shadow').buildShadow();
+</runonce>

public/ap/airlift.styl

@@ -0,0 +1,30 @@
+#airlift {
+	@media(max-width: 499px) {
+		.instructions {
+			width: 250px;
+		}
+	}
+	@media(min-width: 500px) and (max-width: 749px) {
+		.instructions {
+			width: 500px;
+		}
+	}
+	@media(min-width: 750px) {
+		.instructions {
+			width: 750px;
+		}
+	}
+	
+	h2 {
+		display: block;
+		text-align: center;
+	}
+	
+	.instructions {
+		margin: 0 auto;
+		clear:both;
+		background-color: #BCB;
+		padding: 10px;
+		border: 1px #232 solid;
+	}
+}

public/aquaponics.html

@@ -0,0 +1,18 @@
+<div id="aquaponics" class="page">
+	<div id="aquaponicText" style="position: relative; z-index: 2;">
+	<div><h1>Aquaponics</h1></div>
+	<p>In 2013, most farms in California, including ours, were affected by drought.  Farming and kitchen operations require a lot of water.  Our water comes exclusively from wells: we have no rivers, lakes, or reservoirs to tap into.  We decided in 2013 to experiment with <b>aquaponics</b> as a method of increasing our water security and reducing our water usage.  This benefits wildlife by leaving more water in our streams and ponds.</p>
+	<p>Aquaponics is a system of growing crops and fish in tandem.  The water is recycled continuously and the fish fertilize the plants.  It uses naturally occurring beneficial bacteria to keep the water clean and convert waste from the fish into nutrients for the plants.  The plants, in turn, remove the excess nutrients that would otherwise harm the fish.</p>
+	<p>Aquaponics is not a new idea - it is mimicking nature. Modern advances in technology combined with increased water needs have made it economically feasible now.</p>
+	<p>Our test system, started in 2013, was successful and gave us valuable data which we used to build our first commercial system, operational in mid 2014.  We are already transitioning our most water intensive growing into the aquaponics system, allowing the farm to continue to scale naturally with customer demand.</p>
+
+	<div style="margin: 0 auto; width:600px;"><img src='images/Aquaponic1_v1.jpg' class="shadow" style="width:580px; height:326px;" style="float: none; margin: 0;"/></div>
+
+	<p>
+	Wynne gives classes in aquaponics for kids ages 9 and up, and adults of all varieties.  We also offer tours and consulting to help you avoid many of the expensive mistakes as you design your own aquaponic system.  Tours are $30 for up to 3 people and $10 per person to a maximum of 6 people.  To arrange for classes, tours, or consulting, please <a href="#!/visiting">call the farm <b>707.684.4146</b> or email</a>.  If you need to contact Wynne directly (for technical questions) you may email <a href="mailto:wynne@petitteton.com">wynne@petitteton.com</a> or try calling <b>707.684.4148</b> if it is urgent.
+	</p>
+	</div>
+</div>
+<runonce>
+	$('.shadow').buildShadow();
+</runonce>

public/beef.html

@@ -0,0 +1,9 @@
+<div id="beef" class="page">
+	<h1>Cows &amp; Beef</h1>
+	<p><img src='images/Yaks1_v1.jpg' class="shadow" style="float: left; margin: 10px 10px 10px 0px; height: 146px; width: 326px;"/></p>
+	<p style="clear: both">We allow our neighbor to finish his grass fed, hormone and antibiotic free Angus cattle on our property and purchase a couple for sale to our markets each year.</p>
+	<p>To find out what cuts we have available, please <a href="#!/visiting">call <b>707.684.4146</b> or email</a>.   We would also be happy to take orders for a part of a cow, and welcome your visit to see the animals.</p>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/beef.styl

@@ -0,0 +1,2 @@
+#beef {
+}

public/chicken.html

@@ -0,0 +1,9 @@
+<div id="chicken" class="page">
+	<h1>Chickens &amp; Chicken</h1>
+	<img src='images/Chicken_v1.jpg' class="shadow" style="float: left; margin: 10px 10px 10px 0px; height: 246px; width: 151px;"/>
+	<p style="padding-top: 10px;">We have over 100 laying hens spread across several areas of the farm.  They are raised on organic feed and each group has a rooster to keep the hens happy.  Each year we purchase 60 chicks over a period of several months to renew our stock.  The older hens are sold or slaughtered for stewing meat.  The meat is much more flavorful that what you'll purchase from a store but is not suitable for anything but soup or chicken salad or enchiladas.</p>
+	<p>To find out whether we have any available, please <a href="#!/visiting">call <b>707.684.4146</b> or email</a>.   Come visit them.</p>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/chicken.styl

@@ -0,0 +1,2 @@
+#chicken {
+}

public/community.html

@@ -0,0 +1,35 @@
+<div id="community" class="page">
+	<h1>Community Associations</h1>
+	<p>
+	<a href="http://www.agriculturalinstitute.org/" target="_blank">Agricultural Institute of Marin</a>
+	</p>
+	<p>
+	<a href="http://www.andersonvalleychamber.com/" target="_blank">Anderson Valley Chamber of Commerce</a>
+	</p>
+	<p>
+	<a href="http://members.iyak.org/" target="_blank">International Yak Association</a>
+	</p>
+	<p>
+	<a href="http://www.laurensgoodfood.com/" target="_blank">Lauren's Restaurant</a>
+	</p>
+	<p>
+	<a href="http://www.mcfarm.org/" target="_blank">McFarm (Mendocino County Farmers' Market Association)</a>
+	</p>
+	<p>
+	<a href="http://mendocinograin.net/" target="_blank">Mendocino Grain Project</a>
+	</p>
+	<p>
+	<a href="http://mendocinolocalfood.org/" target="_blank">Mendocino Local Food Guide</a>
+	</p>
+	<p>
+	<a href="http://westsiderenaissancemarket.com/" target="_blank">West Side Renaissance Market</a>
+	</p>
+	<p>
+	<a href="http://www.yorkvillecellars.com/" target="_blank">Yorkville Cellars</a>
+	</p>
+	<!--
+	<p>
+	<a href="http://www.boonvillehotel.com/eat.php" target="_blank">Table 128 at the Boonville Hotel</a>
+	</p>
+	-->
+</div>

public/contact.html

@@ -0,0 +1,15 @@
+<h1>Contact Us</h1>
+<p>
+<b>Petit Teton</b>
+<br/>
+18601 Highway 128
+<br/>
+Yorkville, CA 95494
+<br/>
+707.684.4146
+<br/>
+<a href="mailto:farmer@petitteton.com">Email Us</a>
+<br/>
+<br/>
+<a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=18601+Highway+128,+Yorkville,+CA+95494&vps=1&sll=37.0625,-95.677068&sspn=60.246331,133.857422&ie=UTF8&hq=&hnear=18601+Hwy+128,+Yorkville,+Mendocino,+California+95494">Google Map</a>
+</p>

public/eggs.html

@@ -0,0 +1,21 @@
+<div id="eggs" class="page">
+	<h1>Chickens &amp; EGGS</h1>
+	<p><img class="shadow floatLeft" style="width:160px;height:120px;" src="images/Eggs1_v1.jpg" alt="" border="0" align="left"/>
+	The eggs in our cartons look as though they've come from an Easter basket - many shades of brown and green, and different sizes!
+	It's the result of our wide variety of hens, including Rhode Island Red & White, Plymouth Rock, Sexlink, Buff Orpington, Araucana, Barred Rock, Cochin, Maran, and Australorp.
+	And our chickens are truly “free range”.
+	Many grocery store eggs are billed as free range, but, in actuality, the hens are crammed into huge warehouses with a small door at one end leading to a concrete “outdoors”.
+	Not our birds!
+	They scrabble around in the fields all day every day.
+	We do supplement what the natural environment provides, with locally produced organic crumbles.
+	</P>
+	<p>
+	The resulting eggs are of amazing quality.  
+	The yolks are a brilliant orange, not the milky yellow found in many grocery store eggs, and the whites stand up on their own.  
+	You can visit the farm to buy fresh eggs, or stop by one of our <a href="#!/markets">farmers' markets</a> in San Francisco or Mendocino County.
+	</p>
+	<div align="center" style="padding-top: 20px"><img src="images/Chicken.png"><img src='images/egg.png'/></img></div>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/farm-made-fare.html

@@ -0,0 +1,121 @@
+<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.  Here are some of the hundreds of treats we have turned out over the years:</p>
+
+	<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>

public/farm-made-fare.styl

@@ -0,0 +1,56 @@
+
+/* farm-made-fare.html */
+@media(max-width: 509px) {
+	#farm-made-fare .columned {
+		width: 250px;
+	}
+}
+@media(min-width: 510px) and (max-width: 769px) {
+	#farm-made-fare .columned {
+		width: 510px;
+	}
+}
+@media(min-width: 770px) { /* and (max-width: 1029px)*/
+	#farm-made-fare .columned {
+		width: 770px;
+	}
+}
+/*
+@media(min-width: 1030px) {
+	#farm-made-fare .columned {
+		width: 1030px;
+	}
+}
+*/
+#farm-made-fare .columned {
+	-webkit-columns: 250px auto; 
+	-moz-columns: 250px auto; 
+	columns: 250px auto; 
+	-webkit-column-gap: 10px; 
+	-moz-column-gap: 10px; 
+	column-gap: 10px;
+}
+#farm-made-fare .columned div {
+	display: inline-block;
+	min-width: 250px;
+}
+@media(max-width: 549px) {
+	#farm-made-fare #vapPicturesContainer img {
+		width: 170px;
+		height: 96px;
+	}
+	#farm-made-fare .vapPictures {
+		width: 180px;
+		height: 106px;
+	}
+}
+@media(min-width: 550px) {
+	#farm-made-fare #vapPicturesContainer img {
+		width: 580px;
+		height: 326px;
+	}
+	#farm-made-fare .vapPictures {
+		width: 590px;
+		height: 336px;
+	}
+}

public/farm.html

@@ -0,0 +1,43 @@
+
+<div id="farm" class="page submenu">
+	<div class="columnContainer">
+		<h1>Farm</h1>
+		<div class="columned">
+			<div class="columnContent" onclick="window.location.hash='#!/visiting'">
+				<h2>Contact &amp; Visit</h2>
+				<img src="images/Driveway2_v2.jpg" alt="" border="0" align="left"/>
+				<p>Give us a call, write us an email, or just stop by and say hi.  We would love to have you visit our farm... </p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/markets'">
+				<h2>Markets</h2>
+				<img src="images/Farm_Markets_v1.jpg" alt="" border="0" align="left"/>
+				<p>For many years now we've sold our produce at farmers' markets. Currently you'll find us...</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/us'">
+				<h2>About Us</h2>
+				<img src="images/Farm_AboutUs_v1.jpg" alt="" border="0" align="left"/>
+				<p>Our jobs on the farm and our backgrounds...</p>
+			</div>
+			<!--
+			<div class="columnContent" onclick="window.location.hash='#!/bios'">
+				<h2>Farmer Bios</h2>
+				<img src="images/FoodEggs_v1.jpg" alt="" border="0" align="left"/>
+				<p>Our formal bios, focusing on our diverse background and experience.  Check out where we come from in life!</p>
+			</div>
+			-->
+			<div class="columnContent" onclick="window.location.hash='#!/land'">
+				<h2>Farm Land</h2>
+				<img src="images/Farm_Land_v1.jpg" alt="" border="0" align="left"/>
+				<p>The land we own had been a ranch for generations, part of a much larger spread, and was still a small sheep ranch when we bought it in 2004.  In 2011 we bought the neighboring property...</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/aquaponics'">
+				<h2>Aquaponics</h2>
+				<img src="images/Farm_Aquaponics_v1.jpg" alt="" border="0" align="left"/>
+				<p>Aquaponics is a system of growing crops and fish in tandem. The water is recycled continuously and the fish...</p>
+			</div>
+		</div>
+	</div>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/farm.styl

@@ -0,0 +1,2 @@
+#farm {
+}

public/fonts/Grand_Hotel/OFL.txt

@@ -0,0 +1,93 @@
+Copyright (c) 2012 by Brian J. Bonislawsky and Jim Lyles DBA Astigmatic
+(AOETI) (astigma@astigmatic.com), with Reserved Font Name "Grand Hotel"
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

public/food.html

@@ -0,0 +1,40 @@
+<div id="food" class="page submenu">
+	<div class="columnContainer">
+		<h1>Food</h1>
+		<div class="columned">
+			<div class="columnContent" onclick="window.location.hash='#!/farm-made-fare'">
+				<h2>Farm-Made Fare</h2>
+				<img src="images/FoodFMF_v1.jpg" alt="" border="0" align="left"/>
+				<p>Check out what we are cooking in the kitchen!</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/eggs'">
+				<h2>Eggs</h2>
+				<img src="images/FoodEggs_v1.jpg" alt="" border="0" align="left"/>
+				<p>Eggs from our truly free range chickens are provided in a colorful array and sold by the dozen.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/pigs'">
+				<h2>Pork</h2>
+				<img src="images/FoodPork_v1.jpg" alt="" border="0" align="left"/>
+				<p>We offer pork from our locally bred and farm-raised pigs.  We take orders for quarter, half, or whole pig as well as select cuts and sausage.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/beef'">
+				<h2>Beef</h2>
+				<img src="images/FoodBeef_v1.jpg" alt="" border="0" align="left"/>
+				<p>Our beef is sourced from our neighbor who grazes some of his cattle on our farm's grassy hills.  The cows are all grass fed and properly cared for animals.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/chicken'">
+				<h2>Chicken</h2>
+				<img src="images/FoodChicken_v1.jpg" alt="" border="0" align="left"/>
+				<p>We have over 100 laying hens spread across several areas of the farm, and we sell the spent laying hens as organic fed chicken.</p>
+			</div>
+			<div class="columnContent" onclick="window.location.hash='#!/veggies'">
+				<h2>Veggies</h2>
+				<img src="images/FoodVeggies_v1.jpg" alt="" border="0" align="left"/>
+				<p>We grow and sell a very wide variety of freshly picked veggies.</p>
+			</div>
+		</div>
+	</div>
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/food.styl

@@ -0,0 +1,2 @@
+#food {
+}

public/grow-and-can.html

@@ -0,0 +1,8 @@
+<div id="grow-and-can" class="page">
+	<p><b>“We grow it.  We can it.”</b>  Why this is our motto.  What makes it important - to us & to you.  How it came about.
+	<p>In the beginning of our farming life it quickly became clear that we produced far more than we consumed so we started selling fresh fruit, produce and eggs at farmers’ markets.  There it quickly became apparent that we couldn’t sell everything we grew nor could we sustain a business on what we did sell.  We next built a commercial kitchen on the farm to be able to preserve and add value to what we couldn’t eat or sell or feed to our animals or the compost.  Our mantra has always been “NO WASTE”. 
+	<p>The fact that we grow everything we preserve sets us apart from most value added product producers and defines our business since most canners purchase their ingredients.  It also gives us control of the quality of our canned goods.  Although the farm is not certified organic we use only organic practices and as few outside “inputs” as possible which are organic also, eg: incidental flavorings such as spices we cannot grow and necessary preservatives like sugar, vinegar and lemon juice (required to ensure acidity).  A new California law requires that farmers’ markets be divided into two sections...agricultural products and crafts…so the other advantage to growing what we preserve is that we remain in the agricultural section.  The canners who do not grow the produce they put in their jars are in the craft section.
+	<p>The art of canning has been honed in families for generations as a way to preserve the summer harvest for winter consumption.  This is where we’ve kept it.  Our family harvests, selects, hand cuts and cans the produce contained in our jars.  There is no machinery or assembly line.  All the work is done as you would do it in your kitchen…by hand.  And all the food is preserved as it comes in from the fields.  Each run of each item is only as large as the amount of the fruit or vegetable harvested that season from our six acres of fields and our aquaponic system. 
+	<p>The art of farming, which has been practiced since time immemorial, demands diversity, resilience, self-reliance and creativity.   Each year is different and each crop responds differently each year.  One must be ready for some to fail and some to succeed and be flexible enough to take advantage of the successes and ride out the failures.  This is where the “art” of what we are doing comes into play…if you have 50lbs of mint, what to do?  Make mint jelly and pesto.  Once the seeds are removed from the blackberries used for jam, soak them and make wine.  We use what is available as creatively as we can.  And what can’t be preserved is used by the plants and animals and compost.  Nothing is wasted. 
+	<p>The goal is to create an ever widening circle or spiral of connections and you, the consumer, are part of that circle.  We welcome visitors to the farm and are happy to talk and answer questions. You have the freedom to wander and question to certify for yourselves that we are who we say we are, and that the food is what we say it is.  
+</div>

public/grow-and-can.styl

@@ -0,0 +1,2 @@
+#grow-and-can {
+}

public/holidays.html

@@ -0,0 +1,14 @@
+<div id="holidays">
+	<!--<a id="advert" href="http://www.petitteton.com/#!/visiting"><img class="shadow" src='images/HolidayAdvert_v1.jpg' style="width: 860px; height: 444px;"/></a>-->
+	<a id="advert" href="#!/visiting"><img src='images/HolidayAdvert_v1.jpg' class="holidayImage"/></a>
+
+	<p id="text">
+		<a href="#!/farm-made-fare">Visit the main web site for more details.</a> Call us at 707.684.4146, email us at <a href="mailto:farmer@petitteton.com">farmer@petitteton.com</a>, or stop by for a <a href="#!/visiting">visit</a>.
+	</p>
+	<!--
+	Stop by and pick out tasty holiday gifts with color and function!  Perfect for any consumer of food products, these beautiful glass jars come complete with tasty contents and feature a built in place to put the bow and card.  Friends and family will marvel at the contents and the convenience of not needing to re-gift the items you got this year.
+	-->
+</div>
+<runonce>
+$('.shadow').buildShadow();
+</runonce>

public/holidays.styl

@@ -0,0 +1,29 @@
+
+/* Holidays.html */
+#holidays {
+	margin: 40px auto 0 auto;
+}
+#holidays #text {
+	text-align: center;
+}
+#holidays p {
+	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+	font-size: .875em;
+	color: black;
+}
+
+@media(min-width: 860px) {
+	#holidays {
+		width: 860px;
+	}
+	.holidayImage {
+		height: 444px;
+		width: 860px;
+	}
+}
+@media(max-width: 859px) {
+	.holidayImage {
+		width: 100%;
+		height: 100%;
+	}
+}