diff options
| author | Jules Laplace <jules@okfoc.us> | 2016-11-29 23:35:45 -0500 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2016-11-29 23:35:45 -0500 |
| commit | aad05b0d0d38562971a434ea612f2929681ba2c7 (patch) | |
| tree | 5ddc7acad7f0980cb2987eba5e17be3d4cf9ff11 | |
| parent | 425236ccf28ea336a0f8542f5939b2e9ef63acce (diff) | |
logos
| -rw-r--r-- | new-reality/public/assets/css/css.css | 15 | ||||
| -rw-r--r-- | new-reality/public/assets/js/grid/env.js | 56 | ||||
| -rw-r--r-- | new-reality/templates/index.liquid | 13 |
3 files changed, 54 insertions, 30 deletions
diff --git a/new-reality/public/assets/css/css.css b/new-reality/public/assets/css/css.css index dd72e16..a5f1e9e 100644 --- a/new-reality/public/assets/css/css.css +++ b/new-reality/public/assets/css/css.css @@ -46,21 +46,32 @@ iframe { } h1 { - margin: 10px; + margin: 10px 0; padding: 0; font-weight: 300; } .text { color: white; +} + +.text h1, +.text a, +.text img, +.text span { background: rgba(0, 0, 0, 0.95); } +img { + padding: 10px; +} + .text span { - pointer-events: none; + cursor: default; } .text a { + cursor: pointer; color: #ccc; } diff --git a/new-reality/public/assets/js/grid/env.js b/new-reality/public/assets/js/grid/env.js index 39f8440..ea349a2 100644 --- a/new-reality/public/assets/js/grid/env.js +++ b/new-reality/public/assets/js/grid/env.js @@ -34,7 +34,7 @@ var environment = (function(){ strokeWidth: 2, bg: "#000000", stroke: "#0088ff", - duration: 1000, + duration: 10, delay: [ 0, 500 ], } @@ -65,16 +65,16 @@ var environment = (function(){ m.rotationX = Math.PI/2 scene.add(m) - var dog = new Image () - dog.classList.add("dog") - dog.src = "img/lab_sitting.png" - var m = new MX.Object3D( dog ) - m.x = 250 - m.y = 39 - m.z = 250 - m.rotationY = Math.PI/2 - m.scale = 0.2 - scene.add(m) +// var dog = new Image () +// dog.classList.add("dog") +// dog.src = "img/lab_sitting.png" +// var m = new MX.Object3D( dog ) +// m.x = 250 +// m.y = 39 +// m.z = 250 +// m.rotationY = Math.PI/2 +// m.scale = 0.2 +// scene.add(m) var logo = Snap(480 * 2, 74 * 2) logo.attr({ 'viewBox': '0 0 480 74.1' }) @@ -89,34 +89,34 @@ var environment = (function(){ scene.add(m) var tagline = new MX.Object3D () - tagline.el.innerHTML = '<h1>New Reality Co.</h1>' + tagline.el.innerHTML = document.querySelector("#body").innerHTML tagline.el.classList.add("text") - tagline.width = 530 + tagline.width = 730 // tagline.height = 50 tagline.x = 5 - tagline.y = 180 - tagline.z = 120 + tagline.y = 80 + tagline.z = 180 tagline.scale = 0.4 tagline.rotationY = Math.PI/2 scene.add(tagline) - var cta = new MX.Object3D () - cta.el.innerHTML = '<span>For more information, email </span><a href="mailto:info@newreality.co">info@newreality.co</a>' - cta.el.classList.add("text") - cta.width = 480 - // cta.height = 50 - cta.x = 5 - cta.y = 30 - cta.z = 110 - cta.scale = 0.4 - cta.rotationY = Math.PI/2 - scene.add(cta) - + var logos = new MX.Object3D () + logos.el.innerHTML = document.querySelector("#logos").innerHTML + logos.el.classList.add("text") + logos.width = 530 + // tagline.height = 50 + logos.x = 120 + logos.y = 80 + logos.z = 5 + logos.scale = 0.4 + logos.rotationY = Math.PI + scene.add(logos) + grids[0].animate({ h: "right", v: "down" }) grids[1].animate({ h: "right", v: "down" }) grids[2].animate({ h: "left", v: "down" }) - dog.addEventListener("click", environment.space) +// dog.addEventListener("click", environment.space) m.el.addEventListener("click", environment.space) } environment.space = function(){ diff --git a/new-reality/templates/index.liquid b/new-reality/templates/index.liquid index 6366851..f34c80a 100644 --- a/new-reality/templates/index.liquid +++ b/new-reality/templates/index.liquid @@ -39,6 +39,19 @@ <body> +<script type="text/html" id="body"> +<h1>New Reality Company</h1> +<br><br> +<span>For more information, email </span><a href="mailto:info@newreality.co">info@newreality.co</a> +</script> + +<script type="text/html" id="logos"> +<!-- +<a href="http://giantofficial.com/" target="_blank"><img width="250" src="http://giantofficial.com/img/giant-logo.svg"></a><br> +<a href="http://cloudsdocumentary.com/" target="_blank"><img width="500" src="https://luckyplop.s3.amazonaws.com/p/03c05547ecdb79352320b53352a6f7de.png"></a> + --> +</script> + <iframe src="/assets/stars/"></iframe> <div id="scene"></div> |