Merge survey link into main site

Author: Erik Isaksen

docpad.js

@@ -16,6 +16,12 @@ module.exports = {
             image: "http://webcomponents.org/img/logo.png"
         },
 
+        notification: {
+            text: "this survey",
+            url: "https://bit.ly/web-survey-2016",
+            visible: true
+        },
+
         github: {
             user: "webcomponents",
             repo: "webcomponents.github.io"

src/files/css/main.css

@@ -1652,3 +1652,28 @@ header, section {
         margin: 0 20px 40px;
     }
 }
+
+/* Notifications */
+.notification_toolbar {
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    width: 100%;
+    padding: 10px 20px;
+    background-color: #E44D26;
+    text-align: center;
+    margin: -40px 0 40px 0;
+}
+
+.notification_toolbar a,
+.notification_toolbar a:link,
+.notification_toolbar a:visited, 
+.notification_toolbar a:active, 
+.notification_toolbar a:hover {
+    color: #434a54;
+}
+
+.notification_toolbar__header {
+    color: #fff;
+    font-size: 1em;
+    line-height: 1.4;
+}

src/layouts/archive.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div class="wrapper">
     <% if @hasRssFeed(): %>

src/layouts/assets.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div class="wrapper">
     <div class="card card-announcement card-announcement-assets">

src/layouts/home.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 <%- @content %>
 </div>
 

src/layouts/polyfills.html.eco

@@ -1,7 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
-
+<%- @partial('notification') %>
 <div id="resources" class="wrapper">
     <main class="layout-single" role="main">
         <div class="single-content" role="article">

src/layouts/resources.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div id="resources" class="wrapper">
     <main class="layout-single" role="main">

src/layouts/single.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div class="wrapper">
     <main class="layout-single" role="main" itemscope itemtype="http://schema.org/TechArticle">

src/layouts/swags.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div class="wrapper">
     <div class="card card-announcement card-announcement-swags">

src/layouts/tags.html.eco

@@ -1,6 +1,7 @@
 <%- @partial('header') %>
 <div class="page-wrap">
 <%- @partial('menu') %>
+<%- @partial('notification') %>
 
 <div class="wrapper">
     <h2 class="tag-title">Posts tagged with <span><%= @document.tag %></span></h2>