Merge pull request #359 from rom-rb/patrons-banner

Add banner and link to sponsors site

Author: timriley

assets/stylesheets/_modules/_banner.scss

@@ -0,0 +1,50 @@
+.sponsorship-banner {
+  background-color: palette(white);
+  color: palette(purple);
+  padding: 1.5rem 1rem;
+  text-align: center;
+  font-size: 24px;
+  position: relative;
+  border-bottom: 2px solid rgba(palette(purple), 0.2);
+
+  a {
+    color: palette(purple, dark);
+    @include type-weight(semi-bold);
+    text-decoration: none;
+    transition: color 150ms ease;
+    margin-left: 0.5em;
+    display: inline-block;
+
+    span {
+      border-bottom: 2px solid rgba(palette(purple, dark), 0.3);
+      padding-bottom: 3px;
+      transition: border-bottom 150ms ease;
+    }
+
+    &:hover {
+      color: palette(purple);
+
+      span {
+        border-bottom: 2px solid rgba(palette(purple), 0.3);
+      }
+
+      &::after {
+        transform: translateX(3px);
+      }
+    }
+
+    &::after {
+      content: "→";
+      display: inline-block;
+      margin-left: 0.2em;
+      position: relative;
+      top: 2px;
+      transition: transform 200ms ease;
+    }
+  }
+
+  @include to(3) {
+    font-size: 19px;
+    padding: 1.2rem 1rem;
+  }
+}

assets/stylesheets/all.css.scss

@@ -21,7 +21,9 @@
 @import '_base/**/*';
 
 // Modules
-@import '_modules/**/*';
+@import "_modules/_page";
+@import "_modules/**/*";
+@import "_modules/_banner";
 
 .feedback {
   margin-top: 1rem;

source/layouts/_banner.slim

@@ -0,0 +1,4 @@
+.sponsorship-banner
+  | We’re taking ROM to the next level, and we need your help.
+  a href="https://sponsor.hanamirb.org"
+    span Become a patron today

source/layouts/_footer.slim

@@ -1,12 +1,3 @@
-.footer__content
-  h3.footer__header Sponsors
-
-  markdown:
-    We are looking for sustainable sponsorship. If your company is relying
-    on rom-rb or simply want to see rom-rb evolve faster to meet your requirements,
-    please consider backing the project through [our campaign on
-    opencollective.com/rom](https://opencollective.com/rom).
-
 .footer__fine-print
   .footer__fine-print__copyright
     small

source/layouts/layout.slim

@@ -9,6 +9,7 @@ html
     = stylesheet_link_tag :all
     = javascript_include_tag :all
   body[class=page_classes]
+    = partial 'layouts/banner'
     .page
       .grid
         = partial 'layouts/header'