add cotect logo (closes #42)

src/_includes/membership-footer.html

@@ -0,0 +1,3 @@
+<section class="wrapper style7 special compressed">
+    <img src="/assets/images/Member-of-CoTech-logo-200.png" alt="Member of Co-Tech"/>
+</section>

src/_layouts/default.html

@@ -8,6 +8,7 @@
   {% include blog.html %}
   {% include services.html %}
   {% include contact.html %}
+  {% include membership-footer.html %}
   {% include footer.html %}
   {% include foot-scripts.html %}
 </body>

src/assets/styles/components/_wrapper.scss

@@ -11,7 +11,7 @@
       color: _palette($p, fg-bold);
     }
 
-    
+
     .h2, .h3, .h4, .h5, .h6,
     h2, h3, h4, h5, h6 {
       color: _palette($p, fg-bold);
@@ -210,6 +210,10 @@
     padding: 0;
   }
 
+  &.compressed {
+      padding: 2.5em 0;
+  }
+
   &.style1 {
     @include wrapper(accent1);
   }
@@ -229,11 +233,15 @@
   &.style5 {
     @include wrapper(accent2);
   }
-  
+
   &.style6 {
     @include wrapper(accent4);
   }
 
+  &.style7 {
+    @include wrapper(accent5);
+  }
+
   @include breakpoint(medium) {
     @include padding(4em, 3em);
   }
@@ -241,4 +249,4 @@
   @include breakpoint(small) {
     @include padding(3em, 2em);
   }
-}
+}

src/assets/styles/libs/_vars.scss

@@ -50,7 +50,7 @@
       border2:    rgba(0,0,0,0.25),
       border2-bg:   rgba(255,255,255,0.2)
     ),
-    
+
     accent2: (
       bg:       #ffffff,
       fg-bold:    #2E3842,
@@ -72,7 +72,7 @@
       border2:    rgba(0,0,0,0.25),
       border2-bg:   rgba(255,255,255,0.2)
     ),
-    
+
     accent4: (
       bg:       #25558C,
       fg-bold:    #ffffff,
@@ -82,5 +82,16 @@
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),
       border2-bg:   rgba(255,255,255,0.2)
-    )
-  );
+    ),
+
+    accent5: (
+      bg:       #e2e2e2,
+      fg-bold:    #ffffff,
+      fg:       mix(#F3A712, #ffffff, 25%),
+      fg-light:   mix(#F3A712, #ffffff, 40%),
+      border:     rgba(0,0,0,0.125),
+      border-bg:    rgba(255,255,255,0.075),
+      border2:    rgba(0,0,0,0.25),
+      border2-bg:   rgba(255,255,255,0.2)
+    ),
+  );