feat: Enable public access to https://bloomvalleydemo.dlseitz.dev

- update cover photo for BVN demo card

src/_data/demos.js

@@ -46,7 +46,7 @@ const DEMOS = [
         "category": "e-commerce",
         "problemStatement": "To help a small, family-owned and operated business with deep roots in community involvement and public service expand their reach to customers who may prefer shopping online.",
         "solutionSummary": "This front end site is built to emulate a seamless online shopping experience that captures the fictional brand's community-focused story. The design prioritizes accessibility, visual harmony, and usability, while the data-driven functionality allows for a scalable and easily updatable web application.",
-        "isLive": false
+        "isLive": true
     }
 ]
 

src/demos.njk

@@ -6,7 +6,7 @@ stylesheet: /styles/demos.css
 isLandingPage: false
 ---
 
-<h1>A Preview of What's Coming!</h1>
+<h1>Solutions I've Built</h1>
 {% for demo in demos.DEMOS %}
     <article id="demo-{{ demo.id }}" class="{{ demo.id }}-demo-card" aria-labelledby="demo-title-{{ demo.id }}">
         <div class="{{ demo.id }}-demo module">

src/styles/about.css

@@ -234,11 +234,13 @@ button[type="submit"], button[type="reset"] {
   border-radius: 50px;
   font-size: 1rem;
   cursor: pointer;
+  box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
   transition: background-color 0.3s ease;
 }
 
 button[type="submit"]:hover, button[type="reset"]:hover {
   background-color: #2e97be;
+  box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 .honeypot-field {

src/styles/demos.css

@@ -83,13 +83,14 @@ h3 {
     text-decoration: none;
     font-weight: 600;
     border-radius: 50px;
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 .demo-link:hover,
 .demo-repo:hover {
     background-color: var(--primary-color);
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 /* Responsive tweaks */

src/styles/header-footer.css

@@ -29,7 +29,7 @@
     text-decoration: none;
     font-weight: 500;
     transition: all 0.3s ease;
-    padding: 8px 15px;
+    padding: 4px 15px;
     border-radius: 5px;
     position: relative;
     overflow: hidden;

src/styles/index.css

@@ -285,18 +285,19 @@ body {
     text-decoration: none;
     font-weight: 600;
     border-radius: 50px;
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 .demos-link:hover,
 .cta-button:hover {
     background-color: #2e97be;
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 .demos-link:active, .cta-button:active {
     background-color: #ca6e0b;
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
 }
 
 .project-steps {