Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 406: Line 406:
<h2> These pages can replace sliders </h2>
<h2> These pages can replace sliders </h2>
</div>
</div>
-
<div class="absolute" data-speed="130" style="left: 40%; top: 30%;">
+
<div class="absolute" data-speed="130" style="left: 40%; top: 35%;">
<h4> And have pretty pictures that link to project pages </h2>
<h4> And have pretty pictures that link to project pages </h2>
</div>
</div>
Line 412: Line 412:
<h5> This means design will be really important </h2>
<h5> This means design will be really important </h2>
</div>
</div>
-
<div class="absolute" data-speed="125" style="left: 34%; padding-top: 65%;">
+
<div class="absolute" data-speed="125" style="left: 34%; top: 65%;">
<h5> It also takes a ton of time to set the page up cause I have to position everything manually </h2>
<h5> It also takes a ton of time to set the page up cause I have to position everything manually </h2>
</div>
</div>
Line 418: Line 418:
<!-- Screen 3 -->
<!-- Screen 3 -->
<div class="par-wrapper parallax" data-speed="50" style="top: -200%; left: 200%">
<div class="par-wrapper parallax" data-speed="50" style="top: -200%; left: 200%">
-
<div data-speed="90" style="left: 8%;">
+
<div data-speed="90" style="left: 10%;">
<h6> Whee! </h6>
<h6> Whee! </h6>
</div>
</div>
Line 424: Line 424:
<h2> Yay! Parallax </h2>
<h2> Yay! Parallax </h2>
</div>
</div>
-
<div class="absolute" data-speed="100" style="left: 80%; top: 60%">
+
<div class="absolute" data-speed="100" style="left: 60%; top: 60%">
<h2> (Nupur's awesome) </h2>
<h2> (Nupur's awesome) </h2>
</div>
</div>

Revision as of 04:29, 31 December 2013

Parallax Test

Parallax Design 1.2

Inspired by this site --->

(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)