black footer

Author: hagenburger

source/localizable/index.html.erb

@@ -46,7 +46,7 @@
   </p>
 </section>
 
-<footer id="footer" class="text">
+<footer class="footer">
   <p>
     <%= t('footer.attribution', link: link_to('%', 'http://pdxruby.org/codeofconduct')) %>
   </p>

source/stylesheets/style.css.scss

@@ -120,7 +120,23 @@
 //// SUPPORTERS ////
 
 .supporters {
-  padding: 2rem 6rem;
+  background: black;
+  color: white;
+  margin-top: 6em;
+  padding: 1em 1em 0;
+  position: relative;
+  z-index: 2;
+  &:before {
+    background: inherit;
+    content: "";
+    display: block;
+    margin: -9% -10% -5%;
+    padding-top: 8%;
+    position: relative;
+    -webkit-transform: rotate(3deg) translateY(50%);
+    transform: rotate(3deg) translateY(50%);
+    z-index: -1;
+  }
   @media all and (max-width: 570px) {
     padding: 2rem 0.5rem;
   }