Difference between revisions of "Team:TP CC-SanDiego/test-abishek"

m (navbar urls)
 
(210 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
−
    <link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
−
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,700,900' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script>
 
     <script>
 
function setHeight() {
 
function setHeight() {
−
var winheight = $(window).height() - 57;
+
var winheight = ($(window).height() - 180)/2;
−
$('#whole-wrapper').css("margin-top", winheight)
+
$('#slider').css("margin-top", winheight);
 +
$('#slider').css("margin-bottom", winheight - 50)
 
}
 
}
 
</script>
 
</script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(window).scroll(function(){
 
$(window).scroll(function(){
−
var winheight = $(window).height() - 50;
+
var winheight = $(window).height() - 67;
 
var mn = $("#nav-wrapper");
 
var mn = $("#nav-wrapper");
 
var mn2 = $("#nav");
 
var mn2 = $("#nav");
−
//var nextdiv = $("#motto");
+
var nextdiv = $("#content-wrapper");
 
if($(window).scrollTop() > winheight){
 
if($(window).scrollTop() > winheight){
 
mn.addClass("fixed");
 
mn.addClass("fixed");
 
mn2.addClass("marginRight")
 
mn2.addClass("marginRight")
−
//nextdiv.css("padding-top", "50px");
+
nextdiv.css("padding-top", "50px");
 
}  
 
}  
 
else{
 
else{
 
mn.removeClass("fixed");
 
mn.removeClass("fixed");
 
mn2.removeClass("marginRight")
 
mn2.removeClass("marginRight")
−
//nextdiv.css("padding-top", "0px");
+
nextdiv.css("padding-top", "0px");
 
}
 
}
 
});
 
});
Line 58: Line 59:
  
 
body {  
 
body {  
−
background: url(http://s3.amazonaws.com/TimeScapes/images/stills/4k/big_sur.jpg) no-repeat center center fixed;
+
background: url(https://static.igem.org/mediawiki/2015/7/7c/Tpcc-homebackground.jpg) no-repeat center center fixed;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
Line 73: Line 74:
 
width: 101%;
 
width: 101%;
 
height: 50px;
 
height: 50px;
−
background-color: red;
+
background-color: #333333;
 
z-index: 100;
 
z-index: 100;
 
line-height: 50px;
 
line-height: 50px;
Line 85: Line 86:
 
font-size: 14px;
 
font-size: 14px;
 
font-weight: 700;
 
font-weight: 700;
 +
}
 +
 +
#nav a{
 +
padding-left: 20px;
 +
color: #f2f2f2;
 +
font-weight: 400;
 +
text-decoration: none;
 +
}
 +
 +
#nav a:hover{
 +
color: #f15258;
 +
-webkit-transition: color .1s ease-in;
 +
text-decoration: none;
 
}
 
}
  
Line 92: Line 106:
 
overflow: hidden;
 
overflow: hidden;
 
background-color: white;
 
background-color: white;
 +
padding-bottom: 20px;
 
}
 
}
  
Line 103: Line 118:
 
position: fixed;
 
position: fixed;
 
top: 18px;
 
top: 18px;
 +
width: 100%;
 +
bottom: 50px;
 
}
 
}
  
 
.marginRight{
 
.marginRight{
−
background-color: green;
+
padding-left: 1%;
−
padding-left: 39px;
+
 
}
 
}
  
Line 113: Line 129:
 
width: auto;
 
width: auto;
 
margin: 0 auto 0 auto;
 
margin: 0 auto 0 auto;
 +
padding: 0;
 +
margin: 0;
 
}
 
}
  
−
#final{
+
h2{
 +
font-family: Poppins;
 +
font-size: 36px;
 +
font-weight: 100;
 +
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 +
}
 +
 
 +
h5{
 +
font-family: Poppins;
 +
font-size: 18px;
 +
font-weight: 100;
 +
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 +
}
 +
 
 +
p{
 +
font-family: Montserrat;
 +
font-size: 12px;
 +
color: #333;
 +
font-weight: 400;
 +
}
 +
 
 +
#outer{
 +
height: 400px;
 +
width: 100%;
 +
background-image: url(https://static.igem.org/mediawiki/2015/b/b0/Tpcc-homesection1.jpg);
 +
background-size: cover;
 +
margin: 0px 0px 40px 0px;
 +
}
 +
 
 +
#outerRight{
 +
height: 400px;
 +
width: 100%;
 +
background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Tpcc-homesection2.jpg);
 +
background-size: cover;
 +
margin: 20px 0px 20px 0px;
 +
}
 +
 
 +
#inner{
 
width: 1100px;
 
width: 1100px;
 +
height: 400px;
 +
overflow: hidden;
 
margin: 0 auto 0 auto;
 
margin: 0 auto 0 auto;
 
}
 
}
  
−
.partition{
+
#finalinner{
−
width: 1100px;
+
width: 250px;
 +
height: 380px;
 +
float: left;
 +
background-color: white;
 +
padding: 18px 75px 0 35px;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 
 +
#finalinnerRight{
 +
width: 250px;
 +
height: 380px;
 +
float: right;
 +
background-color: white;
 +
padding: 18px 35px 0 75px;
 +
text-align: right;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 
 +
#team-wrap{
 +
width: 1000px;
 
height: auto;
 
height: auto;
 
overflow: hidden;
 
overflow: hidden;
−
margin-bottom: 50px;
+
margin: 20px auto 20px auto;
−
margin-top: 50px;
+
background-color: #f2f2f2;
 +
text-align: center;
 +
padding: 50px 50px 56px 50px;
 
}
 
}
  
