Support ind.ie

app/assets/stylesheets/application.css

@@ -12,4 +12,5 @@
  *= require preview
  *= require player
  *= require contributing
+ *= require banner
 */

app/assets/stylesheets/banner.sass

@@ -0,0 +1,16 @@
+.banner
+  padding: 10px
+  color: white
+  background-color: #333
+
+  p
+    margin: 0
+    font-weight: bold
+
+  .indie
+    background-image: url('https://ind.ie/static/build/images/site-header-balloon.svg')
+    background-repeat: no-repeat
+    background-size: 38px auto
+    background-position: 26px 0px
+    display: inline-block
+    width: 56px

app/views/layouts/_banner.html.slim

@@ -0,0 +1,7 @@
+.banner
+  .container
+    p
+      ' Be the hope. Help
+      a href="https://ind.ie/" class="indie" ind.ie
+      '  build independent technologies that protect your human rights.
+      a href="https://ind.ie/" Learn more.

app/views/layouts/application.html.slim

@@ -11,6 +11,7 @@ html[lang="en"]
     = favicon_link_tag 'favicon.png'
     = render 'layouts/ga'
   body
+    = render 'layouts/banner'
     = render 'layouts/header'
     = render 'shared/flash'
     .main = content_for?(:content) ? yield(:content) : yield