feat: adding an advertisement (displayed on all pages)

Displaying a hard-coded advertisement for ag-grid. However
we should be able to tweak the code to abstract the content if
needed down the road.

Author: skipjack

assets/ag-grid-logo.png

@@ -0,0 +1,22 @@
+@import 'functions';
+
+.advertisement {
+  position: fixed;
+  display: flex;
+  width: 250px;
+  height: calc(100vh - 150px);
+  margin-top: 1.5em;
+  margin-left: calc(-250px - 1.5em);
+  padding: 0 1.5em;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: flex-start;
+  align-content: flex-start;
+  border-right: 1px solid getColor(concrete);
+  overflow: hidden;
+  transition: background-color 250ms;
+
+  &:hover {
+    background-color: getColor(concrete);
+  }
+}

components/advertisement/advertisement-style.scss

@@ -0,0 +1,32 @@
+import React from 'react';
+import Link from '../link/link';
+import './advertisement-style';
+
+// Imports for Ad Content
+import AGLogo from '../../assets/ag-grid-logo.png';
+import WebpackIcon from '../../assets/icon-square-small.svg';
+
+export default ({ distanceFromTop, height }) => {
+  return (
+    <Link 
+      className="advertisement"
+      to="https://www.ag-grid.com/?utm_source=webpack&utm_medium=banner&utm_campaign=sponsorship"
+      style={{
+        top: distanceFromTop,
+        height: `calc(${height}px - 3em)`
+      }}>
+
+      <img src={ AGLogo } />
+      <img src={ WebpackIcon } style={{ width: '100px' }} />
+      <div style={{ 
+        marginTop: '1em',
+        fontSize: '2em',
+        textAlign: 'center',
+        color: '#535353'
+      }}>
+        ag-grid is proud to partner with webpack
+      </div>
+
+    </Link>
+  );
+};