diff --git a/src/components/PageTemplate.js b/src/components/PageTemplate.js
index 6da50db..3f009b8 100644
--- a/src/components/PageTemplate.js
+++ b/src/components/PageTemplate.js
@@ -18,7 +18,7 @@ const PageTemplate = ({ title, children }) => (
Regexper{ title && (' - ' + title) }
-
+
diff --git a/src/components/__snapshots__/PageTemplate.test.js.snap b/src/components/__snapshots__/PageTemplate.test.js.snap
index aa7bb7e..af2faba 100644
--- a/src/components/__snapshots__/PageTemplate.test.js.snap
+++ b/src/components/__snapshots__/PageTemplate.test.js.snap
@@ -24,6 +24,7 @@ exports[`PageTemplate rendering 1`] = `
@@ -102,6 +103,7 @@ exports[`PageTemplate rendering with title 1`] = `
diff --git a/src/style.css b/src/style.css
index a21781d..ddbd449 100644
--- a/src/style.css
+++ b/src/style.css
@@ -33,6 +33,22 @@ body {
position: relative;
}
+#main:after {
+ content: attr(data-banner);
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: var(--header-height);
+ line-height: var(--header-height);
+ text-transform: uppercase;
+ text-align: center;
+ font-size: calc(var(--header-height) * 0.7);
+ font-weight: bold;
+ opacity: 0.2;
+}
+
#main h1 {
font-family: 'Bangers', 'cursive';
font-size: 4rem;
diff --git a/webpack.common.js b/webpack.common.js
index 414e4b6..8e03340 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -38,7 +38,10 @@ module.exports = {
},
plugins: [
new webpack.EnvironmentPlugin({
- NODE_ENV: 'development'
+ NODE_ENV: 'development',
+ GA_PROPERTY: null,
+ SENTRY_KEY: null,
+ BANNER: process.env.NODE_ENV === 'production' ? null : (process.env.NODE_ENV || 'development')
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'common',