−
.leftpartition{
+
#team{
−
width: 46%;
+
height: 450px;
−
height: auto;
+
width: 250px;
 
float: left;
 
float: left;
 +
margin-right: 33.3px;
 +
background-color: #f2f2f2;
 +
margin-bottom: 25px;
 
}
 
}
  
−
.rightpartition{
+
#team img{
−
wdith: 46%;
+
margin-bottom: 15px;
−
height: auto;
+
−
float: right;
+
−
background-color: green;
+
 
}
 
}
  
−
h2{
+
.name{
−
font-family: Lato;
+
font-family: Poppins;
−
font-size: 36px;
+
font-size: 24px;
 +
font-weight: 100;
 +
margin-left: 10px;
 +
}
 +
 
 +
#inner a{
 +
color: #f15258;
 
font-weight: 700;
 
font-weight: 700;
−
border-bottom: none;
+
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 
}
 
}
  
−
p{
+
#inner a:hover{
−
font-family: Merriweather;
+
color: white;
−
font-sizer: 18px;
+
−
color: #333;
+
 
font-weight: 700;
 
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 +
#team-wrap a{
 +
color: #f15258;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 +
#team-wrap a:hover{
 +
color: white;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 +
#borderBot{
 +
border-bottom: 2px solid #f15258;
 +
width: 50px;
 +
}
 +
 +
#slider{
 +
width: 648px;
 +
height: 140px;
 +
margin: 0 auto 0 auto;
 +
font-family: Poppins;
 +
font-size: 128px;
 +
color: white;
 +
font-weight: 500;
 +
line-height: 140px;
 +
padding: 20px 30px 8px 30px;
 +
border: 5px solid #f15258;
 +
color: #f15258;
 
}
 
}
 
</style>
 
</style>
Line 159: Line 295:
 
<body onload="setHeight()">
 
<body onload="setHeight()">
 
<div id="whole-wrapper">
 
<div id="whole-wrapper">
 +
<div id="slider">
 +
CHITINASE
 +
</div>
 
<div id="nav-wrapper">
 
<div id="nav-wrapper">
 
<div id="nav">
 
<div id="nav">
−
TPHS / CCA iGEM
+
<span style="color: #f15258; border: 2px solid #f15258; padding: 5px 10px 5px 10px;">T P - C C</span>
 
<div id="nav-right">
 
<div id="nav-right">
−
<a>HOME</a>
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego">
−
<a>NEWS</a>
+
        HOME</a>
−
<a>HELLO</a>
+
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">
 +
        PROJECT</a> <!-- Overview, Experiments/Protocols, Safety, Results -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">
 +
        NOTEBOOK</a>
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Practices">
 +
        OUTREACH</a> <!-- Collaborations -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">
 +
        TEAM</a> <!-- Attributions -->
 
</div>
 
</div>
 
</div>
 
</div>
Line 171: Line 317:
 
<div id="content-wrapper">
 
<div id="content-wrapper">
 
<div id="content">
 
<div id="content">
−
<div id="final">
+
<div id="outer">
−
<div class="partition">
+
<div id="inner">
−
<div class="leftpartition">
+
<div id="finalinner">
−
<h2>Our Project</h2>
+
<h2 style="margin-bottom: 0px;">PROJECT OVERVIEW</h2>
−
<p>
+
<div id="borderBot"></div><br><br>
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim risus id dolor maximus, id ultricies mi vulputate. Quisque vitae quam id libero finibus ullamcorper sit amet sit amet enim. Vestibulum luctus dolor risus, at ullamcorper enim sodales ac. Fusce consectetur, turpis et facilisis ultrices, felis massa gravida lacus, nec dapibus ex leo vitae nisi. Aenean cursus vulputate ipsum ut bibendum. Maecenas viverra semper sollicitudin. Proin sed aliquet turpis. Nulla in dapibus leo, eget pellentesque nunc. Vivamus at feugiat erat. Sed eget magna purus. Sed posuere mauris vel magna consequat pharetra. Nam sit amet nisi massa. Sed vel enim nisi.
+
<p style="margin-bottom: 15px;">
−
</p>
+
Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.
 +
</p>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">FIND OUT MORE</a>
 +
</div>
 
</div>
 
</div>
−
<div class="rightpartition">
+
</div>
−
<img src="http://www.pulsarwallpapers.com/data/media/3/Alien%20Ink%202560X1600%20Abstract%20Background.jpg" width="550" />
+
<div id="outerRight">
 +
<div id="inner">
 +
<div id="finalinnerRight">
 +
<h2 style="margin-bottom: 0px;">NOTEBOOK</h2>
 +
<div id="borderBot" style="float: right;"></div><br><br>
 +
<p style="margin-bottom: 15px;">Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success. </p>
 +
<a  href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">FIND OUT MORE</a>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div id="content" style="padding-top: 16px; padding-bottom: 10px;">
 +
<div id="team-wrap">
 +
<h2>
 +
THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE
 +
</h2>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">MEET THE TEAM</a>
 +
<!--<div id="team">
 +
<img src="http://whysquare.co.nz/wp-content/uploads/2013/07/profile_square3-270x270.jpg" width="250" />
 +
<span class="name">ERIC CHEN</span>
 +
</div>-->
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 16:38, 18 September 2015

CHITINASE

PROJECT OVERVIEW



Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.

FIND OUT MORE

NOTEBOOK



Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success.

FIND OUT MORE

THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE

MEET THE TEAM