Add a banner to solicit help

mehulkar · Oct 14, 2014 · b5607a2 · b5607a2
1 parent 9658df9
commit b5607a2
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,6 +15,7 @@
 
   <body>
     <header class="site-header">
+      <banner><a href="//github.com/mehulkar/github-hall-of-fame" target="_blank">Help make this website better or submit entries!</a></banner>
       <div class="wrapper">
         <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
         <nav class="site-nav">

diff --git a/css/main.scss b/css/main.scss
@@ -30,4 +30,28 @@ $on-laptop:        800px;
 }
 
 // Import partials from `sass_dir` (defaults to `_sass`)
-@import "base", "layout";
+@import "base", "layout";
+
+banner {
+  text-align: center;
+  background-color: #01FF70;
+  background-color: rgb(236, 233, 216);
+  display: block;
+  margin-bottom: 5px;
+  box-shadow: #ccc 1px 1px 1px;
+}
+
+banner a {
+  color: #333;
+  &:hover {
+    background-color: #7FDBFF;
+    text-decoration: none;
+  }
+
+  &:visited {
+    color: #333;
+  }
+
+  display: block;
+  padding: 5px;
+}