Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
 
(359 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Cornell/sandbox/header}}
-
<head>
+
<html>
-
<title> Parallax Test </title>
+
<head>
-
<meta name="Description" content="2014 Parallax Down" />
+
<script type="text/javascript">
-
<meta name="Keywords" content="hi this is going to be awesome" />
+
$(document).ready(function() {
-
 
+
//width of home body wrapper
-
<!--Fixes IE browser older than IE9>
+
$(".home").height($(document).height()-200);
-
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+
-
 
+
$(window).resize(function() {
-
<!-- Removes iGEM Wiki Stuff -->
+
$(".home").height($(document).height()-200);
-
<style type="text/css">
+
});
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
});
-
    display:none;
+
</script>
-
}
+
-
#top-section {
+
-
    border: none;
+
-
    height: 0px;
+
-
}
+
-
#content {
+
-
    border: none;
+
-
}
+
-
 
+
-
#menubar > ul > li:last-child {
+
-
    display: none;
+
-
}
+
-
#menubar {
+
-
    width: auto;
+
-
}
+
-
 
+
-
body {
+
-
    margin: 10px 0 0 0;
+
-
    padding: 0;
+
-
}
+
-
#top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;
+
-
}
+
-
#menubar {
+
-
    top: -14px;
+
-
}
+
-
.left-menu:hover {
+
-
  background-color: transparent;
+
-
}
+
-
#menubar li a {
+
-
  background-color: transparent;
+
-
}
+
-
#menubar:hover {
+
-
    color: white;
+
-
}
+
-
#menubar li a {
+
-
    color: transparent;
+
-
}
+
-
#menubar:hover li a {
+
-
    color: white;
+
-
}
+
-
</style>
+
-
 
+
-
<style type="text/css">
+
-
#home {
+
-
background: url(https://static.igem.org/mediawiki/2013/9/92/Cornell_hometest1.jpg)  
+
-
50% 0 repeat fixed; min-height: 1000px;
+
-
height: 1000px;
+
-
  margin: 0 auto;
+
-
  width: 100%;
+
-
  max-width: 1920px;
+
-
  position: relative;
+
-
}
+
-
#home article {
+
-
  height: 458px;
+
-
  position: absolute;
+
-
  text-align: center;
+
-
  top: 150px;
+
-
  width: 100%;
+
-
color: white;
+
-
}
+
-
#project {
+
-
background: url(https://static.igem.org/mediawiki/2013/c/cc/Cornell_abouttest1.jpg)  
+
-
50% 0 no-repeat; min-height: 1000px; 
+
-
height: 1000px;
+
-
  margin: 0 auto;
+
-
  width: 100%;
+
-
  max-width: 1920px;
+
-
  position: relative;
+
-
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
-
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
+
-
}
+
-
#project article {
+
-
  height: 458px;
+
-
  position: absolute;
+
-
  text-align: center;
+
-
  top: 150px;
+
-
  width: 100%;  
+
-
color: white;
+
-
}
+
-
</style>
+
</head>
</head>
-
<body>
+
<body style="overflow: hidden">
-
<section id="home" class="pages" data-type="background" data-speed="10">
+
<div class="navbar" style="position: relative; z-index: 20; margin-top: -29px;">
-
<article>Hi iGEM</article>
+
<a><div class="head"> Project </div></a>
-
</section>
+
<a><div class="head"> Outreach </div></a>
-
<section id="project" class="pages" data-type="background" data-speed="10">
+
<div class="head">
-
<article>Project Stuff</article>
+
<img style="width: 450px; padding: 0 30px;" src="https://static.igem.org/mediawiki/2013/0/0a/Cornell_newlogo.png">
-
</section>
+
-
 
+
</div>
 +
<div style="display: inline-block; position: absolute; margin-left: -210px;">
 +
<a>
 +
<img src ="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png"">
 +
</a>
 +
</div>
 +
<a><div class="head"> Notebook</div></a>
 +
<a><div class="head"> Team</div></a>
 +
</div>
 +
<div class="wrapper home">
 +
<div id="first-screen" class="screen" data-speed="500" data-dist="100">  
 +
<span class="layer1" style="font-size:60px; top: 20%; left: 20%;">Home Page</span>
 +
<img class="layer4 spin" 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:20%; top: 45%">Use arrow keys to move through slider -></span>
 +
<span class="layer1" style="left:20%; top: 55%">I'll get mouse controls working in a bit</span>
 +
</div>
 +
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;">
 +
<span class="layer1" style="left:25%; top: 45%">There's no parallax effect right now... It's giving me some trouble</span>
 +
<span class="layer1" style="left:25%; top: 55%">Also all the colors and images are temporary -></span>
 +
</div>
 +
<div class="screen" data-speed="500" data-dist="100" style="left: 200%;">
 +
<span class="layer1" style="left:25%; top: 45%">General page layout coming soon</span>
 +
<span class="layer1" style="left:25%; top: 55%">...and the hprac page that I keep forgetting to work on</span>
 +
</div>
 +
</div>
 +
<div class="navbar" style="position: fixed; z-index: 10; bottom: -1px;">
 +
<a>
 +
<div class="tail">
 +
<span>Nickel</span>
 +
<img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/512/Sport-Activities-Skydiving-gear-icon.png">
 +
</div>
 +
</a>
 +
<a>
 +
<div class="tail">
 +
<span>Mercury</span>
 +
<img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/256/Accommodation-Jacuzzi-icon.png">
 +
</div>
 +
</a>
 +
<a>
 +
<div class="tail">
 +
<span style="margin-left: -7%">Lead</span>
 +
<img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/256/Sport-Activities-Fishing-icon.png">
 +
</div>
 +
</a>
 +
<a>
 +
<div class="tail">
 +
<span style="margin-left: -9%">Reporters</span>
 +
<img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/256/Sport-Activities-Base-jumping-icon.png">
 +
</div>
 +
</a>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 19:20, 19 August 2014

2014 Cornell iGEM

Project
Outreach
Notebook
Team
Home Page 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
Nickel
Mercury
Lead
Reporters

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