Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 430: Line 430:
<div class="wrapper">
<div class="wrapper">
<div id="first-screen" class="screen" data-speed="500" data-dist="100">  
<div id="first-screen" class="screen" data-speed="500" data-dist="100">  
-
<span class="layer1" style="font-size:60px; top: 20%; left: 5%;">Parallax 2</span>
+
<span class="layer1" style="font-size:60px; top: 20%; left: 20%;">Parallax 2</span>
<img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 57%; height: 90%; width: 30%;">
<img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 57%; height: 90%; width: 30%;">
-
<span class="layer1" style="left:25%; top: 45%">Use arrow keys to move through slider -></span>
+
<span class="layer1" style="left:20%; top: 45%">Use arrow keys to move through slider -></span>
-
<span class="layer1" style="left:25%; top: 55%">I'll get mouse controls working in a bit</span>
+
<span class="layer1" style="left:20%; top: 55%">I'll get mouse controls working in a bit</span>
</div>
</div>
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;">  
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;">  

Revision as of 00:12, 25 July 2014

Parallax Test

Parallax 2 Use arrow keys to move through slider -> I'll get mouse controls working in a bit
There's no parallax effect right now... It's giving me some trouble Also all the colors and images are temporary ->
General page layout coming soon ...and the hprac page that I keep forgetting to work on