diff --git a/_sass/_additions.scss b/_sass/_additions.scss
index a3bb613..d6e96d8 100644
--- a/_sass/_additions.scss
+++ b/_sass/_additions.scss
@@ -144,3 +144,29 @@ 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;
+}
+
+.site-header {
+ background-image: $header-background-image;
+ background-repeat: repeat-x;
+ background-position: center center;
+ border-top: none;
+}
+
+.site-header .wrapper {
+ background: $header-background-color;
+}
\ No newline at end of file
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 958add6..9836a30 100644
--- a/_sass/_layout.scss
+++ b/_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-banner3.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;
diff --git a/css/main.scss b/css/main.scss
index e614096..d16301c 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -30,10 +30,15 @@ $content-width: 1200px;
$on-palm: 600px;
$on-laptop: 800px;
-$header-background-color: #272e38;
-$header-background-image: url('/images/bg.png');
+$header-background-color: #6b2c91; /* #272e38;*/
+$header-background-image: url('/images/tools-square-purple.svg'); /* 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 {
diff --git a/images/hero-banner.svg b/images/hero-banner.svg
new file mode 100644
index 0000000..cbd5f22
--- /dev/null
+++ b/images/hero-banner.svg
@@ -0,0 +1,4994 @@
+
+
+
+
diff --git a/images/hero-banner2.svg b/images/hero-banner2.svg
new file mode 100644
index 0000000..4e09d2c
--- /dev/null
+++ b/images/hero-banner2.svg
@@ -0,0 +1,21212 @@
+
+
+
+
diff --git a/images/hero-banner3.svg b/images/hero-banner3.svg
new file mode 100644
index 0000000..b1578e7
--- /dev/null
+++ b/images/hero-banner3.svg
@@ -0,0 +1,21212 @@
+
+
+
+
diff --git a/images/tools-square-purple.svg b/images/tools-square-purple.svg
new file mode 100644
index 0000000..178f8c3
--- /dev/null
+++ b/images/tools-square-purple.svg
@@ -0,0 +1,3944 @@
+
+
+
+
diff --git a/images/tools-square.svg b/images/tools-square.svg
new file mode 100644
index 0000000..636c50b
--- /dev/null
+++ b/images/tools-square.svg
@@ -0,0 +1,3933 @@
+
+
+
+