Browse Source

Updates

master
Dustin Swan 11 months ago
parent
commit
6947d9620b
  1. BIN
      images/field.png
  2. BIN
      images/hay_bonnet1.png
  3. BIN
      images/hay_bonnet2.png
  4. BIN
      images/logo.png
  5. 16
      index.css
  6. 81
      index.html

BIN
images/field.png

After

Width: 3455  |  Height: 2225  |  Size: 6.6 MiB

BIN
images/hay_bonnet1.png

After

Width: 1163  |  Height: 1013  |  Size: 1.7 MiB

BIN
images/hay_bonnet2.png

After

Width: 1000  |  Height: 1333  |  Size: 2.2 MiB

BIN
images/logo.png

After

Width: 2092  |  Height: 1046  |  Size: 153 KiB

16
index.css

@ -15,7 +15,8 @@ header {
flex-wrap: wrap;
opacity: 0.975;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
height: 100px;
height: 120px;
z-index: 1;
}
.container {
padding: 1em max(calc(100vw - 1200px) / 2, 1em);
@ -36,17 +37,19 @@ section:nth-child(even) {
background: #f8f8f8;
}
.logo img {
height: 60px;
height: 90px;
}
@media (max-width: 600px) {
.logo, nav {
margin: auto;
}
}
nav ul {
padding: 0;
list-style-type: none;
display: flex;
font-size: 1.1em;
}
nav li:not(:first-child) {
margin-left: 1em;
@ -71,12 +74,12 @@ p, li {
}
/* PHOTOS */
#photos {
.photos {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
#photos img:not(.full) {
.photos img:not(.full) {
width: calc(25% - .75em);
min-width: 120px;
max-height: 12em;
@ -84,7 +87,7 @@ p, li {
cursor: pointer;
border: 2px solid #355e3b;
}
#photos img.full {
.photos img.full {
position: fixed;
padding: 1em;
top: 0; right: 0; bottom: 0; left: 0;
@ -108,6 +111,9 @@ p, li {
.column {
width: 100%;
}
nav {
display: none;
}
}
/* MAP */

81
index.html

@ -9,20 +9,22 @@
<body>
<header class="container">
<a class="logo" href="#home">
<img src="images/logotype.png" />
<img src="images/logo.png" />
</a>
<nav>
<ul>
<li><a href="#boarding-information">Boarding</a></li>
<li><a href="#lessons">Lessons</a></li>
<li><a href="#fees">Fees</a></li>
<li><a href="#bale-barns">Bale Barns</a></li>
<li><a href="#hay-bonnets">Hay Bonnets</a></li>
<li><a href="#nutrition">Equine Nutrition Consulting</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="home">
<section id="home" style="position: relative;">
<img src="images/barn_and_sun.jpg" />
</section>
@ -31,7 +33,8 @@
<p>Bitten by the horse bug early, Melissa began riding at age 5 while growing up in Virginia. She showed local hunter shows riding school horses and her own horse until her family moved to New Mexico prior to high school. While in high school, Melissa continued her riding education and began riding low level jumpers until she attended Purdue University. At Purdue, she completed bachelors and masters degrees in Animal Science with a focus in Animal Nutrition. During her undergrad, she also joined the newly formed polo team to continue time in the saddle. After college, though, her career took her to Chicago and horses were put on hold. During this time she met Dusty, who had no idea what he was about to get himself into! After a number of years away from horses, Melissa came back to her first love and began riding at Red Coat Farm where she was first introduced to the premier hunter/jumper world. Taking her renewed excitement back to New Mexico, she and Dusty developed 10 acres to maintain their horses Roc Hudson and Doris Day while working full-time careers. A new job opportunity found the two again on the move to update New York where the horses were boarded at area facilities for a couple of years. When the hour-long commute to the barn became too much, the two decided to purchase and open Rock Wall Farm in July 2018. This endeavor is the culmination of the most important aspects of horse care honed over years of experience as horse owner, rider, boarder, competitor, barn manager, barn owner, animal scientist and overall horse advocate.</p>
</section>
<section id="photos" class="container">
<section class="photos container">
<img src="images/field.png" />
<img src="images/grazing.jpeg" />
<img src="images/stalls.jpeg" />
<img src="images/indoor.jpeg" />
@ -43,6 +46,8 @@
<section id="boarding-information" class="container">
<h2>Boarding Information</h2>
<h3><i>January 1 2022 - No spots available</i></h3>
<p>Our priorities for boarders are to provide a low-stress, drama-free environment. Whether a casual or competitive equestrian, we aim to provide an environment to help you achieve your riding goals.</p>
<p>For horses, we value providing plenty of hay and as much turnout as possible with herds designed to let horses be horses, thereby providing for their mental well-being.</p>
@ -53,12 +58,11 @@
<ul>
<li>Twice a day grain feeding</li>
<li>Plentiful hay – free-choice when possible</li>
<li>Nutrena SafeChoice Original, Nutrena ProForce Fuel, or Nutrena Safechoice Senior</li>
<li>Feeding of supplements once daily</li>
<li>Stall and turnout</li>
<li>Daily stall cleaning</li>
<li>Regular water bucket replacement/cleaning/disinfecting</li>
<li>Applying blankets, fly sheets, and fly masks</li>
<li>Applying blankets, fly sheets, and fly masks as needed</li>
<li>Removing overnight stable wraps</li>
<li>Use of facility: indoor arena, outdoor arena, heated lounge, tack room, wash stall with hot water, etc.</li>
<li>Open area for hacking out</li>
@ -76,9 +80,7 @@
<h3>Included in Pasture Board</h3>
<ul>
<li>Twice a day feeding</li>
<li>Plentiful hay – free-choice when possible</li>
<li>Nutrena SafeChoice Original, Nutrena ProForce Fuel, or Nutrena Safechoice Senior</li>
<li>Feeding of supplements once daily</li>
<li>Runin shelter (in extreme weather, horses will temporarily be brought into indoor)</li>
<li>Regular water trough cleaning/disinfecting</li>
@ -93,16 +95,29 @@
</div>
</div>
<h3>Partial Board</h3>
<p>Same as Full Board but with reduction in board fee in exchange for agreed upon chores completed monthly</p>
<i>NOTE: Services are subject to change</i>
</section>
<section id="lessons" class="container">
<h2>Lessons</h2>
<p>We offer lessons from beginner to intermediate students with a focus on strong fundamentals built upon quality flatwork and a natural horsmanship approach. Influences include Anne Kursinski, Beezie Madden, Denny Emerson, and Tik Maynard.</p>
<p>More advanced students can take advantage of visiting instructors.</p>
<p>Please <a href="#contact">contact us</a> for more details.</p>
</section>
<section id="fees" class="container">
<h2>Fee Schedule</h2>
<h3>Boarding</h3>
<ul>
<li>Full board: $550 / month ($510 + sales tax)</li>
<li>Pasture board: $400 / month ($370 + sales tax)</li>
<li>Full board: $567 / month ($525 + sales tax)</li>
<li>Base/Partial board: $486 / month ($450 + sales tax)</li>
<li>Pasture board: $416 / month ($385 + sales tax)</li>
</ul>
<h3>Feeding</h3>
@ -112,7 +127,7 @@
<li>Including but not limited to pre-soaking grain, pellets, beet pulp, soaking hay, additional grain and/or hay meal, second daily supplements, etc.</li>
</ul>
</li>
<li>Grain in excess of 6 quarts per day: $25 per month per each additional 2 quarts daily</li>
<li>Balanced diet developed to meet individual horse's needs: $60 and up</li>
</ul>
<h3>Facility Use</h3>
@ -121,29 +136,42 @@
<li>Lessons
<ul>
<li>Boarders: No charge</li>
<li>Non-boarders: 15% of lesson fee</li>
</ul>
</li>
<li>Haul-in fee for no more than 3 hours on site: $20</li>
<li>Use of RWF-leased or owned horse
<ul>
<li>Lesson: $20 per lesson (in lieu of lesson fee if applicable)</li>
<li>Non-lesson: $15 – no more than 2 mounted hours</li>
<li>Non-boarders: $20 per lesson</li>
</ul>
</li>
<li>Haul-in fee for no more than 3 hours on site: $25</li>
<li>Use of RWF horse: $20 (in lieu of lesson fee if applicable)</li>
<li>Other general use of facility by non-boarders or students: $15 per day</li>
<li>Non-riding guest or guest of boarders riding no more than once a month: no charge</li>
<li>Guest of boarders riding no more than once a month: no charge</li>
</ul>
</section>
<section id="bale-barns" class="container">
<h2>Bale Barns</h2>
<section id="hay-bonnets" class="container">
<h2>Hay Bonnets</h2>
<p>In our first winter, we knew we wanted the horses to have access to as close to free-choice hay as possible. The easiest solution was to put out round bales. However, as anyone who has fed round bales before knows, the horses quickly demolished the bales by spreading the hay everywhere, using it as a bedroom, bathroom and seemingly doing everything to it except eat it. That’s when we researched options to help save hay wastage. The first week we had the Bale Barns, our hay wastage dropped from about 50% to less than 10%. The hay stayed where it was supposed to and we were moving bales way less often. Our Bale Barns are still in use through the summer to help horses adjust from hay to fresh grass and to always provide roughage. Our Bale Barns are in the same shape as day 1 so we couldn’t be happier!</p>
<p>In our first winter, we knew we wanted the horses to have access to as close to free-choice hay as possible. The easiest solution was to put out round bales. However, as anyone who has fed round bales before knows, the horses quickly demolished the bales by spreading the hay everywhere, using it as a bedroom, bathroom and seemingly doing everything to it except eat it. That’s when we researched options to help save hay wastage. The first week we had the Hay Bonnets, our hay wastage dropped from about 50% to less than 10%. The hay stayed where it was supposed to and we were moving bales way less often. Our Hay Bonnets are still in use through the summer to help horses adjust from hay to fresh grass and to always provide roughage. Our Hay Bonnets are in the same shape as day 1 so we couldn’t be happier!</p>
<p>When we couldn’t find a distributor close to the area, we hopped on the opportunity to provide these in the Capital District and Hudson Valley region. Since we are a working farm, sales are by appointment only.</p>
<p>Please <a href="#contact">contact</a> us for availability. For more information on the benefits of Bale Barns please visit <a target="_blank" href="https://balebarns.com">balebarns.com</a>.</p>
<h3>Pricing</h3>
<ul>
<li>$749 - Hay Bonnet</li>
<li>$146 - Standard Net</li>
<li>$235 - Overeater Net (with 1.25" holes)</li>
<li>$270 - Heavy Duty Net (with 1.75" holes)</li>
</ul>
<div class="photos">
<img src="images/hay_bonnet1.png" />
<img src="images/hay_bonnet2.png" />
</div>
<p>Please <a href="#contact">contact</a> us for availability. For more information on the benefits of Hay Bonnets please visit <a target="_blank" href="https://haybonnet.com">haybonnet.com</a>.</p>
</section>
<section id="nutrition" class="container">
<h2>Equine Nutrition Consulting</h2>
<h3>More to come</h3>
</section>
<section id="contact" class="container">
@ -169,13 +197,14 @@
</div>
</div>
</section>
<script>
const FULL = 'full';
[...document.querySelectorAll('#photos img')].forEach((photo) =>
[...document.querySelectorAll('.photos img')].forEach((photo) =>
photo.addEventListener('click', (e) => e.target.classList.toggle(FULL))
);
document.addEventListener('keyup', (e) => {
const img = document.querySelector('#photos img.full');
const img = document.querySelector('.photos img.full');
img?.classList.toggle(FULL);
e.key === 'ArrowRight' && img?.nextElementSibling?.classList.toggle(FULL);
e.key === 'ArrowLeft' && img?.previousElementSibling?.classList.toggle(FULL);

Loading…
Cancel
Save