stub overlap section

Author: jscottsmith

examples/components/Overlap/Overlap.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import style from './Overlap.scss';
+import { Svg } from 'components';
+import { Parallax } from 'react-scroll-parallax';
+import circle from '!!raw-loader!./circle.svg';
+import circleRings from '!!raw-loader!./circle-rings.svg';
+
+const Overlap = () => (
+    <div className={style.root}>
+        <div className={style.container}>
+            <Parallax
+                offsetXMax={-40}
+                offsetXMin={20}
+                className={style.circle}
+            >
+                <Svg
+                    svg={circle}
+                />
+            </Parallax>
+            <Parallax
+                offsetXMax={40}
+                offsetXMin={-20}
+                className={style.circleRings}
+            >
+                <Svg
+                    svg={circleRings}
+                />
+            </Parallax>
+        </div>
+    </div>
+);
+
+export default Overlap;

examples/components/Overlap/Overlap.scss

@@ -0,0 +1,31 @@
+//
+// Intro Copy
+// ---------------------------
+
+@import '../../styles/colors';
+
+:local(.root) {
+    position: relative;
+    display: flex;
+    flex-flow: column wrap;
+    align-items: space-around;
+    justify-content: center;
+    align-items: center;
+    paddin-top: 25vh;
+    z-index: 1;
+}
+
+:local(.container) {
+    position: relative;
+    width: 30em;
+}
+
+:local(.circle) {
+}
+
+:local(.circleRings) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+}

examples/components/Overlap/circle-rings.svg

@@ -4,6 +4,7 @@ import {
 	IntroCopy,
     Marquee,
     TriangleGrid,
+    Overlap,
 } from 'components';
 import style from './ParallaExample.scss';
 
@@ -15,6 +16,7 @@ export default class ParallaxExample extends Component {
                 <Intro />
                 <IntroCopy />
                 <Marquee />
+                <Overlap />
                 <TriangleGrid />
             </div>
         );