diff --git a/src/parallax-css-testpage/01_FG_Pixels/01_FG_Pixels.gif b/src/parallax-css-testpage/01_FG_Pixels/01_FG_Pixels.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bb5f7200b39e9fae16423d3e9391558312eea799
Binary files /dev/null and b/src/parallax-css-testpage/01_FG_Pixels/01_FG_Pixels.gif differ
diff --git a/src/parallax-css-testpage/03_Vignette/RC3_vignette.png b/src/parallax-css-testpage/03_Vignette/RC3_vignette.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d3339e38ff0154912dfbb44d8e63d53dc9578db
Binary files /dev/null and b/src/parallax-css-testpage/03_Vignette/RC3_vignette.png differ
diff --git a/src/parallax-css-testpage/06_BG_Pixels/06_BG_Pixels.gif b/src/parallax-css-testpage/06_BG_Pixels/06_BG_Pixels.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b34f4b299a7c77e57893477fd1954df1ac8207d9
Binary files /dev/null and b/src/parallax-css-testpage/06_BG_Pixels/06_BG_Pixels.gif differ
diff --git a/src/parallax-css-testpage/07_Grid/07_Grid.png b/src/parallax-css-testpage/07_Grid/07_Grid.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c2f42019e0a3ff139e914ac9c88ec786f85e347
Binary files /dev/null and b/src/parallax-css-testpage/07_Grid/07_Grid.png differ
diff --git a/src/parallax-css-testpage/08_VCR_Overlay/08_VCR_Overlay.png b/src/parallax-css-testpage/08_VCR_Overlay/08_VCR_Overlay.png
new file mode 100644
index 0000000000000000000000000000000000000000..04761b30ff850e3bf46e018a6002af462fdda6e4
Binary files /dev/null and b/src/parallax-css-testpage/08_VCR_Overlay/08_VCR_Overlay.png differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_01_CCC_Platform.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_01_CCC_Platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8eb8afc53d67a2ab3a737be16d900faa7429421d
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_01_CCC_Platform.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_02_CCC_Platform.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_02_CCC_Platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9e8dbdf6e25b646dd53d9de0be5257f2051d7140
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_02_CCC_Platform.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_03_Info.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_03_Info.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a894577e95d68fd9944e9cd68fba38648aedb93c
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_03_Info.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_04_Info.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_04_Info.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..15a9f7737f177d40012f06d540d72c561f421ec2
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_04_Info.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_05_Community_Platform.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_05_Community_Platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e16a3cc5398c1426148bafac1db8f908bb030c94
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_05_Community_Platform.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_06_Community_Platform.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_06_Community_Platform.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9dcec48ba2c9784ad7e39ed2c06729ecdc52b8a8
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_06_Community_Platform.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_07_2D_World.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_07_2D_World.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4ea0d32f7ac4e22ee53025790358e9a7ba455540
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_07_2D_World.jpg differ
diff --git a/src/parallax-css-testpage/09_Gradients/09_Gradient_08_2D_World.jpg b/src/parallax-css-testpage/09_Gradients/09_Gradient_08_2D_World.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c9420905c42918197e9e9233a9fe4059058e05f5
Binary files /dev/null and b/src/parallax-css-testpage/09_Gradients/09_Gradient_08_2D_World.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_desktop_01.jpg b/src/parallax-css-testpage/10_Background/10_Background_desktop_01.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..34c99c430215a999aefe17ef5118659ee1846feb
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_desktop_01.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_desktop_02.jpg b/src/parallax-css-testpage/10_Background/10_Background_desktop_02.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..37aeece93fea2ff2c3874d042d44e3e361a165dd
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_desktop_02.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_desktop_03.jpg b/src/parallax-css-testpage/10_Background/10_Background_desktop_03.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c1503102a65d1f3a56db3ab556d79bb678f98aad
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_desktop_03.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_mobile_01.jpg b/src/parallax-css-testpage/10_Background/10_Background_mobile_01.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1a59af5ffceb6088aee26b86975dcddfdf181d19
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_mobile_01.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_mobile_02.jpg b/src/parallax-css-testpage/10_Background/10_Background_mobile_02.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..31a72b4ee57427582d7eee6d2181e3da6310e98c
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_mobile_02.jpg differ
diff --git a/src/parallax-css-testpage/10_Background/10_Background_mobile_03.jpg b/src/parallax-css-testpage/10_Background/10_Background_mobile_03.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9e8847600c096844395d25594e29f1db50b10c63
Binary files /dev/null and b/src/parallax-css-testpage/10_Background/10_Background_mobile_03.jpg differ
diff --git a/src/parallax-css-testpage/Makefile b/src/parallax-css-testpage/Makefile
new file mode 100644
index 0000000000000000000000000000000000000000..43175eea72ac4f184a7151255025401799bf64ec
--- /dev/null
+++ b/src/parallax-css-testpage/Makefile
@@ -0,0 +1,8 @@
+http-server: py3
+
+py2:
+ python -m SimpleHTTPServer
+
+py3:
+ python3 -m http.server
+
diff --git a/src/parallax-css-testpage/template.css b/src/parallax-css-testpage/template.css
new file mode 100644
index 0000000000000000000000000000000000000000..ba72c2d3ade6e6efe4fb40d0476e05c188af526b
--- /dev/null
+++ b/src/parallax-css-testpage/template.css
@@ -0,0 +1,161 @@
+/*
+ * Basic stuff
+ */
+
+
+html, body {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ width: 100vw;
+ height: 100vh;
+ /* overflow-x: hidden; */
+ overflow-y: auto;
+ background-color: transparent;
+}
+
+div {
+ box-sizing: border-box;
+}
+
+.static {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ height: 100vh;
+}
+
+.container {
+ color: white;
+}
+
+.full-bg {
+ width: 100%;
+ height: 100vh;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ content: "";
+}
+
+.scroll-bg {
+ width: 100%;
+ min-height: 100vh;
+ background-size: cover;
+ background-repeat: repeat-y;
+ content: "";
+}
+
+
+
+/*
+ * Elements
+ */
+
+
+
+.vignette {
+ background-image: url("/03_Vignette/RC3_vignette.png");
+}
+
+.grid {
+ background-image: url("/07_Grid/07_Grid.png");
+}
+
+.vcr-overlay {
+ background-image: url("/08_VCR_Overlay/08_VCR_Overlay.png");
+}
+
+.fg-pixels {
+ background-image: url("/01_FG_Pixels/01_FG_Pixels.gif");
+}
+
+.bg-pixels {
+ background-image: url("/06_BG_Pixels/06_BG_Pixels.gif");
+}
+
+.bg-image {
+ background-image: url("/10_Background/10_Background_desktop_01.jpg");
+}
+
+.gradient {
+ background-image: url("/09_Gradients/09_Gradient_03_Info.jpg");
+ /* background-blend-mode: color; */
+ /* mix-blend-mode: color; */
+ opacity: 0.5;
+}
+
+
+
+/*
+ * Parallax layer
+ */
+
+
+.z-0 {
+ transform: translateZ(0.5px) scale(-1.5);
+}
+
+.z-1 {
+ transform: translateZ(-1.0px) scale(3);
+}
+
+.z-4 {
+ transform: translateZ(-4px) scale(9);
+}
+
+.z-6 {
+ transform: translateZ(-6px) scale(14);
+}
+
+.content {
+ transform: translateZ(0);
+ z-index: 1000;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+
+
+/*
+ * Parallax Classes
+ */
+
+.overflow {
+ overflow-y: scroll;
+ overflow-x: hidden;
+ width: 100%;
+ height: 100vh;
+}
+
+.perspective {
+ perspective: 1px;
+ perspective-origin: top left;
+}
+
+.preserve {
+ transform-style: preserve-3d;
+}
+
+.layer {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.sticky {
+ position: sticky;
+ position: -webkit-sticky;
+}
+
diff --git a/src/parallax-css-testpage/template.html b/src/parallax-css-testpage/template.html
new file mode 100644
index 0000000000000000000000000000000000000000..7127045b19fd037516415729f699599063931235
--- /dev/null
+++ b/src/parallax-css-testpage/template.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta name="viewport" content="width=device-width" />
+ <meta charSet="utf-8" />
+ <title>RC3 Template</title>
+ <!-- https://www.cssscript.com/efficient-parallax-scrolling/ -->
+ <!-- <link rel="stylesheet" href="parallax.css"> -->
+ <link rel="stylesheet" href="template.css">
+ <!-- <script src="/rellax.min.js"></script> -->
+</head>
+
+<body>
+ <!--
+ Documentation used:
+
+ - https://developers.google.com/web/updates/2016/12/performant-parallaxing#a_fly_in_the_ointment_mobile_safari
+ - https://jsbin.com/petejanafi/edit?html,css,js,output
+ - https://keithclark.co.uk/articles/pure-css-parallax-websites/
+
+ -->
+
+ <div>
+ <div class="static full-bg bg-image"></div>
+ <div class="static full-bg vcr-overlay"></div>
+ <div class="static full-bg grid"></div>
+ <div class="static full-bg vignette"></div>
+ </div>
+
+ <div class="perspective overflow">
+ <div class="preserve container">
+
+ <!-- <div class="parallax bg-image"></div> -->
+ <div class="layer z-1 scroll-bg gradient"></div>
+ <div class="layer z-0 scroll-bg fg-pixels"></div>
+ <div class="layer z-6 scroll-bg bg-pixels"></div>
+
+ <div id="content" class="content">
+ <h1>This is a Parallax Scroll Example</h1>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ <p>Paragraph 1</p>
+ <p>Paragraph 2</p>
+ <p>Paragraph 3</p>
+ <p>Paragraph 4</p>
+ <p>Paragraph 5</p>
+ </div>
+
+
+ </div>
+ </div>
+
+
+
+
+
+</body>
+
+</html>