diff --git a/mirage/app.js b/mirage/app.js new file mode 100644 index 0000000..aab45eb --- /dev/null +++ b/mirage/app.js @@ -0,0 +1,2 @@ +var scene = document.getElementById('scene'); +var parallaxInstance = new Parallax(scene); \ No newline at end of file diff --git a/mirage/layers/1.png b/mirage/layers/1.png new file mode 100644 index 0000000..9b9968b Binary files /dev/null and b/mirage/layers/1.png differ diff --git a/mirage/layers/10.png b/mirage/layers/10.png new file mode 100644 index 0000000..eb309d8 Binary files /dev/null and b/mirage/layers/10.png differ diff --git a/mirage/layers/11.png b/mirage/layers/11.png new file mode 100644 index 0000000..fbc647a Binary files /dev/null and b/mirage/layers/11.png differ diff --git a/mirage/layers/12.png b/mirage/layers/12.png new file mode 100644 index 0000000..4fc004c Binary files /dev/null and b/mirage/layers/12.png differ diff --git a/mirage/layers/2.png b/mirage/layers/2.png new file mode 100644 index 0000000..badf8a2 Binary files /dev/null and b/mirage/layers/2.png differ diff --git a/mirage/layers/3.png b/mirage/layers/3.png new file mode 100644 index 0000000..0846f13 Binary files /dev/null and b/mirage/layers/3.png differ diff --git a/mirage/layers/4.png b/mirage/layers/4.png new file mode 100644 index 0000000..dc63845 Binary files /dev/null and b/mirage/layers/4.png differ diff --git a/mirage/layers/5.png b/mirage/layers/5.png new file mode 100644 index 0000000..43d0ea0 Binary files /dev/null and b/mirage/layers/5.png differ diff --git a/mirage/layers/6.png b/mirage/layers/6.png new file mode 100644 index 0000000..9d81eec Binary files /dev/null and b/mirage/layers/6.png differ diff --git a/mirage/layers/7.png b/mirage/layers/7.png new file mode 100644 index 0000000..27c6bc2 Binary files /dev/null and b/mirage/layers/7.png differ diff --git a/mirage/layers/8.png b/mirage/layers/8.png new file mode 100644 index 0000000..c0c909c Binary files /dev/null and b/mirage/layers/8.png differ diff --git a/mirage/layers/9.png b/mirage/layers/9.png new file mode 100644 index 0000000..0fcc734 Binary files /dev/null and b/mirage/layers/9.png differ diff --git a/mirage/layers/sky.png b/mirage/layers/sky.png new file mode 100644 index 0000000..192ebde Binary files /dev/null and b/mirage/layers/sky.png differ diff --git a/mirage/layers/sun-lite.png b/mirage/layers/sun-lite.png new file mode 100644 index 0000000..5122585 Binary files /dev/null and b/mirage/layers/sun-lite.png differ diff --git a/mirage/layers/sun.png b/mirage/layers/sun.png new file mode 100644 index 0000000..c8cac13 Binary files /dev/null and b/mirage/layers/sun.png differ diff --git a/mirage/mirage.html b/mirage/mirage.html new file mode 100644 index 0000000..600ece0 --- /dev/null +++ b/mirage/mirage.html @@ -0,0 +1,28 @@ + + + + MIRAGE + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/mirage/miragestylesheet.css b/mirage/miragestylesheet.css new file mode 100644 index 0000000..51ce803 --- /dev/null +++ b/mirage/miragestylesheet.css @@ -0,0 +1,93 @@ +*{ + margin:0; + padding: 0; +} +body{ + width: 100%; + background: black; + overflow: hidden; +} +.scene{ + position: absolute; + left: 50; + top: 50; + width: 100vw; + height: 100vh; +} +.layers{ + position: absolute; + left: 60; + top: 60; + width: 120vw; + height: 120vh; +} +#layer1{ + background: url(./layers/1.png); + background-size: cover; + z-index: 12; +} +#layer2{ + background: url(./layers/2.png); + background-size: cover; + z-index: 11; +} +#layer3{ + background: url(./layers/3.png); + background-size: cover; + z-index: 10; +} +#layer4{ + background: url(./layers/4.png); + background-size: cover; + z-index: 9; +} +#layer5{ + background: url(./layers/5.png); + background-size: cover; + z-index: 8; +} +#layer6{ + background: url(./layers/6.png); + background-size: cover; + z-index: 7; +} +#layer7{ + background: url(./layers/7.png); + background-size: cover; + z-index: 6; +} +#layer8{ + background: url(./layers/8.png); + background-size: cover; + z-index: 5; +} +#layer9{ + background: url(./layers/9.png); + background-size: cover; + z-index: 4; +} +#layer10{ + background: url(./layers/10.png); + background-size: cover; + z-index: 3; +} +#layer11{ + background: url(./layers/11.png); + background-size: cover; + z-index: 2; +} +#layer12{ + background: url(./layers/12.png); + background-size: cover; + z-index: 1; +} +#layer13{ + background: url(./layers/sun-lite.png); + background-size: cover; + z-index:0; +} +#layer14{ + background: url(./layers/sky.png); + background-size: cover; + z-index: -1; +} \ No newline at end of file