First attempt on new design

Author: PhilReedData

_sass/_additions.scss

@@ -144,3 +144,18 @@ div.former-members li {
   margin: 0 auto;
 }
 
+/* Reskin to match 2025 business card and flyer */
+h1, h2, h3, h4, h5, h6 {
+  color: $headings-color;
+}
+
+.site-footer, .footer-col-wrapper {
+  background-color: $footer-background-color;
+}
+
+.site-footer {
+  background-image: url('/images/tools-square.svg');
+  background-repeat: repeat-x;
+  background-position: center center;
+  border-top: none;
+}

_sass/_layout.scss

@@ -268,7 +268,8 @@
     /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7999', endColorstr='#344659',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     background-repeat: no-repeat;
     background-position: center center;
-    background-image: url('/images/garden_cropped_scaled.jpg');
+    background-color: $hero-background-color;
+    background-image: url('/images/hero-banner.svg');
     background-size: cover;
     height: 350px;
     @include media-query($on-laptop) {
@@ -280,8 +281,8 @@
         font-family: $title-font-family;
         font-size: 80px;
         line-height: 350px;
-        color: white;
-        text-shadow: 1px 1px 3px #000;
+        color: $headings-color;
+        text-shadow: 1px 1px 3px #fff;
         padding: 0;
         float: left;
         position: absolute;

css/main.scss

@@ -30,10 +30,15 @@ $content-width:    1200px;
 $on-palm:          600px;
 $on-laptop:        800px;
 
-$header-background-color: #272e38;
+$header-background-color: #6b2c91; /* #272e38;*/
 $header-background-image: url('/images/bg.png');
 $header-text-color:      #fff;
 
+// Additional variables with reskin to match business cards
+$headings-color: $header-background-color;
+$footer-background-color: #fff1bb;
+$hero-background-color: $footer-background-color;
+
 // Use media queries like this:
 // @include media-query($on-palm) {
 //     .wrapper {