Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>  
+
<head>
<!-- Inspired by http://hotdot.pro/en/# -->
<!-- Inspired by http://hotdot.pro/en/# -->
<title> Parallax Test </title>
<title> Parallax Test </title>
Line 320: Line 320:
</style>
</style>
-
+
<!-- Fixes IE browser older than IE9-->
-
<!--Fixes IE browser older than IE9-->
+
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
Line 405: Line 404:
</div>
</div>
</div>
</div>
-
 
<!-- Screen 2 -->
<!-- Screen 2 -->
-
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="top: -100%;>
+
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="top: -100%; left: 100%">
<div class="parallax" data-speed="2000" data-dist="10" style="left: 30%; top: 25%;">
<div class="parallax" data-speed="2000" data-dist="10" style="left: 30%; top: 25%;">
<h2> These pages can replace sliders </h2>
<h2> These pages can replace sliders </h2>

Revision as of 15:49, 16 July 2014

Parallax Test

Parallax Design 1.2

Inspired by this site --->

http://hotdot.pro/en/#

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"