Changed all Stylus css to SASS because stylus is no longer supported by anyone. Fixed a bunch of references to old files no longer used - there are a lot of old pages that could still be removed.
This commit is contained in:
2893
package-lock.json
generated
2893
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -5,6 +5,7 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "node server.js",
|
"start": "node server.js",
|
||||||
"setup": "npm install",
|
"setup": "npm install",
|
||||||
|
"build": "bestzip ../PetitTeton.zip public app server.js package.json",
|
||||||
"prune": "npm prune"
|
"prune": "npm prune"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@@ -29,7 +30,9 @@
|
|||||||
"swig": "~1.4.2"
|
"swig": "~1.4.2"
|
||||||
},
|
},
|
||||||
"main": "config.example.js",
|
"main": "config.example.js",
|
||||||
"devDependencies": {},
|
"devDependencies": {
|
||||||
|
"bestzip": "latest"
|
||||||
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://wcrisman@dev.de22.com/r/PetitTeton.git"
|
"url": "https://wcrisman@dev.de22.com/r/PetitTeton.git"
|
||||||
|
|||||||
1
public/_animals.sass
Normal file
1
public/_animals.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#animals
|
||||||
1
public/_aquaponics.sass
Normal file
1
public/_aquaponics.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#aquaponics
|
||||||
@@ -251,11 +251,10 @@ p
|
|||||||
-webkit-font-smoothing: antialiased
|
-webkit-font-smoothing: antialiased
|
||||||
text-rendering: optimizeLegibility
|
text-rendering: optimizeLegibility
|
||||||
h1
|
h1
|
||||||
/* bar in the middle
|
/* bar in the middle */
|
||||||
display: table
|
//display: table
|
||||||
width: 100%
|
//width: 100%
|
||||||
margin-bottom: 10px
|
//margin-bottom: 10px
|
||||||
*/
|
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
color: black
|
color: black
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif
|
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif
|
||||||
@@ -275,7 +274,7 @@ h1:after
|
|||||||
width: 100%
|
width: 100%
|
||||||
border-left: 100% solid black
|
border-left: 100% solid black
|
||||||
background-image: linear-gradient(transparent 47%, #dddddd 48%, #dddddd 52%, transparent 52%)
|
background-image: linear-gradient(transparent 47%, #dddddd 48%, #dddddd 52%, transparent 52%)
|
||||||
*/
|
*/
|
||||||
h2
|
h2
|
||||||
display: inline
|
display: inline
|
||||||
color: #333
|
color: #333
|
||||||
@@ -389,6 +388,7 @@ sup, sub
|
|||||||
.hidden
|
.hidden
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
|
// The .scrollPage & .scrollViewport classes were only used in weddings.html which is no longer utilized. The shadow_130_90.png seems to be removed.
|
||||||
/* Scrolls all five pictures one at a time from right to left. */
|
/* Scrolls all five pictures one at a time from right to left. */
|
||||||
.scrollViewport
|
.scrollViewport
|
||||||
margin: 0
|
margin: 0
|
||||||
@@ -410,23 +410,19 @@ sup, sub
|
|||||||
left: 0
|
left: 0
|
||||||
top: 0
|
top: 0
|
||||||
.scrollPage a
|
.scrollPage a
|
||||||
/*width: 161px
|
|
||||||
height: 145px*/
|
|
||||||
width: 142px
|
width: 142px
|
||||||
height: 100px
|
height: 100px
|
||||||
border: 0
|
border: 0
|
||||||
background: url('images/shadow_130_90.png') no-repeat scroll 0 0
|
//background: url('images/shadow_130_90.png') no-repeat scroll 0 0
|
||||||
.scrollPage a:hover
|
.scrollPage a:hover
|
||||||
background-color: white
|
background-color: white
|
||||||
color: white
|
color: white
|
||||||
.scrollPage div /* In case it isn't clickable (substitute for <a>)/ */
|
.scrollPage div /* In case it isn't clickable (substitute for <a>)/ */
|
||||||
/*width: 161px
|
|
||||||
height: 145px*/
|
|
||||||
width: 142px
|
width: 142px
|
||||||
height: 100px
|
height: 100px
|
||||||
border: 0
|
border: 0
|
||||||
float: left
|
float: left
|
||||||
background: url('images/shadow_130_90.png') no-repeat scroll 0 0
|
//background: url('images/shadow_130_90.png') no-repeat scroll 0 0
|
||||||
|
|
||||||
.shadow
|
.shadow
|
||||||
-webkit-box-shadow: 7px 7px 7px -3px rgba(0,0,0,0.67)
|
-webkit-box-shadow: 7px 7px 7px -3px rgba(0,0,0,0.67)
|
||||||
@@ -434,10 +430,10 @@ sup, sub
|
|||||||
box-shadow: 7px 7px 7px -3px rgba(0,0,0,0.67)
|
box-shadow: 7px 7px 7px -3px rgba(0,0,0,0.67)
|
||||||
|
|
||||||
/* Chicken */
|
/* Chicken */
|
||||||
#chicken
|
#chicken //This page is no longer used. The background image is gone. (There is a png of the same name in the source material.)
|
||||||
width: auto
|
width: auto
|
||||||
height: 250px
|
height: 250px
|
||||||
background: url(images/Chicken-Egg.gif) no-repeat center top
|
//background: url(images/Chicken-Egg.gif) no-repeat center top
|
||||||
|
|
||||||
/* Footer Lines */
|
/* Footer Lines */
|
||||||
#footer
|
#footer
|
||||||
@@ -455,7 +451,7 @@ sup, sub
|
|||||||
|
|
||||||
#designedBy
|
#designedBy
|
||||||
margin-top: 6px
|
margin-top: 6px
|
||||||
font: Arial, san-serif
|
font-family: Arial, san-serif
|
||||||
font-size: .5em
|
font-size: .5em
|
||||||
line-height: .525em
|
line-height: .525em
|
||||||
color: #777
|
color: #777
|
||||||
@@ -464,7 +460,7 @@ sup, sub
|
|||||||
text-transform: uppercase
|
text-transform: uppercase
|
||||||
#designedBy a
|
#designedBy a
|
||||||
color: #777
|
color: #777
|
||||||
font: 'Arial, san-serif'
|
font-family: Arial, san-serif
|
||||||
font-size: .5em
|
font-size: .5em
|
||||||
line-height: .525em
|
line-height: .525em
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
@@ -544,30 +540,3 @@ sup, sub
|
|||||||
margin: 4px 10px 10px 0
|
margin: 4px 10px 10px 0
|
||||||
.blogLink
|
.blogLink
|
||||||
color: #e40329 !important
|
color: #e40329 !important
|
||||||
|
|
||||||
@require "clearfix"
|
|
||||||
@require "home"
|
|
||||||
@require "farm"
|
|
||||||
@require "food"
|
|
||||||
@require "animals"
|
|
||||||
@require "services"
|
|
||||||
@require "holidays"
|
|
||||||
@require "farm-made-fare"
|
|
||||||
@require "grow-and-can"
|
|
||||||
@require "eggs"
|
|
||||||
@require "beef"
|
|
||||||
@require "pigs"
|
|
||||||
@require "chicken"
|
|
||||||
@require "markets"
|
|
||||||
@require "slideshow"
|
|
||||||
@require "visiting"
|
|
||||||
@require "weddings"
|
|
||||||
@require "yaks"
|
|
||||||
@require "community"
|
|
||||||
@require "yaks"
|
|
||||||
@require "us"
|
|
||||||
@require "veggies"
|
|
||||||
@require "aquaponics"
|
|
||||||
@require "shipping"
|
|
||||||
@require "ap/aphome"
|
|
||||||
@require "ap/airlift"
|
|
||||||
1
public/_beef.sass
Normal file
1
public/_beef.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#beef
|
||||||
1
public/_chicken.sass
Normal file
1
public/_chicken.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#chicken
|
||||||
8
public/_clearfix.sass
Normal file
8
public/_clearfix.sass
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
.group:before,
|
||||||
|
.group:after
|
||||||
|
content: ""
|
||||||
|
display: table
|
||||||
|
.group:after
|
||||||
|
clear: both
|
||||||
|
.group
|
||||||
|
zoom: 1 /* For IE 6/7 (trigger hasLayout) */
|
||||||
62
public/_farm-made-fare.sass
Normal file
62
public/_farm-made-fare.sass
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
#farm-made-fare
|
||||||
|
.mainTextBlock
|
||||||
|
|
||||||
|
.secondaryTextBlock
|
||||||
|
font-size: 10px
|
||||||
|
border: 1px solid #666
|
||||||
|
padding: 4px
|
||||||
|
width: 300px
|
||||||
|
margin-left: 14px
|
||||||
|
margin-bottom: 6px
|
||||||
|
float: right
|
||||||
|
|
||||||
|
.shipImage
|
||||||
|
width: 100px
|
||||||
|
float: left
|
||||||
|
padding-right: 2px
|
||||||
|
|
||||||
|
.priceList
|
||||||
|
width: 100%
|
||||||
|
border: 2px solid #777
|
||||||
|
|
||||||
|
.secondaryTextBlock
|
||||||
|
|
||||||
|
/* farm-made-fare.html */
|
||||||
|
@media(max-width: 509px)
|
||||||
|
.columned
|
||||||
|
width: 250px
|
||||||
|
.secondaryTextBlock
|
||||||
|
margin: 0 auto
|
||||||
|
float: none
|
||||||
|
@media(min-width: 510px) and (max-width: 769px)
|
||||||
|
.columned
|
||||||
|
width: 510px
|
||||||
|
.secondaryTextBlock
|
||||||
|
width: 200px
|
||||||
|
@media(min-width: 770px) /* and (max-width: 1029px)*/
|
||||||
|
.columned
|
||||||
|
width: 770px
|
||||||
|
.columned
|
||||||
|
-webkit-columns: 250px auto
|
||||||
|
-moz-columns: 250px auto
|
||||||
|
columns: 250px auto
|
||||||
|
-webkit-column-gap: 10px
|
||||||
|
-moz-column-gap: 10px
|
||||||
|
column-gap: 10px
|
||||||
|
.columned div
|
||||||
|
display: inline-block
|
||||||
|
min-width: 250px
|
||||||
|
@media(max-width: 549px)
|
||||||
|
#vapPicturesContainer img
|
||||||
|
width: 170px
|
||||||
|
height: 96px
|
||||||
|
.vapPictures
|
||||||
|
width: 180px
|
||||||
|
height: 106px
|
||||||
|
@media(min-width: 550px)
|
||||||
|
#vapPicturesContainer img
|
||||||
|
width: 580px
|
||||||
|
height: 326px
|
||||||
|
.vapPictures
|
||||||
|
width: 590px
|
||||||
|
height: 336px
|
||||||
1
public/_farm.sass
Normal file
1
public/_farm.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#farm
|
||||||
1
public/_food.sass
Normal file
1
public/_food.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#food
|
||||||
11
public/_grow-and-can.sass
Normal file
11
public/_grow-and-can.sass
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
#grow-and-can
|
||||||
|
h2
|
||||||
|
display: block
|
||||||
|
font-size: 1.4em
|
||||||
|
text-align: center
|
||||||
|
margin-top: 10px
|
||||||
|
margin-bottom: 10px
|
||||||
|
h3
|
||||||
|
display: block
|
||||||
|
font-size: 1em
|
||||||
|
text-align: center
|
||||||
22
public/_holidays.sass
Normal file
22
public/_holidays.sass
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
|
||||||
|
/* 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%
|
||||||
30
public/_markets.sass
Normal file
30
public/_markets.sass
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
#markets
|
||||||
|
.farmVisitSlides, .farmerMarketSlides, .farmVisitSlides img, .farmerMarketSlides img
|
||||||
|
max-width: 300px
|
||||||
|
max-height: 200px
|
||||||
|
width: 100%
|
||||||
|
.cssImg
|
||||||
|
width: 240px
|
||||||
|
height: 160px
|
||||||
|
hr
|
||||||
|
display: none
|
||||||
|
h5
|
||||||
|
margin: 0
|
||||||
|
.farmersMarkets, .farmVisits
|
||||||
|
min-height: 300px
|
||||||
|
.csa
|
||||||
|
min-height: 200px
|
||||||
|
|
||||||
|
@media (max-width: 700px)
|
||||||
|
.farmerMarketSlides, .farmVisitSlides, .csaImg
|
||||||
|
float: none
|
||||||
|
margin: 0 auto
|
||||||
|
display: block
|
||||||
|
h5
|
||||||
|
text-align: center
|
||||||
|
hr
|
||||||
|
height: 2px
|
||||||
|
width: 100%
|
||||||
|
background-color: #b3b2ad
|
||||||
|
display: block
|
||||||
|
margin-top: 40px
|
||||||
1
public/_services.sass
Normal file
1
public/_services.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#services
|
||||||
6
public/_shipping.sass
Normal file
6
public/_shipping.sass
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
#shipping
|
||||||
|
h2
|
||||||
|
font-size: 1.3em
|
||||||
|
display: block
|
||||||
|
margin-top: 6px
|
||||||
|
margin-bottom: 6px
|
||||||
1
public/_us.sass
Normal file
1
public/_us.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#us
|
||||||
5
public/_veggies.sass
Normal file
5
public/_veggies.sass
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
#veggies
|
||||||
|
.produceTable
|
||||||
|
min-width: 200px
|
||||||
|
float: left
|
||||||
|
width: 33%
|
||||||
11
public/_weddings.sass
Normal file
11
public/_weddings.sass
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
#weddings
|
||||||
|
.col2
|
||||||
|
//position: absolute
|
||||||
|
//left: 300px
|
||||||
|
//top: 0px
|
||||||
|
float: left
|
||||||
|
width: 50%
|
||||||
|
min-width: 280px
|
||||||
|
.col1
|
||||||
|
float: left
|
||||||
|
min-width: 280px
|
||||||
12
public/_yaks.sass
Normal file
12
public/_yaks.sass
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
#yaks
|
||||||
|
.yak
|
||||||
|
float: left
|
||||||
|
margin: 6px 14px 10px 0px
|
||||||
|
max-width: 326px
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
@media (max-width: 700px)
|
||||||
|
.yak
|
||||||
|
float: none
|
||||||
|
.yakContainer
|
||||||
|
text-align: center
|
||||||
@@ -3,5 +3,4 @@
|
|||||||
<h1>Animals</h1>
|
<h1>Animals</h1>
|
||||||
<p>As well as the animals raised for food on the farm - cow, pigs, chickens, ducks, squab, and rabbits – we have a small herd of yaks with whom you are welcome to come and yak. If they aren’t off grazing, they’re happy to have you scratch behind their ears. Powering the aquaponic system are several tanks full of fish – goldfish, catfish and blue gill – which are happy to see you with food in hand.</p>
|
<p>As well as the animals raised for food on the farm - cow, pigs, chickens, ducks, squab, and rabbits – we have a small herd of yaks with whom you are welcome to come and yak. If they aren’t off grazing, they’re happy to have you scratch behind their ears. Powering the aquaponic system are several tanks full of fish – goldfish, catfish and blue gill – which are happy to see you with food in hand.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#animals {
|
|
||||||
}
|
|
||||||
21
public/ap/_airlift.sass
Normal file
21
public/ap/_airlift.sass
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
#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
|
||||||
1
public/ap/_aphome.sass
Normal file
1
public/ap/_aphome.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
#aphome
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
#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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
#aphome {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
#aquaponics {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#beef {
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#chicken {
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
.group:before,
|
|
||||||
.group:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
.group:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.group {
|
|
||||||
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
.group:before,
|
|
||||||
.group:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
.group:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.group {
|
|
||||||
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
|
|
||||||
}
|
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
<p>
|
<p>
|
||||||
The resulting eggs are of amazing quality.
|
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.
|
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.
|
You can visit the farm to buy fresh eggs, or stop by one of our <a href="#!/markets">farmers' markets</a>.
|
||||||
</p>
|
</p>
|
||||||
<div align="center" style="padding-top: 20px"><img src="images/Chicken.png" style="width: 100%; max-width: 387px;"><img src='images/egg.png' style="width: 100%; max-width: 75px;"/></img></div>
|
<div align="center" style="padding-top: 20px"><img src="images/Chicken.png" style="width: 100%; max-width: 387px;"><img src='images/egg.png' style="width: 100%; max-width: 75px;"/></img></div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1,85 +0,0 @@
|
|||||||
#farm-made-fare {
|
|
||||||
|
|
||||||
.mainTextBlock {
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondaryTextBlock {
|
|
||||||
font-size: 10px;
|
|
||||||
border: 1px solid #666;
|
|
||||||
padding: 4px;
|
|
||||||
width: 300px;
|
|
||||||
margin-left: 14px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shipImage {
|
|
||||||
width: 100px;
|
|
||||||
float: left;
|
|
||||||
padding-right: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.priceList {
|
|
||||||
width: 100%;
|
|
||||||
border: 2px solid #777;
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondaryTextBlock {
|
|
||||||
}
|
|
||||||
|
|
||||||
/* farm-made-fare.html */
|
|
||||||
@media(max-width: 509px) {
|
|
||||||
.columned {
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
.secondaryTextBlock {
|
|
||||||
margin: 0 auto;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media(min-width: 510px) and (max-width: 769px) {
|
|
||||||
.columned {
|
|
||||||
width: 510px;
|
|
||||||
}
|
|
||||||
.secondaryTextBlock {
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media(min-width: 770px) { /* and (max-width: 1029px)*/
|
|
||||||
.columned {
|
|
||||||
width: 770px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.columned {
|
|
||||||
-webkit-columns: 250px auto;
|
|
||||||
-moz-columns: 250px auto;
|
|
||||||
columns: 250px auto;
|
|
||||||
-webkit-column-gap: 10px;
|
|
||||||
-moz-column-gap: 10px;
|
|
||||||
column-gap: 10px;
|
|
||||||
}
|
|
||||||
.columned div {
|
|
||||||
display: inline-block;
|
|
||||||
min-width: 250px;
|
|
||||||
}
|
|
||||||
@media(max-width: 549px) {
|
|
||||||
#vapPicturesContainer img {
|
|
||||||
width: 170px;
|
|
||||||
height: 96px;
|
|
||||||
}
|
|
||||||
.vapPictures {
|
|
||||||
width: 180px;
|
|
||||||
height: 106px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media(min-width: 550px) {
|
|
||||||
#vapPicturesContainer img {
|
|
||||||
width: 580px;
|
|
||||||
height: 326px;
|
|
||||||
}
|
|
||||||
.vapPictures {
|
|
||||||
width: 590px;
|
|
||||||
height: 336px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#farm {
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#food {
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
#grow-and-can {
|
|
||||||
h2 {
|
|
||||||
display: block;
|
|
||||||
font-size: 1.4em;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
display: block;
|
|
||||||
font-size: 1em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
|
|
||||||
/* 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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<div id="home" class="page">
|
<div id="home" class="page">
|
||||||
<p style="clear: both">We’re a small family farm in Mendocino County growing a wide range of fruits and vegetables which we preserve in our commercial kitchen. We also raise chickens, pigeons, pigs, rabbits and cows for meat and eggs. Our practices are organic and then some, although we are not certified.</p>
|
<p style="clear: both">We’re a small family farm in Mendocino County growing a wide range of fruits and vegetables which we preserve in our commercial kitchen. We also raise chickens, ducks, pigeons, pigs, rabbits, fish, and cows and we sell meat and eggs of various types. Our practices are organic and then some, although we are not certified.</p>
|
||||||
<div class="homeSlideshowInstructions">Click Image To Pause</div>
|
<div class="homeSlideshowInstructions">Click Image To Pause</div>
|
||||||
<div class="homeSlideshow" data-cycle-fx="fadeout" data-cycle-timeout=4000 data-cycle-pause-on-hover="true"><div class="cycle-overlay"></div><div class="cycle-pager"></div><img src="images/map_v1.jpg" data-cycle-title="The Map" data-cycle-desc=""/><img src="images/Visit2_v1.jpg" data-cycle-title="View from Hwy 128" data-cycle-desc=""/><img src="images/Visit3_v1.jpg" data-cycle-title="Go Left at the Fork" data-cycle-desc=""/><img src="images/Visit4_v1.jpg" data-cycle-title="Our 'Door Bell'.. or just wander around until you are found!" data-cycle-desc=""/><img src="images/Visit5_v1.jpg" data-cycle-title="View from Above" data-cycle-desc=""/></div>
|
<div class="homeSlideshow" data-cycle-fx="fadeout" data-cycle-timeout=4000 data-cycle-pause-on-hover="true"><div class="cycle-overlay"></div><div class="cycle-pager"></div><img src="images/map_v1.jpg" data-cycle-title="The Map" data-cycle-desc=""/><img src="images/Visit2_v1.jpg" data-cycle-title="View from Hwy 128" data-cycle-desc=""/><img src="images/Visit3_v1.jpg" data-cycle-title="Go Left at the Fork" data-cycle-desc=""/><img src="images/Visit4_v1.jpg" data-cycle-title="Our 'Door Bell'.. or just wander around until you are found!" data-cycle-desc=""/><img src="images/Visit5_v1.jpg" data-cycle-title="View from Above" data-cycle-desc=""/></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
BIN
public/images/Farmers_Market_1.jpg
Normal file
BIN
public/images/Farmers_Market_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
public/images/Farmers_Market_2.jpg
Normal file
BIN
public/images/Farmers_Market_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
public/images/Farmers_Market_3.jpg
Normal file
BIN
public/images/Farmers_Market_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
public/images/Farmers_Market_4.jpg
Normal file
BIN
public/images/Farmers_Market_4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
public/images/Farmers_Market_5.jpg
Normal file
BIN
public/images/Farmers_Market_5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
@@ -57,10 +57,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- footer lines -->
|
<!-- footer lines -->
|
||||||
<div id="footer">© 2009,2018 Petit Teton LLC | Farm Email <a href="mailto:farmer@petitteton.com">farmer@petitteton.com</a></div>
|
<div id="footer">© 2009,2023 Petit Teton LLC | Farm Email <a href="mailto:farmer@petitteton.com">farmer@petitteton.com</a></div>
|
||||||
<div id="designedBy" style="">
|
<!-- <div id="designedBy" style="">-->
|
||||||
Web Site By: <a href="http://de22.com" style="font-weight: normal" target="_blank">Declarative Engineering LLC</a>
|
<!-- Web Site By: <a href="http://de22.com" style="font-weight: normal" target="_blank">Declarative Engineering LLC</a>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
28
public/main.scss
Normal file
28
public/main.scss
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
@use 'basic';
|
||||||
|
|
||||||
|
@use "clearfix";
|
||||||
|
@use "home";
|
||||||
|
@use "farm";
|
||||||
|
@use "food";
|
||||||
|
@use "animals";
|
||||||
|
@use "services";
|
||||||
|
@use "holidays";
|
||||||
|
@use "farm-made-fare";
|
||||||
|
@use "grow-and-can";
|
||||||
|
@use "eggs";
|
||||||
|
@use "beef";
|
||||||
|
@use "pigs";
|
||||||
|
@use "chicken";
|
||||||
|
@use "markets";
|
||||||
|
@use "slideshow";
|
||||||
|
@use "visiting";
|
||||||
|
@use "weddings";
|
||||||
|
@use "yaks";
|
||||||
|
@use "community";
|
||||||
|
@use "yaks";
|
||||||
|
@use "us";
|
||||||
|
@use "veggies";
|
||||||
|
@use "aquaponics";
|
||||||
|
@use "shipping";
|
||||||
|
@use "ap/aphome";
|
||||||
|
@use "ap/airlift";
|
||||||
@@ -6,13 +6,14 @@
|
|||||||
<hr/>
|
<hr/>
|
||||||
<!--<div class="farmersMarkets section">-->
|
<!--<div class="farmersMarkets section">-->
|
||||||
<!--<h5 style="margin: 20px 0 8px 0;">Farmers' Markets</h5>-->
|
<!--<h5 style="margin: 20px 0 8px 0;">Farmers' Markets</h5>-->
|
||||||
<div class="miniSlideshowLeft shadow farmerMarketSlides"><div><img src="images/Market1_v2.jpg"/><img src="images/Market2_v2.jpg"/><img src="images/Market3_v2.jpg"/></div></div>
|
<div class="miniSlideshowLeft shadow farmerMarketSlides"><div><img src="images/Farmers_Market_1.jpg"/><img src="images/Farmers_Market_2.jpg"/><img src="images/Farmers_Market_3.jpg"/><img src="images/Farmers_Market_4.jpg"/><img src="images/Farmers_Market_5.jpg"/></div></div>
|
||||||
<p>For many years now we've sold our produce at farmers' markets. Currently you'll find us at:</p>
|
<p>For many years now we've sold our produce at farmers' markets. Currently, you'll find us at:</p>
|
||||||
<ul class="basicList" style="padding: 0; margin: 0;">
|
<ul class="basicList" style="padding: 0; margin: 0;">
|
||||||
<!-- <li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/mendocino.html">Mendocino Farmers' Market</a> (May 1<sup>st</sup>-Oct 31<sup>st</sup>) Fridays, noon-2pm-->
|
<!-- <li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/mendocino.html">Mendocino Farmers' Market</a> (May 1<sup>st</sup>-Oct 31<sup>st</sup>) Fridays, noon-2pm-->
|
||||||
<!-- <li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/boonville.html">Boonville Farmers' Market</a> (All Year) Saturdays, 9-12:30pm-->
|
<!-- <li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/boonville.html">Boonville Farmers' Market</a> (All Year) Saturdays, 9-12:30pm-->
|
||||||
<!--<li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/fort-bragg.html">Fort Bragg Farmers' Market</a> (Nov 1<sup>st</sup>-Apr 30<sup>th</sup>) Wednesdays, 3-6pm-->
|
<!--<li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.mcfarm.org/fort-bragg.html">Fort Bragg Farmers' Market</a> (Nov 1<sup>st</sup>-Apr 30<sup>th</sup>) Wednesdays, 3-6pm-->
|
||||||
<li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.agriculturalinstitute.org/clement-st/"> Clement Street Farmers' Market</a> (All Year) Sundays, 9am-2pm at the corner of Clement and 4th Ave in San Francisco
|
<li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="http://www.agriculturalinstitute.org/clement-st/"> Clement Street Farmers' Market</a> (All Year) Sundays, 9am-2pm at the corner of Clement and 4th Ave in San Francisco
|
||||||
|
<li style="padding-top: 6px; text-indent: 0;"><a target="_blank" href="https://www.agriculturalinstitute.org/grand-lake"> Grand Lake Farmers' Market</a> (All year) Saturdays, 9am-2pm at near Lake Merritt in Oakland.
|
||||||
<li style="padding-top: 6px; text-indent: 0;"><a href="#!/visiting"> Our Farm</a> (All Year) Daily 9-4:30, except Sunday 12-4:30. Call or email to confirm.
|
<li style="padding-top: 6px; text-indent: 0;"><a href="#!/visiting"> Our Farm</a> (All Year) Daily 9-4:30, except Sunday 12-4:30. Call or email to confirm.
|
||||||
<!--<li style="padding-top: 6px; text-indent: 0; font-size: 10px;">* We occasionally miss the Boonville market, but can normally be found at Petit Teton Farm, a few miles south-east on Hwy 128.-->
|
<!--<li style="padding-top: 6px; text-indent: 0; font-size: 10px;">* We occasionally miss the Boonville market, but can normally be found at Petit Teton Farm, a few miles south-east on Hwy 128.-->
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -1,45 +0,0 @@
|
|||||||
#markets {
|
|
||||||
.farmVisitSlides, .farmerMarketSlides, .farmVisitSlides img, .farmerMarketSlides img {
|
|
||||||
max-width: 300px;
|
|
||||||
max-height: 200px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cssImg {
|
|
||||||
width:240px;
|
|
||||||
height:160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.farmersMarkets, .farmVisits {
|
|
||||||
min-height: 300px;
|
|
||||||
}
|
|
||||||
.csa {
|
|
||||||
min-height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
.farmerMarketSlides, .farmVisitSlides, .csaImg {
|
|
||||||
float: none;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
height: 2px;
|
|
||||||
width: 100%;
|
|
||||||
background-color: #b3b2ad;
|
|
||||||
display: block;
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
#services {
|
|
||||||
}
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
#shipping {
|
|
||||||
h2 {
|
|
||||||
font-size: 1.3em;
|
|
||||||
display: block;
|
|
||||||
margin-top: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,607 +0,0 @@
|
|||||||
html {
|
|
||||||
scrollbar-face-color: #808080;
|
|
||||||
scrollbar-highlight-color: #808080;
|
|
||||||
scrollbar-3dlight-color: #707070;
|
|
||||||
scrollbar-darkshadow-color: #808080;
|
|
||||||
scrollbar-shadow-color: #7e7e7e;
|
|
||||||
scrollbar-arrow-color: #ffffff;
|
|
||||||
scrollbar-track-color: #505050;
|
|
||||||
}
|
|
||||||
|
|
||||||
html, body, #archives ul, #overall-footer, #content ul {
|
|
||||||
margin: 0 0 0 0;
|
|
||||||
padding: 0 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: white;
|
|
||||||
font-family: verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 1.0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* These three styles are to allow for the produce table which spans three columns. */
|
|
||||||
.produceTable .list {
|
|
||||||
list-style-type: none;
|
|
||||||
background: none;
|
|
||||||
text-indent: 0px;
|
|
||||||
}
|
|
||||||
.produceTable .listHeading {
|
|
||||||
font-weight: bold;
|
|
||||||
background: none;
|
|
||||||
text-indent: 0px;
|
|
||||||
}
|
|
||||||
.produceTable .listItem {
|
|
||||||
font-weight: normal;
|
|
||||||
background: none;
|
|
||||||
text-indent: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Container Formats */
|
|
||||||
|
|
||||||
#overall {
|
|
||||||
position: relative;
|
|
||||||
max-width: 950px;
|
|
||||||
min-width: 250px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page {
|
|
||||||
/*background: url('images/GrassBackground_v1.jpg') repeat;*/
|
|
||||||
background: #F6F6F6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Small Devices (phones) */
|
|
||||||
@media(max-width: 549px) {
|
|
||||||
#head {
|
|
||||||
margin: 0 auto;
|
|
||||||
/*background: url(images/Header_v1.jpg) no-repeat top center;
|
|
||||||
height: 171px;*/
|
|
||||||
height: 0px;
|
|
||||||
}
|
|
||||||
#logo {
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
top: 0px;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
background: url(images/PetitTetonLogo_v1.png) no-repeat top center;
|
|
||||||
background-size: 40px 40px;
|
|
||||||
}
|
|
||||||
.page {
|
|
||||||
margin: 0px auto;
|
|
||||||
padding: 6px 4px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menuBackground {
|
|
||||||
height: 20px;
|
|
||||||
max-width: 950px;
|
|
||||||
background: #FFF;
|
|
||||||
}
|
|
||||||
#menu {
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
height: 20px;
|
|
||||||
z-index: 200;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: .8em;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
#menu a {
|
|
||||||
margin: 0 0 0 9px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
line-height: 20px;
|
|
||||||
display: inline-block;
|
|
||||||
height: 20px;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
/* Force the browser to include padding and border as part of the size of the block. */
|
|
||||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
||||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
||||||
box-sizing: border-box; /* Opera/IE 8+ */
|
|
||||||
}
|
|
||||||
#menu a:hover {
|
|
||||||
opacity: .7;
|
|
||||||
color: black;
|
|
||||||
border-bottom: 1px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
right: 50px;
|
|
||||||
top: 0px;
|
|
||||||
height: 20px;
|
|
||||||
width: 60px;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 100;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-size: .8em;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
#links a {
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-bottom: 1px solid transparent;
|
|
||||||
/* Force the browser to include padding and border as part of the size of the block. */
|
|
||||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
||||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
||||||
box-sizing: border-box; /* Opera/IE 8+ */
|
|
||||||
}
|
|
||||||
#links a:hover {
|
|
||||||
border-bottom: 1px solid red;
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
#linkFacebook {
|
|
||||||
background: url('images/Facebook_v2.png') no-repeat center center;
|
|
||||||
background-size: auto 16px;
|
|
||||||
}
|
|
||||||
#linkGoogle {
|
|
||||||
background: url('images/GooglePlus_v2.png') no-repeat center center;
|
|
||||||
background-size: 20px auto;
|
|
||||||
}
|
|
||||||
#linkTwitter {
|
|
||||||
background: url('images/Twitter_v2.png') no-repeat center center;
|
|
||||||
background-size: 20px auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Large(r) Devices (tablets and full computers) */
|
|
||||||
@media(min-width: 550px) {
|
|
||||||
#head {
|
|
||||||
margin: 0 auto;
|
|
||||||
background: url(images/Header_v1.jpg) no-repeat top center;
|
|
||||||
max-width: 950px;
|
|
||||||
height: 171px;
|
|
||||||
}
|
|
||||||
#logo {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 10px;
|
|
||||||
width: 120px;
|
|
||||||
height: 120px;
|
|
||||||
background: url(images/PetitTetonLogo_v1.png) no-repeat top center;
|
|
||||||
background-size: 120px 120px;
|
|
||||||
}
|
|
||||||
.page {
|
|
||||||
margin: 0px auto;
|
|
||||||
padding: 30px 20px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menuBackground {
|
|
||||||
height: 30px;
|
|
||||||
max-width: 950px;
|
|
||||||
background: #FFF;
|
|
||||||
}
|
|
||||||
#menu {
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
height: 30px;
|
|
||||||
z-index: 200;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
#menu a {
|
|
||||||
margin: 0 0 0 24px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
line-height: 30px;
|
|
||||||
display: inline-block;
|
|
||||||
height: 30px;
|
|
||||||
border-bottom: 3px solid transparent;
|
|
||||||
/* Force the browser to include padding and border as part of the size of the block. */
|
|
||||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
||||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
||||||
box-sizing: border-box; /* Opera/IE 8+ */
|
|
||||||
}
|
|
||||||
#menu a:hover {
|
|
||||||
opacity: .7;
|
|
||||||
color: black;
|
|
||||||
border-bottom: 3px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
right: 100px;
|
|
||||||
height: 30px;
|
|
||||||
width: 90px;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 100;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
#links a {
|
|
||||||
display: inline-block;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
border-bottom: 3px solid transparent;
|
|
||||||
/* Force the browser to include padding and border as part of the size of the block. */
|
|
||||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
||||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
||||||
box-sizing: border-box; /* Opera/IE 8+ */
|
|
||||||
}
|
|
||||||
#links a:hover {
|
|
||||||
border-bottom: 3px solid red;
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
#linkFacebook {
|
|
||||||
background: url('images/Facebook_v2.png') no-repeat center 5px;
|
|
||||||
background-size: 7px auto;
|
|
||||||
}
|
|
||||||
#linkGoogle {
|
|
||||||
background: url('images/GooglePlus_v2.png') no-repeat center 6px;
|
|
||||||
background-size: 20px auto;
|
|
||||||
}
|
|
||||||
#linkTwitter {
|
|
||||||
background: url('images/Twitter_v2.png') no-repeat center 7px;
|
|
||||||
background-size: 19px auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media(max-width: 549px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media(min-width: 550px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Homepage Title */
|
|
||||||
|
|
||||||
#title-shadow {
|
|
||||||
position: absolute;
|
|
||||||
top: 227px;
|
|
||||||
left: 106px;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
color: #cacaca;
|
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 3.6em;
|
|
||||||
font-weight: bold;
|
|
||||||
z-index: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
#title {
|
|
||||||
position: absolute;
|
|
||||||
top: 225px;
|
|
||||||
left: 104px;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
color: #77b145;
|
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 3.6em;
|
|
||||||
font-weight: bold;
|
|
||||||
z-index: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
min-height: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content p {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h1 {
|
|
||||||
display: inline;
|
|
||||||
color: #666;
|
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 1.6em;
|
|
||||||
font-weight: 800;
|
|
||||||
/* background: url(images/h8.gif) no-repeat 0px 4px; */
|
|
||||||
padding-left: 0px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h2 {
|
|
||||||
display: inline;
|
|
||||||
color: #333;
|
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 1.125em;
|
|
||||||
font-weight: 800;
|
|
||||||
/* background: url(images/h8.gif) no-repeat 0px 4px; */
|
|
||||||
padding-left: 0px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content h5 {
|
|
||||||
display: block;
|
|
||||||
color: #333;
|
|
||||||
font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: .875em;
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: oblique;
|
|
||||||
padding-left: 0px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
margin: 60px 0 0px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content li {
|
|
||||||
list-style-type: none;
|
|
||||||
background: url(images/Bullet3_v1.jpg) no-repeat 10px 5px;
|
|
||||||
text-indent: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content a {
|
|
||||||
color: #00a55d;
|
|
||||||
font-family: verdana, arial, helvetica, sans-serif;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content a:hover {
|
|
||||||
color: #dcdcdc;
|
|
||||||
background-color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content sup, #content sub {
|
|
||||||
line-height: 0.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#slideDiv img {
|
|
||||||
border: 4px solid black;
|
|
||||||
}
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrolls all five pictures one at a time from right to left. */
|
|
||||||
.scrollViewport {
|
|
||||||
margin: 0;
|
|
||||||
/*
|
|
||||||
width: 805px;
|
|
||||||
height: 145px;
|
|
||||||
*/
|
|
||||||
width: 568px;
|
|
||||||
height: 100px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.scrollPage {
|
|
||||||
position: relative;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.scrollPage img {
|
|
||||||
width: 130px;
|
|
||||||
height: 90px;
|
|
||||||
border: 0;
|
|
||||||
position: relative;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
.scrollPage a {
|
|
||||||
/*width: 161px;
|
|
||||||
height: 145px;*/
|
|
||||||
width: 142px;
|
|
||||||
height: 100px;
|
|
||||||
border: 0;
|
|
||||||
background: url('images/shadow_130_90.png') no-repeat scroll 0px 0px;
|
|
||||||
}
|
|
||||||
.scrollPage a:hover {
|
|
||||||
background-color: white;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.scrollPage div { /* In case it isn't clickable (substitute for <a>)/ */
|
|
||||||
/*width: 161px;
|
|
||||||
height: 145px;*/
|
|
||||||
width: 142px;
|
|
||||||
height: 100px;
|
|
||||||
border: 0;
|
|
||||||
float: left;
|
|
||||||
background: url('images/shadow_130_90.png') no-repeat scroll 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Chicken */
|
|
||||||
#chicken {
|
|
||||||
width: auto;
|
|
||||||
height: 250px;
|
|
||||||
background: url(images/Chicken-Egg.gif) no-repeat center top;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer Lines */
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
margin-top: 6px;
|
|
||||||
color: #666;
|
|
||||||
font-family: verdana, arial, helvetica, sans-serif;
|
|
||||||
font-size: 0.7em;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer a {
|
|
||||||
color: #666;
|
|
||||||
font-family: verdana, arial, helvetica, sans-serif;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer a:hover {
|
|
||||||
color: #00a55d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#designedBy {
|
|
||||||
margin-top: 6px;
|
|
||||||
font: Arial, san-serif;
|
|
||||||
font-size: .5em;
|
|
||||||
line-height: .525em;
|
|
||||||
color: #777;
|
|
||||||
white-space: nowrap;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
#designedBy a {
|
|
||||||
color: #777;
|
|
||||||
font: Arial, san-serif;
|
|
||||||
font-size: .5em;
|
|
||||||
line-height: .525em;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
#designedBy a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#slideTitleDiv {
|
|
||||||
font-variant: small-caps;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cycle-pager {
|
|
||||||
text-align: center; z-index: 500; position: absolute; left: 0px; right: 0px; bottom: 40px; overflow: hidden;
|
|
||||||
}
|
|
||||||
.cycle-pager span {
|
|
||||||
font-family: arial; font-size: 3.125em; width: 30px; height: 30px;
|
|
||||||
display: inline-block; color: #ddd; cursor: pointer;
|
|
||||||
}
|
|
||||||
.cycle-pager span.cycle-pager-active { color: #ff6f00;}
|
|
||||||
.cycle-pager > * { cursor: pointer;}
|
|
||||||
.cycle-overlay {
|
|
||||||
font-family: tahoma, arial;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0px;
|
|
||||||
left: 0px;
|
|
||||||
z-index: 600;
|
|
||||||
background: black;
|
|
||||||
color: white;
|
|
||||||
padding: 15px;
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
.visitSlideshowInstructions {
|
|
||||||
color: #555;
|
|
||||||
text-align: center;
|
|
||||||
font-family: arial;
|
|
||||||
font-size: .8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vapList {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
.vapList li {
|
|
||||||
list-style-type: none;
|
|
||||||
background: none;
|
|
||||||
text-indent: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.basicList li {
|
|
||||||
list-style-type: none;
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.miniSlideshowLeft {
|
|
||||||
float: left; margin: 4px 10px 10px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.miniSlideshowRight {
|
|
||||||
float: right; margin: 4px 0px 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.160x120 img {
|
|
||||||
width: 160px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.560x398 img {
|
|
||||||
width: 560px;
|
|
||||||
height: 398px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.300x200 img {
|
|
||||||
width: 300px;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.260x200 img {
|
|
||||||
width: 260px;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.floatRight {
|
|
||||||
float: right;
|
|
||||||
margin: 4px 0px 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.floatLeft {
|
|
||||||
float: left;
|
|
||||||
margin: 4px 10px 10px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Holidays.html */
|
|
||||||
#holidays {
|
|
||||||
margin: 40px auto 0 auto;
|
|
||||||
width: 880px;
|
|
||||||
}
|
|
||||||
#holidays #text {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#holidays p {
|
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
|
||||||
font-size: .875em;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
#us {
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
#veggies {
|
|
||||||
.produceTable {
|
|
||||||
min-width: 200px;
|
|
||||||
float: left;
|
|
||||||
width: 33%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<div id="visiting" class="page">
|
<div id="visiting" class="page">
|
||||||
<h1>CONTACT & VISIT</h1>
|
<h1>CONTACT & VISIT</h1>
|
||||||
<p>
|
<p>
|
||||||
We would love to have you visit our farm. Please call <b>707.684.4146</b> or email <a href="mailto:farmer@petitteton.com"><b>farmer@petitteton.com</b></a> to set up a time.
|
We would love to have you visit our farm which is open to visitors Monday-Saturday, 9am-4:30pm and Sunday noon-4:30pm. If you would like a more extensive farm tour please call <b>707.684.4146</b> or email <a href="mailto:farmer@petitteton.com"><b>farmer@petitteton.com</b></a> to set up a time.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<div class="visitSlideshowInstructions">Click Image To Pause</div>
|
<div class="visitSlideshowInstructions">Click Image To Pause</div>
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
#weddings {
|
|
||||||
.col2 {
|
|
||||||
//position: absolute;
|
|
||||||
//left: 300px;
|
|
||||||
//top: 0px;
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
min-width: 280px;
|
|
||||||
}
|
|
||||||
.col1 {
|
|
||||||
float: left;
|
|
||||||
min-width: 280px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
#yaks {
|
|
||||||
.yak {
|
|
||||||
float: left;
|
|
||||||
margin: 6px 14px 10px 0px;
|
|
||||||
max-width: 326px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
.yak {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.yakContainer {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
40
server.js
40
server.js
@@ -1,29 +1,29 @@
|
|||||||
#!/usr/bin/env node
|
#!/usr/bin/env node
|
||||||
|
|
||||||
var http = require("http");
|
let http = require("http");
|
||||||
var express = require('express');
|
let express = require('express');
|
||||||
var app = module.exports.app = express();
|
let app = module.exports.app = express();
|
||||||
var server = http.createServer(app);
|
let server = http.createServer(app);
|
||||||
var port = process.env.PORT || 8089;
|
let port = process.env.PORT || 8089;
|
||||||
//var passport = require('passport');
|
//let passport = require('passport');
|
||||||
//var flash = require('connect-flash');
|
//let flash = require('connect-flash');
|
||||||
var path = require('path');
|
let path = require('path');
|
||||||
var ejsPath = path.join(__dirname, 'public');
|
let ejsPath = path.join(__dirname, 'public');
|
||||||
var rootPath = path.join(__dirname, 'public');
|
let rootPath = path.join(__dirname, 'public');
|
||||||
var favicon = require('serve-favicon');
|
let favicon = require('serve-favicon');
|
||||||
|
|
||||||
var morgan = require('morgan');
|
let morgan = require('morgan');
|
||||||
var cookieParser = require('cookie-parser');
|
let cookieParser = require('cookie-parser');
|
||||||
var bodyParser = require('body-parser');
|
let bodyParser = require('body-parser');
|
||||||
var session = require('express-session');
|
let session = require('express-session');
|
||||||
var FileStore = require('session-file-store')(session);
|
let FileStore = require('session-file-store')(session);
|
||||||
|
|
||||||
var moment = require('moment');
|
let moment = require('moment');
|
||||||
var nodeMailer = require('nodemailer');
|
let nodeMailer = require('nodemailer');
|
||||||
var config = require('./config/auth.js');
|
let config = require('./config.js');
|
||||||
|
|
||||||
//SMTP Transport setup.
|
//SMTP Transport setup.
|
||||||
var smtpTransport = nodeMailer.createTransport({host: config.smtpHost, port: config.smtpPort, secure: true, ignoreTLS: false, requiresAuth: true, auth: {user: config.smtpUser, pass: config.smtpPassword}});
|
let smtpTransport = nodeMailer.createTransport({host: config.smtpHost, port: config.smtpPort, secure: true, ignoreTLS: false, requiresAuth: true, auth: {user: config.smtpUser, pass: config.smtpPassword}});
|
||||||
|
|
||||||
//Setup our passport configuration passing the user model.
|
//Setup our passport configuration passing the user model.
|
||||||
//require('./app/passport')(passport, models.User); // pass passport for configuration
|
//require('./app/passport')(passport, models.User); // pass passport for configuration
|
||||||
|
|||||||
Reference in New Issue
Block a user