Team:UCLA

From 2013.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:UCLA/Template}}
-
<html><head>
+
<html><br><head>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
-
<script>
+
-
$(document).ready(function(){
+
-
 
-
var $window = $(window); //You forgot this line in the above example
 
-
 
-
$('section[data-type="background"]').each(function(){
 
-
var $bgobj = $(this); // assigning the object
 
-
$(window).scroll(function() {
 
-
var yPos = -( ($(window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
 
-
// Put together our final background position
 
-
var coords = '50% '+ yPos + 'px';
 
-
// Move the background
 
-
$bgobj.css({ backgroundPosition: coords });
 
-
});
 
-
});
 
-
});
 
-
</script>
 
<title>UCLA iGEM </title>
<title>UCLA iGEM </title>
<style>
<style>
#slide {
#slide {
-
    background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png"); 0 repeat fixed; min-height: 700px;
+
  background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;  
 +
height: 650px; 
 +
margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
#slide2 {
 +
background: url("https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png") 50% 0 no-repeat fixed;  
 +
height: 650px; 
 +
margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
}
 +
#slide3 {
 +
  background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;
 +
height: 700px; 
 +
margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;  
}
}
#slide article {
#slide article {
Line 29: Line 33:
   position: absolute;  
   position: absolute;  
   text-align: center;  
   text-align: center;  
-
  top: 350px;
 
   width: 100%;  
   width: 100%;  
   font-size: 5em;
   font-size: 5em;
   color: #fff;
   color: #fff;
 +
}
 +
#abs {
 +
font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #fff;
 +
text-align: left center; line-height: 180%; margin: 10px 0px auto 10px
 +
}
 +
#abs-title {
 +
font-size: 25px; font-family: "Trebuchet MS", sans-serif; color: #fff;
 +
text-align: center; line-height: 180%; margin: 10px 5px auto 40px
 +
}
 +
#text {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:white;
 +
    font-size:20px;
 +
    left:145px;
 +
    top:350px;
 +
}
 +
#text2 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:675px;
 +
    top:400px;
 +
}
 +
#text3 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:125px;
 +
    top:525px;
}
}
#content {
#content {
Line 42: Line 80:
<body>
<body>
-
<section id="slide" data-type="background" data-speed="10"><br><article><p>WELCOME TO UCLA IGEM</p></article><br><br><br><br>                          
+
<section id="slide" data-type="background" data-speed="5">
-
</section>  
+
<img src="https://static.igem.org/mediawiki/2013/e/ea/Grad.png" width="960">
 +
<p id="text"><a href="#slide2"><font color="white">How it Works</font></a><br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide2"><img src="https://static.igem.org/mediawiki/2013/6/62/Downarrow.png" href="#slide2" width="50"></a></p>
 +
<a name="slide1"></a></section>
 +
 
 +
<section id="slide2" data-type="background" data-speed="5">
 +
<img src="https://static.igem.org/mediawiki/2013/e/e6/Grad2.png" width="960">
 +
<p id="text2"><a href="#slide3"><font color="Black">mRNA Display</font></a><br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide3"><img src="https://static.igem.org/mediawiki/2013/1/11/Down_arrow_black.png"Width="50">
 +
</a></p>
 +
<a name="slide2"></a>
 +
</section>
 +
 
 +
<section id="slide3" data-type="background" data-speed="8">
 +
<img src="https://static.igem.org/mediawiki/2013/4/4b/Grad3.png" width="960">
 +
<p id="text3">
 +
<a href="#slide1"><img src="https://static.igem.org/mediawiki/2013/c/c2/Uparrow_white.png" href="#slide2" width="50"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
<a href="https://2013.igem.org/Team:UCLA/Project"><img src="https://static.igem.org/mediawiki/2013/3/34/Sideways_arrow_white.png" width="50"></a>
 +
<br>
 +
&nbsp;<a href="#slide1"><font color="white">Top</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:UCLA/Project"><font color="white">More Details!</font></a>
 +
 
 +
</p>
 +
<a name="slide3"></a></section>
 +
 
-
<!--<img src="https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png" width="960">-->
 
</body>
</body>
</html>
</html>

Latest revision as of 21:11, 27 September 2013


UCLA iGEM

How it Works
       

mRNA Display
       

           
 Top       More Details!

Retrieved from "http://2013.igem.org/Team:UCLA"