Update Farm and Games pages

farm.html

@@ -30,15 +30,14 @@
 <main>
     <div class="content-container" id="about">
         <h2>About Us</h2>
-        <p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p>
+        <p>Our roots are in home-grown southern tradition and working <em>with</em> the earth rather than against it. We believe in sustainable yet quality artisan craftsmanship, and taking care of the animals that allow us to do our craft.</p>
-        <p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p>
 
-        <h3>OUR VALUES</h3>
+        <h3>OUR COMMITMENTS</h3>
         <ul class="checklist">
-            <li>Integrity: Doing the right thing, especially when no one’s looking. No shortcuts, no nonsense.</li>
+            <li>Sustainability: We take care to make sure everything we do does not harm the beautiful world we live in, from ingredients to packaging.</li>
-            <li>Sustainability: Leaving things a little better than we found them, from our code to our soil.</li>
+            <li>Local first: If we can source it from our local communities, we will. We want small and local businesses to thrive.</li>
-            <li>Community: Looking out for our neighbors, both near and far. We’re all in this together, y’all.</li>
+            <li>Integrity: We will always try our best to do the right thing, and when we don't, we will make it right.</li>
-            <li>Creativity: Making things with soul and a little bit of sass.</li>
+            <li>Community: We take community seriously, because without it what are we here for?</li>
         </ul>
 
         <h3>Socials</h3>
@@ -48,6 +47,28 @@
             <li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
         </ul>
     </div>
+
+    <div class="divider">
+        <h1>PRODUCTS</h1>
+    </div>
+
+    <div class="sections-container" id="products">
+        <!-- Goat Milk Soap Section -->
+        <div class="section-card">
+            <!--            <object class="section-logo" data="res/svg/goat-milk-soap-icon-no-bg.svg" type="image/svg+xml"></object>-->
+            <h2><a href="https://bellsworne.com/goat-milk-soap">Goat Milk Soap</a></h2>
+            <p>Hand-crafted artisan goat milk soap. Made with natural ingredients using the cold-process method.</p>
+            <h3>Ingredients</h3>
+            <ul>
+                <li>Goat Milk from our own herd</li>
+                <li>Olive Oil</li>
+                <li>Coconut Oil</li>
+                <li>Beef Tallow</li>
+                <li>Natural fragrance oils from <a href="https://bulkapothecary.com">Bulk Apothecary</a></li>
+                <li>Other natural ingredients (Oats, flower pedals, etc)</li>
+            </ul>
+        </div>
+    </div>
 </main>
 
 <footer>

games.html

@@ -27,17 +27,16 @@
 
     <main>
         <div class="content-container" id="about">
-            <h2>About Us</h2>
+            <h2 style="font-size: 5em">⚠️</h2>
-            <p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p>
+            <p style="font-size: 2em; text-align: center">Hey there! This page is still under construction, but feel free to check out our other pages!</p>
-            <p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p>
 
-            <h3>OUR VALUES</h3>
+<!--            <h3>OUR VALUES</h3>-->
-            <ul class="checklist">
+<!--            <ul class="checklist">-->
-                <li>Integrity: Doing the right thing, especially when no one’s looking. No shortcuts, no nonsense.</li>
+<!--                <li>Integrity: Doing the right thing, especially when no one’s looking. No shortcuts, no nonsense.</li>-->
-                <li>Sustainability: Leaving things a little better than we found them, from our code to our soil.</li>
+<!--                <li>Sustainability: Leaving things a little better than we found them, from our code to our soil.</li>-->
-                <li>Community: Looking out for our neighbors, both near and far. We’re all in this together, y’all.</li>
+<!--                <li>Community: Looking out for our neighbors, both near and far. We’re all in this together, y’all.</li>-->
-                <li>Creativity: Making things with soul and a little bit of sass.</li>
+<!--                <li>Creativity: Making things with soul and a little bit of sass.</li>-->
-            </ul>
+<!--            </ul>-->
 
             <h3>Socials</h3>
             <ul class="social-icons">

res/css/main.css

@@ -20,6 +20,12 @@ h1, h2, h3 {
     font-weight: 400;
 }
 
+a {
+    color: #5076ba;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
 /* Header & Logo Animation */
 header {
     display: flex;
@@ -31,7 +37,7 @@ header {
 }
 
 #logo {
-    width: 100%;
+    width: 95%;
     max-width: 950px;
     height: auto;
 }
@@ -73,7 +79,6 @@ main {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     border: 1px solid #444;
-    text-decoration: none;
 }
 
 .section-card:hover {
@@ -87,6 +92,20 @@ main {
     color: #ffffff;
 }
 
+.section-card h2 a {
+    text-decoration: none;
+    color: inherit;
+}
+
+.section-card h3 {
+    font-size: 1.8rem;
+    color: #ffffff;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #555;
+}
+
 .section-logo {
     height: 180px;
     width: 180px;
@@ -108,6 +127,40 @@ main {
     font-size: 1rem;
 }
 
+.section-card ul {
+    display: inline-block;
+    text-align: left;
+    margin-top: 1rem;
+    padding-left: 0;
+}
+
+.section-card ul {
+    list-style: circle;
+    padding-left: 0;
+    margin-top: 1rem;
+}
+
+.section-card li {
+    color: #c0c0c0;
+    padding-left: 1.8rem;
+    position: relative;
+    margin-bottom: 0.8rem;
+}
+
+/*.section-card li {*/
+/*    margin-bottom: 0.5rem;*/
+/*}*/
+
+/*.section-card li a {*/
+/*    color: #ffffff;*/
+/*    text-decoration: underline;*/
+/*}*/
+
+/*.section-card li a:hover {*/
+/*    color: #e0e0e0;*/
+/*}*/
+
+
 /* Footer */
 footer {
     text-align: center;